標籤彙整: wordpress

在wordpress的彙整頁面自訂文章的排列順序

wordpress的彙整頁面(archive.php)預設是以文章發佈的先後順序排列,如果要改變排序的方式,可以在functions.php裡面新增以下敘述:

1
2
3
4
5
6
7
8
9
10
add_action( 'pre_get_posts', 'my_change_sort_order'); 
    function my_change_sort_order($query){
        if(is_archive()):
         //If you wanted it for the archive of a custom post type use: is_post_type_archive( $post_type )
           //Set the order ASC or DESC
           $query->set( 'order', 'ASC' );
           //Set the orderby
           $query->set( 'orderby', 'title' );
        endif;    
    };

這是因為我想要在部落格寫個系列文章,但是我又沒有按照順序先後寫,所以分類彙整的文章頁面就會亂跳文章的順序。

資料來源:WordPress Development

部落格顯示奇怪的頁面?可能是電信業者或瀏覽器搞的鬼!

最近我的部落格有篇文章點閱率很高,但緊接而來的是這篇文章開始顯示奇怪的頁面。例如我明明用桌上電腦瀏覽,卻出現手機頁面,而且切不回來。還有我更新文章內容,網頁卻沒有更新。由於這樣的症狀和快取(cache)應該很有關係,但我卻找不到是誰「快取」了我的網頁。在網路上找了很久,發現最可能的「兇手」就是電信業者,以及我的Chrome瀏覽器。

根據網路情報顯示,部分電信業者會主動快取部分熱門內容,甚至會主動「最佳化」網頁內容,導致使用者看到奇怪的頁面。另外,Chrome瀏覽器有個Google Web Light的功能,可以降低資料傳輸量,但是當然也會對網頁內容作手腳。身為網路內容的提供者,我當然不希望使用者看到不合適的頁面排版。

解決方法如下(參考網頁):
1.在網頁的header區域(或是wordpress的header.php)加入

1
2
3
<?php
    header("Cache-Control: no-transform");
?>

或是
2.在主機資料夾的 .htaccess檔案內加入

1
2
3
<IfModule mod_headers.c>
    Header set Cache-Control "no-transform"
</IfModule>

可以避免網頁被快取或是動手腳。

2016.06.18更新
測試過之後,還是有點狀況,我又做了以下的處置:
1.清除瀏覽器本身的快取
2.把Jetpack的功能都關閉(如果有安裝Jetpack的話)

Jsearch 2 – WordPress 外掛 多重標籤搜尋、多重目錄搜尋、多重關鍵字搜尋

自從「標籤」這個功能出現之後,我覺得「多重標籤搜尋」就應該是必備的功能。例如部落格的每一篇文章會有很多標籤,我想要找到符合某幾個標籤,而且不要有某幾個標籤的文章,這樣的搜尋必然比關鍵字搜尋有效率得多,並能夠真正發揮標籤的功能。在Wordpress的系統中,Jsearch這個外掛插件就是提供這樣的功能,同時還提供多重目錄及多重關鍵字(這個比較一般)的功能,以及完全符合(AND)、部分符合(OR)及不符合(NOT)的邏輯搜尋結果,是功能相當完整的一個搜尋工具。
Snap2
官方網站:The Geek Professor
閱讀全文

修改WordPress新增媒體檔案大小2MB的限制(hostmonster)

在Wordpress新增媒體檔案時,有個上傳檔案大小2MB的限制,一般來說是把php.ini裡面的upload_max_filesize加大就可以,然後在http://你的網址/info.php可以檢查。可是我的部落格前面的步驟都正確,卻還是有2MB的限制。經過hostmonster的客服人員一一檢查之後,告訴我要把部落格目錄下的 .htaccess 檔加入以下兩行:

1
2
# Use PHP5.4 as default
AddHandler application/x-httpd-php54 .php

看來是wordpress預設去執行php4,所以沒抓到php.ini設定的緣故?總之問題因此解決了,提供給可能有同樣問題的使用者。

隱藏php的警告訊息

今天在加菲貓漫畫的網站打分數時,出現「warning: Creating default object from empty value…」的訊息,應該不是什麼大麻煩事,程式運作好像也沒問題,但是很討厭,所以先找了個治標的方法暫時隱藏。

在wp-config.php檔案裡面,加一行

1
ini_set( 'display_errors', 0 );

就可以解決。
(聽說要加在前面一點,所以我加在第二行)

Jquery Mobile 網頁的選單(menu)功能外掛 – mmenu

行動裝置版本的網頁,常常可以有個「選單」的按鈕在頁面左上角(或是右上角),非常方便好用。所以我上網找了個現成的來用,mmenu!這個外掛除了使用簡單之外,還有階層式的選單,相當好用。

官方網頁:http://mmenu.frebsite.nl/

閱讀全文

行動裝置網頁轉向的插件(WP Mobile Redirect)

一個很簡單的插件,可以讓行動裝置在看Wordpress的時候轉向到另一個頁面。

WP Mobile Redirect

不過很好笑的是,作者的程式碼有錯(V2.4),會導致「回到正常網站頁面的連結」失效,所以要手動把mobi.php這個檔案裡面的其中一行:

1
if(substr_count($session_check, 'main=true')>0){

改成

1
if(substr_count($session_check_lite, 'main=true')>0){

就可以了。

在wordpress中顯示程式碼的外掛SyntaxHighlighter Evolved

最近在做android app製作的筆記,會用到很多程式碼,就去找了wordpress裡面的程式碼顯示外掛,這個SyntaxHighlighter Evolved很好用,除了可以顯示程式碼,以不同顏色顯示標籤,還可以加行號並針對特定行數高亮度顯示,很好用。

示範說明網頁:http://en.support.wordpress.com/code/posting-source-code/
Wordpress 外掛網頁:http://wordpress.org/plugins/syntaxhighlighter/

WordPress 部落格搬家與多部落格系統

因為要幫藝術街建立一個部落格系統,希望未來可以讓更多商家加入。但是建立過程一直不順利,最後決定用搬移複製舊部落格的方式來進行,結果成功了!

東海藝術街部落格群:http://blogs.artstreet.tw

閱讀全文