替你的wordpress網站增加ssl,https(以Ubuntu14.04為例)

個人是使用Let’s Encrypt

跑完上述指令後,會出現一些程式要求你輸入一些資料,包含email、網域..等等,照著輸入即可。

全部輸入完,就會出現下述訊息:

之後會產生key、憑證,路徑如下:

另外還有一個路徑指向在live目錄裡,其實是軟連結裡面的檔案到archive裡面

接下來進到/etc/apache2/sites-available/
會發現多了000-default-le-ssl.conf這個檔案,裡面已經設定好一些SSL的連線資訊:

另外000-default.conf檔案也增加了rewrite rule

不過因為憑證三個月會到齊,所以之後要記得跑指令

如果想省掉這件事,那就設一下crontab吧。

例外,如果要看憑證有效期間,可以輸入以下指令:

echo | openssl s_client -connect <you server here>:443 2>/dev/null | openssl x509 -noout -dates

 

之後上這個網址測試一下:

https://www.ssllabs.com/ssltest/analyze.html?d=domain-name

如果上述測試都沒問題,接下來就是最後一步。
由於wordpress會有不少連結,沒有進行加密的ssl連線。我自己是安裝一個外掛Really Simple SSL。安裝完啟動之後,它就會幫你處理網站全部的連結。

然後記得要去設定->一般選項裡,把網址都改成https。

安裝完這個外掛,再打開一下網址,網址列應該都是顯示安全的鎖頭了,不會再有驚嘆號的圖示。

這時應該可以打開網址 https://domain-name, 應該全部ok了!

參考文章與網址:
1.Let’s Encrypt 的 SSL 憑證安裝
2.https://letsencrypt.org/
3.Fix Non-SSL Elements on SSL Page
4.https://www.ssllabs.com/ssltest/
5.https://github.com/certbot/certbot
6.Welcome to the Certbot documentation!
7.It there a command to show how many days certificate you have?

apache2:wordpress做靜態檔的 browser caching時,.htaccess設定

步驟一、先打開mod_expires

可參考:
http://programmer.hsinchi.info/2016/12/05/mod-expires/

步驟二、在.htaccess加入以下:

參考來源:
Apache2 載入 Expires 的模組(mod_expires) 與 設定

WP Super Cache and Browser Caching

wordpress:ajax load more plugin裡的幾個可用變數!

在ajax load more plugin裡面的repeater templates,可以呼叫以下幾個變數:

$alm_current – Returns the current item number in the current Ajax Load More loop and will reset to zero with every ‘Load More’ action.. ‘echo $alm_current;’

$alm_page – Returns the current page number. ‘echo $alm_page;’

$alm_item – Returns the current item number within your loop. ‘echo $alm_item;’

$alm_found_posts – Returns the total number of posts found within the entire WordPress query. ‘echo $alm_found_posts;’

這在客製化時派得上用場。

參考:

https://tw.wordpress.org/plugins/ajax-load-more/

WordPress:允許Contributors上傳與編輯自己的圖片

只要在functions.php加入以下程式碼即可。

參考文章:
http://viralpatel.net/blogs/wordpress-allow-contributors-add-media/

wordpress:在文章底部增加author

在wordpress的文章中,有時後可能會想新增作者在文章底部,你可以使用現成的plugin,例如以下:

9 Top Free WordPress Author Bio Box Plugins

但是抓了幾套來玩後,發現位置一直沒有可以弄到我想要的位置,只能指定文章的top或bottom,所以只好自己寫。

把上面的code加入single.php裡面你想要的位置即可。記得自己寫insline-style css,改成你要的樣式。

參考文章:
1.Function Reference/the author
2.Function Reference/get the author meta