建置 WordPress 網站環境及外掛推薦

建立Wordpress所要用的資料庫，資料庫名稱可自取

http://127.0.0.1/WordPress

出現安裝精靈，下一步下一步

防火牆Apache設定允許一下

就這麼簡單!

您也可以用IIS來建置環境：參考Microsoft Web Platform Installer

網站建立後，接下來就是選擇喜歡的主題佈景，有免費也有付費

再來就是一些外掛需要安裝啟用～

WordPress外掛推薦：

• All In One SEO Pack
• All In One Schema Rich Snippets (網站結構化)
• Schema & Structured Data for WP & AMP (網站結構化)
• One User Avatar (上傳大頭貼)
• Simple Author Box (文章底部增加作者介紹)
• bbPress (討論區)
• bbPress Notify (新文章通知站長)
• wpForo (討論區)
• Category Order and Taxonomy Terms Order (文章類別排序)
• Envira Gallery Lite (相簿簡易版)
• NextGEN Gallery (相簿)
• Photo Gallery (相簿)
• Awesome Gallery (Flickr相簿)
• Flickr Album Gallery (Flickr相簿)
• Media Library Categories (媒體庫分類陽春版)
• WordPress Real Media Library (媒體庫分類進階版)
• Media Library Assistant (媒體庫進階管理)
• Enable Media Replace (媒體庫舊有檔案覆蓋更新)
• Media Cleaner (清理網站沒有用到的圖片)
• Safe SVG (允許上傳SVG，並且媒體庫能顯示縮圖)
• Auto Upload Images (能將文章內容中插入的外部圖片，全部從外部擷取後上傳至網站的媒體庫中，並將外部圖片網址取代為站內圖片網址)
• FeedWordPress (RSS)
• WP Edit (進階文章編輯器)
• TinyMCE Advanced (進階文章編輯器)
• Advanced iFrame (iFrame自動高)
• bulk-delete (大量刪除特定文章)
• Bulk Move (大量刪除文章分類)
• WP Mail Smtp (寄信)
• WP-PostViews Plus (熱門文章、顯示文章瀏覽數)
• Post Views Counter (顯示文章瀏覽數)
• Sassy Social Share (社群分享)
• Fuse Social Floating Sidebar (社群固定在側邊)
• myStickyElements Pro (社群固定在側邊，mobile置底)
• WP Open Graph Meta (社群分享時抓特色圖片)
• WP Facebook Open Graph protocol (社群分享時抓特色圖片)
• Smash Balloon Instagram Feed (Instagram feed)
• BackWPup (備份，可排程備份到Dropbox)
• Google XML Sitemaps
• Udinra All Image Sitemap (圖片的Sitemap)
• WP Sitemap Page (This is a sitemap for human not for search engines bots.)
• Limit Login Attempts (登入安全性)
• Simple Google reCAPTCHA (登入時 reCAPTCHA 保護)
• Email Notification on login (登入時郵件自動通知)
• Login Logout Menu (登入登出選單)
• Login Logout Register Menu (登入登出選單)
• Wordfence Security (WordPress防火牆阻止黑客入侵)
• WP Content Copy Protection & No Right Click (鎖右鍵)
• WPS Hide Login(改變後台登入網址)
• Disable Login(暫時不開放後台登入)
• Redirection (設定站內特定網址轉址)
• Really Simple SSL (SSL網址自動檢查設定)
• Contact Form 7 (聯絡表單)
• Flamingo (搭配Contact Form 7後台可查表單資料)
• Advanced CF7 DB (搭配Contact Form 7後台可查表單資料)
• Contact Form by WPForms (拖拉式聯絡表單)
• Gravity Forms (進階版聯絡表單)
• Fastest Contact Form Builder Plugin by Fluent Forms (可設定到期時間與數量限制的聯絡表單)
• Everest Forms (聯絡表單，提供好用的的月曆日期選擇功能)
• Wp-Pro-Quiz (題目式表單)
• Modal Survey (題目式表單)
• Quiz And Survey Master (題目式表單)
• Calculated Fields Form (數學計算式表單)
• Tablepress (自適應表格)
• WP Table Builder (自適應表格)
• Hyper Cache (快取)
• WP Super Cache (快取)
• WP-Optimize (優化資料庫，刪除版本文章、無效資料表)
• Better WordPress Minify (js合併與css合併)
• Autoptimize (js與css最小化)
• WordPress Related Posts (相關文章)
• Yet Another Related Posts (相關文章)
• PublishPress Future (設定頁面、文章、商品到期日)
• Sticky Posts – Switch (文章置頂)
• Admin Columns (後臺頁面和文章列表可顯示特殊欄位，例如顯示受密碼保護的文章)
• Better Random Redirect (自訂一個網址可顯示隨機文章)
• WP-PageNavi (顯示分頁)
• Recent Posts Widget Extended
• Scroll Back To Top (回到文章最上面)
• Page Visit Counter (訪客計數器)
• WP Statistics (訪客統計資料)
• jQuery updater (jQuery 自動升級)
• Q and A FAQ and Knowledge Base for WordPress ( 簡單的Q&A)
• Akismet (反垃圾留言)
• Comment Reply by Admins Notifier (站長回覆訪客留言時郵件通知訪客)
• Revolution Slider (圖層動畫)
• Sidebar & Widget Manager (Widget工具)
• Q2W3 Fixed Widget (固定Widget)
• Advanced Floating Content (網站側邊固定廣告)
• AdSense Integration WP QUADS (加上廣告代碼)
• Meks Easy Ads Widget (側邊欄加上廣告)
• Quotmarks Replacer (修正內文引號雙引號顯示錯誤)
• Regenerate Thumbnails (重製縮圖)
• Visual Composer (好用的頁面Building工具)
• Awesome Builder (好用的頁面Building工具)
• Shortcodes ultimate (超多短代碼套用)
• Content Blocks (自訂短代碼套用)
• CodeColorer (文章中顯示code原始碼)
• GTranslate (網站多國語言)
• Polylang (網站多國語言)
• Polylang Pro (網站多國語言+文章內容複製)
• Loco Translate(直接在瀏覽器中為 WordPress 的外掛及佈景主題進行本地化)
• User Role Editor (編輯帳號角色權限)
• White Label Branding for WordPress (編輯帳號角色權限)
• User Switching (後臺帳號切換)
• When Last Login (記錄使用者最後登入的時間)
• Admin Menu Editor (後台選單管理)
• team-showcase (團隊介紹)
• Sidebar Login (登入註冊)
• Pie Register (進階註冊)
• UserPro (進階會員註冊)
• Ultimate Member (會員資料管理)
• Zopim Live Chat (線上客服交談)
• Chaty (線上客服交談LINE、Messenger )
• Expire Users (設定帳號到期日)
• Import and export users and customers (使用者匯出匯入)
• Import Export WordPress Users and WooCommerce Customers (使用者匯出匯入進階版)
• User Login Log (記錄帳號登入時間IP)
• WordPress Download Manager (檔案下載管理)
• Pretty file list pro (檔案下載管理)
• File Manager Plugin For WordPress (檔案下載進階管理)
• multiverso (檔案下載進階管理)
• uploading downloading non-latin filename (檔案下載時轉換成原始檔名)
• Frontend Uploader (前台檔案上傳)
• Hacklog Remote Attachment (ftp，媒體庫檔案可設定儲存在不同目錄或主機)
• Popup Builder (POP提示訊息)
• Upload Quota per User (限制使用者可上傳檔案空間大小)
• Post Type Switcher (move posts to portfolio)
• Post title marquee scroll (跑馬燈)
• Simple Lightbox (圖片燈箱Lightbox)
• SEO Optimized Images (圖片alt,title)
• SEO Image Toolbox (以圖片的title寫入圖片alt)
• WP Smush (圖片最佳化)
• EWWW Image Optimizer (圖片最佳化、設定圖片縮小的格式尺寸)
• Compress JPEG & PNG images (圖片最佳化)
• WebP Converter for Media (提供 WebP 格式圖片)
• Simple Image Sizes (設定圖片上傳後的格式尺寸)
• Imsanity (設定圖片上傳後的格式尺寸，不保留原始大小，另外可批次修改原本已經上傳的圖片尺寸)
• Nelio Content (發表文章自動發佈到社群)
• Featured Image From URL (用外連圖片做為特色圖片，可設定文章第一張圖片為特色圖片)
• Quick Featured Images (預設某一張圖做為特色圖片、變更所有特色圖片)
• a3 Lazy Load (圖片延遲載入)
• Lazy Load for Videos (YT影片延遲載入)
• Easy Watermark (圖片加浮水印)
• Captcha (留言驗證)
• Facebook Comments (Facebook 留言)
• Gwolle Guestbook (訪客留言版)
• Disable Comments (關閉留言功能)
• Yop Poll Plugin (投票問券)
• WP-Polls (投票問券)
• Quiz And Survey Master (心理測驗)
• Email subscription(新文章通知訂閱)
• Woocommerce Role Pricing (不同角色不同金額)
• HTML5 Audio Player (背景音樂)
• If Modified Since HTTP Header (告知搜尋引擎網頁內容是否有更新)
• WordPress Reset (資料庫初始化，對開發人員很好用)
• WP Maintenance Mode (讓網站顯示維護畫面)
• OneSignal (網頁推送訊息)
• WPFront Notification Bar (在網頁顯示醒目訊息列)
• WP External Links (統一設定外連網址Nofollow，並可加白名單)
• Title and Nofollow For Links (可單獨設定外連網址Nofollow)
• Auto-hyperlink URLs (自動為文章內容中的網址添加超連結)
• Internal Link Juicer (在文章中設定關鍵字，其他文章中若有出現此關鍵字自動添加超連結到這篇文章，注意中文字需要空格)
• Stachethemes Event Calendar (行事曆)
• Another Events Calendar (行事曆)
• Simply Schedule Appointments (月曆預約表單)
• BookingPress Appointment Booking (月曆預約表單)
• Better Notifications for WordPress (網站有新文章時，郵件通知管理者)
• MailPoet (電子報、有新文章時郵件通知會員)
• Better Search Replace (批次修改MySQL中的資料)
• Relevanssi (強化WP前台的搜尋功能，例如排除某些結果)
• Search Exclude (搜尋結果排除特定頁面或文章)
• SearchWP Live Ajax Search (站內搜尋時，預先顯示相關結果)
• Nextend Accordion Menu (選單樹狀縮放)
• WP-dTree (選單樹狀縮放)
• Pro Categories Widget (隱藏特定分類)
• Vimeography (Vimeo多個影片撥放)
• WP Widget Disable (隱藏後台某些小工具)
• WP Downgrade (WordPress降版本)
• Easy Table of Contents (針對H標籤產生內容目錄)
• ABC Pricing Table (建立產品功能費用表格)
• Tutor LMS (線上教學影片系統)

WP Mail Smtp 設定方式：
From Email：可輸入為原本網站設定的官方e-mail。
From Name：自訂寄送郵件所顯示的寄件人或網站名稱。
Mailer：選擇Send all WordPress emails via SMTP。

SMTP Host：smtp.gmail.com
SMTP Port：465
Encryption：Use SSL encryption.
Authentication：Use SMTP authentication.
Username│Password：你的Gmail帳號和密碼

*在 Gmail 寄信中因為會用到OpenSSL連線，所以要將 php.ini 中的 extension=php_openssl.dll 前面的分號(;)拿掉

外掛 WP-PostViews Plus 設定方式：
在單篇文章加上瀏覽次數，在 single.php 中加入以下程式碼
<?php if(function_exists('the_views')) { the_user_views('人次', true); } ?>

所有的"快取外掛"都要在「wp-config.php」裡加面上這一行再啟用外掛
define('WP_CACHE', true);

jQuery updater 升級後網頁若出現錯誤，請降版本，或是等待主題更新

500 Internal Server Error
如果你的網頁會出現以上訊息，可能與您安裝的快取外掛有關，可以試試其他快取外掛(WP-Cache、 WP-SuperCache)

改變圖片上傳後的壓縮比
WordPress does automatically compress JPEG images at 90% quality.
All you need to do is paste the following code in your theme's functions.php file .
add_filter('jpeg_quality', function($arg){return 100;});

PHP出現 Warning: session_start的解決方法
修改php.ini ( 在C:\Windows中)
session.auto_start = 0 改為 session.auto_start = 1
session.save_path = "C:\WINDOWS\temp"

將後台消失的鏈結功能叫回來
在 functions.php 中加入以下程式碼
add_filter( 'pre_option_link_manager_enabled', '__return_true' );

後台個人資訊欄支援HTML Tag
在 functions.php 中加入以下程式碼
remove_filter('pre_user_description', 'wp_filter_kses');
//add sanitization for WordPress posts
add_filter( 'pre_user_description', 'wp_filter_post_kses');

單篇文章底下顯示上一篇下一篇
在 single.php 中加入以下程式碼
<div style="float: left;width: 50%;"> <?php previous_post_link('上一篇: %link') ?></div>
<div style="float: right;width: 50%;"> <?php next_post_link('下一篇: %link') ?></div>

隨機顯示標籤的顏色
function lei_color_tag($text) {
$text = preg_replace_callback('|<a (.+?)>|i', 'colortag', $text);
return $text;
}
function colortag($matches) {
$text = $matches[1];
$color = dechex(rand(0,16777215));
$pattern = '/style=(\'|\")(.*)(\'|\")/i';
$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
return "<a $text>";
}
add_filter('wp_tag_cloud', 'lei_color_tag', 1);
//隨機顯示標籤的顏色

變更網站網址
建議是用phpmyadmin編輯option資料表。
另一種方式是編輯 wp-config.php 檔，加入
define('WP_SITEURL', 'http://yourdomain.com');
define('WP_HOME', 'http://yourdomain.com');

停用自動更新
編輯 wp-config.php 檔，有以下兩種方式：
define( 'AUTOMATIC_UPDATER_DISABLED', true );
define( 'WP_AUTO_UPDATE_CORE', false );

Enable the debug mode
如果網頁出現空白沒有出現錯誤訊息請編輯 wp-config.php 檔
define('WP_DEBUG', true);

加入作者名
編輯 single.php 檔，加入
<?php the_author_nickname(); ?>發表

Fatal error: Class 'ZipArchive' not found 解決方法
編輯php.ini
1. 把extension=php_zip.dll前面的分號除去
2. 把 zlib.output_compression = Off 改為 zlib.output_compression = On
3.重新啟動apache

把頁面從搜索結果中排除
在 functions.php 中加入以下程式碼
add_filter('pre_get_posts','wpjam_exclude_page_from_search');
function wpjam_exclude_page_from_search($query) {
if ($query->is_search) {
$query->set('post_type', 'post');
}
return $query;
}

在 WordPress 文章編輯器添加「下一頁」按鈕
在 functions.php 中加入以下程式碼
add_filter('mce_buttons','wpdaxue_add_next_page_button');
function wpdaxue_add_next_page_button($mce_buttons) {
$pos = array_search('wp_more',$mce_buttons,true);
if ($pos !== false) {
$tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
$tmp_buttons[] = 'wp_page';
$mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1));
}
return $mce_buttons;
}

設定上傳檔案大小限制
編輯php.ini
upload_max_filesize = 100M(你要限制的大小)
post_max_size = 100M(你要限制的大小)
max_execution_time = 600

Cannot modify header information

兩種方式可解決

1.編輯php.ini
output_buffering = On

2.編輯wp-config.php，另存為ANSI，覆蓋檔案

出現session.save錯誤訊息
編輯php.ini
session.save_path = "C:/Users/ADMINI~1/AppData/Local/Temp/"

關閉文章迴響功能
編輯single.php
找到comments_template(); 在前面加上//將其註解掉

限制Apache access.log和error.log檔案大小

編輯httpd.conf
搜尋ErrorLog logs/error.log
將其變為ErrorLog "|bin/rotatelogs -l logs/error-%Y-%m-%d.log 1M"

搜尋CustomLog logs/access.log common
將其變為CustomLog "|bin/rotatelogs -l logs/access-%Y-%m-%d.log 1M" common

重新啟動apache

自定義WordPress後台底部的版權信息

在 functions.php 中加入以下程式碼

//自定義WordPress後台底部的版權信息
add_filter('admin_footer_text', 'left_admin_footer_text');
function left_admin_footer_text($text) {
// 左邊信息
$text = '<span id="footer-thankyou">HELLO WORLD</span>';
return $text;
}