原创 React hooks實踐

本文轉載自https://github.com/chenjigeng/blog/issues/2 最近在學react,覺得React Hooks會成爲2019 前端技術爆點。 以下爲轉載內容: 前言 最近要對舊的項目進行重構,統一使

原创 React16.8搭建支持Less文件的開發環境

React 版本 16.8.4 寫這篇文章是因爲個人想使用螞蟻金服的AntD UI寫個demo,中間遇到一些坑,網上找到的一些方案有點過時,所以解決問題後決定自己寫點經驗和大家分享。 AntD是用less編寫的,雖然可以直接引入CSS

原创 構建一個Bootstrap WordPress主題#13 開啓評論功能

我們要做的最後一件事是在我們的文章詳情頁面添加一些評論功能: 打開 single.php 文件,我們要在類名爲panel-body的div底部再添加一個評論模板, 添加comments_template() 方法: <?php

原创 構建一個Bootstrap WordPress主題#12 創建單獨帖子頁面

在wpstrap主題文件夾下創建一個single.php文件。現在,如果我們單擊其中一篇博文,頁面會跳轉到空白頁,因爲它會自動查看single.php頁面。 現在複製index.php文件中的所有內容,並將其粘貼到single.ph

原创 構建一個Bootstrap WordPress主題#11 添加搜索欄

打開 header.php 文件,找到文件底部空的 form 標籤,我們在標籤內添加一些內容: <form method="get" class="navbar-form navbar-right" role="search" ac

原创 jQuery插件開發方法

在jQuery中,工廠函數 是整個jQuery庫的核心,所有其他API都通過工廠函數進行調用,因此jQuery的插件以工廠函數爲核心,對其進行拓展,可以將工廠函數當做一個JavaScript對象,通過對工廠函數進行擴充就可以創建自己

原创 構建一個Bootstrap WordPress主題#10 設置側邊欄

現在我們設置側邊欄,以便我們可以添加側邊欄小部件 打開functions.php文件,在add_action()下面添加一個名爲init_widgets()的函數,代碼如下: // Widget Locations functio

原创 構建一個Bootstrap WordPress主題#9 實現一個導航欄

接下來講解如何使用wp-bootstrap navwalker實現帶有WordPress主題的Bootstrap導航欄。 這個腳本非常流行,它可以整合你的導航欄,方便你創建子項目。 打開網址www.github.com/twitte

原创 構建一個Bootstrap WordPress主題#8 添加一點CSS樣式

現在我們添加一些CSS樣式來使帖子看起來更好看一些: 打開style.css並使用article.post,爲每個帖子的底部加一個邊框。該 邊框將是灰色,實心和1px。 另外,讓我們使用padding-bottom:20px和mar

原创 構建一個Bootstrap WordPress主題#7 添加內容和閱讀按鈕

我們先來添加摘要部分。 添加內容摘要 我們在9-column的div中添加如下代碼:我們在9-column的div中添加如下代碼: </p> <div class="excerpt"> <?php echo get_the_e

原创 構建一個Bootstrap WordPress主題#6 格式化帖子

進入我們的index.php文件,找到下面這部分代碼: <?php while(have_posts()) : the_post(); ?> <div class="row"> <div class="col-md-3

原创 構建一個Bootstrap WordPress主題#5 添加特色圖片&創建分類

添加特色圖片 要顯示特色圖像區域,我們需要創建 functions.php 文件。 創建functions.php文件,添加如下代碼: <?php function theme_setup(){ // Feature

原创 構建一個Bootstrap WordPress主題#4 header & footer

接下來讓我們從index.php中拆分出header和footer文件: 在index.php文件中,將第一行至< / nav>標籤的所有代碼剪切下來。 創建一個header.php文件,將剛剛剪切的代碼粘貼進來並保存代碼。 在in

原创 構建一個Bootstrap WordPress主題#3 添加側邊欄和footer

這節我們添加一個側邊欄,用來顯示小部件,爲此,我們首先需要創建一個functions.php文件。 我們需要註冊我們想要的小部件。 添加側邊欄: 打開 index.php ,在col-md-4的 div 標籤中添加以下代碼, if(i

原创 構建一個Bootstrap WordPress主題#2 構建一個Bootstrap主題

讓我們從頭開始使用我們的WordPress Bootstrap主題: 1.轉到 WordPress 根目錄下,打開 wp-content -> themes 文件夾 這裏只有WP默認的幾款主題 2.在此目錄下新建一個叫 wpstra