Quantcast
Channel: WordPress –梅問題.教學網
Viewing all 100 articles
Browse latest View live

WordPress教學-解決wp_post2cat錯誤訊息

$
0
0
梅問題-wordpress教學-解決wp_post2cat錯誤訊息
  最近發現真是怪怪,什麼事也沒做,但卻一直出現wp_post2cat找不到資料表的錯誤訊息,而網路上也有不少朋友分享相關的解決辦法,大部分都是直接再將找不到的資料表新增回來,感覺這樣有點治標不治本,找半天總於找到原兇了,原來是當初的Google XML Sitemaps所引起的,所以要解決此問題最好的作法,就是從它來下手,現在就一塊來看看怎解決這個錯誤的問題吧!
Google XML Sitemaps
外掛名稱:Google XML Sitemaps
外掛版本:3.2.6
外掛下載:WordPress.org

每隔一陣子就會出現這個錯誤。
梅問題-wordpress教學-解決wp_post2cat錯誤訊息
接著進到該元件的外掛後,按右上Download鈕,下載最新的版本。
梅問題-wordpress教學-解決wp_post2cat錯誤訊息
下載完成後,再透過FTP上傳到wp-content\plugins下,並透過Wordpress後台來啟用它,這樣就大功告成囉!
梅問題-wordpress教學-解決wp_post2cat錯誤訊息
  這隻外掛真是怪怪,一般的外掛元件,若有新版都會出現更新的訊息,但它卻完全沒有,只好自已從官網重新下載安裝,就可解決這個錯誤訊息啦!若你也有發生類似的狀況,也趕緊去下載回來更新一下吧!

WordPress教學-強制將分類圖示啟用拖拉排序

$
0
0
梅問題-WordPress教學-強制將分類圖示啟用拖拉排序
  一直以來梅干只要平台使用穩定後,就不太會去做更新,但隨著WordPress的用戶愈來愈多,也造成不少愛練功的朋友,從中找尋漏洞加以攻擊,這也讓梅干不得不升級,用了許久的category-icons分類圖示與my-category-order拖拉排序,在WP一升到最新版後,卻造成分類圖示無法啟用拖拉排序,只能依照字母大小來排序,起初梅干以為可能是外掛相容問題,但等了許久甚至到官網,也都沒到任何災情,梅干也真不知到底是那出了問題,最後只好利用了點時間,直接修改外掛,讓它強制支援my-category-order的拖拉排序。
一般的情況,只要到後台,將Order:use My Category Order plugin選項勾起來,就會依照Category Order的排序,但在儲存後,那勾勾就會被取消掉,這真是怪怪。
梅問題-WordPress教學-強制將分類圖示啟用拖拉排序
修改辦法:
Step1
接著利用記事本開啟category_icons_widget.php,找到$cat_args=的程式區塊。
梅問題-WordPress教學-強制將分類圖示啟用拖拉排序
Step2
orderby=加上order,以及將下方的程式碼前方加上//將它駐解起來。
梅問題-WordPress教學-強制將分類圖示啟用拖拉排序
Step3
儲存上傳後,哈~終於支援拖拉排序了。
梅問題-WordPress教學-強制將分類圖示啟用拖拉排序
  雖然說這種作法有些不太好,但這也是沒辦法中的辦法,若你也有發生類似的情況時,不坊也可試著修改看看,就能解決無法拖拉排序的問題,而這二隻外掛真的挺好用的,還沒用過的朋友,也可下載來試看看喔!

[PC] Word也可寫部落文章並發佈到各個平台中

$
0
0
梅問題-Word也可寫部落文章並發佈到各平台中
  一般使用WordPress的朋友們,應該常使用Windows Live Write (WLW)來編輯部落格的文章,透過WLW是一個相當不錯的文章編輯工具,雖然說他很好用,但唯一讓梅干感到比較不便的是,寫好的文章,儲存起來是一個封裝檔,而最近梅干無意間使用Word時,卻發現到怎新增檔案時,除了空白文件,旁邊還多了一個部落格文章,這不禁引起梅干注意,於是就好奇玩了一下,沒想到現在直接透過Word也可寫部落格文章,並且還可直接發佈到各個不同的部落格平台中,更重要的一點是,儲存下來的是一個一個文件檔,且直接用內建的辦公室軟體,就可直接寫文章啦!是不是很方便呀!現在就一塊來看看,如何透過大家所熟悉的Word文書工具,來寫部落格。
Word寫部落格:
測試版本:Office 2010 Starter
支援平台:Blogger、SharePoint、TypePad、Wordpress..

Step1
點一下,開啟新檔案,在面板中就會看到「新增部落格文章」的圖示,對著它點一下。
梅問題-Word也可寫部落文章並發佈到各平台中
Step2
接著點「立即註冊」的按鈕。
梅問題-Word也可寫部落文章並發佈到各平台中
Step3
選擇部落格類型,按下一步後,再設定部落格的網址、帳號、密碼。
梅問題-Word也可寫部落文章並發佈到各平台中
Step4
接著按「是」
梅問題-Word也可寫部落文章並發佈到各平台中
Step5
再按「確定」
梅問題-Word也可寫部落文章並發佈到各平台中
Step6
設定好後,就可開始寫文章了,寫好文章後,再按右上的「發佈」圖示。
梅問題-Word也可寫部落文章並發佈到各平台中
Step7
當上方出現黃色條時,就表示已發表完成啦!
梅問題-Word也可寫部落文章並發佈到各平台中
Step8
開啟網誌的網址後,就會看到剛所發佈的文章囉!
梅問題-Word也可寫部落文章並發佈到各平台中
  雖然梅干都把Word當成記事本在用,對於Word並不太熟悉,而最近裝了新版的Word後,讓梅干無意間發現這個功能,在經實測後,還真是不錯用,但唯一梅干遇到的問題是,當文章中插入圖片時,卻會出現無法上傳的冏境,若有使用Word寫部落格文章的朋友,也歡迎知道的朋友分享。

WordPress教學-解決WordPress文章排程失效的問題

$
0
0
梅問題-wordpress 教學-解決WordPress文章排程失效的問題
  Wordpress是一個相當方便,且功能完善的部落格平台,也深受許多朋友的喜愛,但使用Wordpress的朋友,應該很習慣它的文章排程的機制,如此一來就可將寫好的文章,設定好發佈時間,當時間一到後,就可自動化的將文章上線,這是一個很棒的功能,如此一來像出國,或是遇到連續假期時,就不用擔心網站更新的問題,但最近梅干的Wordpress不知怎麼了,每次時間一到,它總是錯過發佈,最後都得手動來進行發佈,實在有點不便,上網谷哥了一下,終於找到解決辦法,現在梅干的文章,又可準時的派送出來啦!若你也有發現相同問題的朋友,不坊也看一看吧~
解決辦法相當的簡單,只要開啟根目錄下的wp-config.php,加入下方的語法,再重新上傳,立即就可解決啦!
相關語法:
define('ALTERNATE_WP_CRON', true);
梅問題-wordpress 教學-解決WordPress文章排程失效的問題
  是的,你沒看錯,只要輸入短短一行就可解決,至於為何會造成排程失效,目前梅干還沒時間,找出相關的原因,雖然有時網址後方會出現一些字串,但暫時可解決派送的問題,若各位也有發生相關的情況時,不坊試試看吧!或是各位有更好的解決辦法,也歡迎各位能不吝嗇的分享。

WordPress教學-有效解決「文章排程失效」外掛元件

$
0
0
梅問題-Wordpress教學-有效解決文章自動排程失效外掛套件
  最近可說是一波三折,一下圖床主機掛點,一下又文章排程失效,雖然說梅干先前曾修改過wp-config.php與cron.php,暫時解決了排程失效的問題,但事隔不久後,最近又發生了,一篇篇的排程好的文章,一一的出現錯失排程的訊息,更機車的是還會邊錯失還邊計時,已錯失1分鐘、2分鐘、三分鐘....,都知錯失了還不快派送,也真不知那出了問題,最後梅干從Wordpress的官網中,找到一隻排程失效的外掛,在安裝完畢後,終於解決了排程失效的問題。
排程失效外掛套件:
套件名稱:WP Missed Schedule Fix Failed Posts
套件外掛:3.4
適用版本:WordPress 2.6+
套件下載:http://wordpress.org/extend/plugins/wp-missed-schedule/

Step1
下載完畢後,上傳到plugins的資料下。
梅問題-Wordpress教學-有效解決文章自動排程失效外掛套件
Step2
接著到WordPress後台,進入外掛頁面,啟用此外掛。
梅問題-Wordpress教學-有效解決文章自動排程失效外掛套件
Step3
由於這隻外掛,約5分鐘會檢查一次,因此若還沒看到文章已發佈時,不坊再等等看,經梅干使用後,總算已解決了此問題。
梅問題-Wordpress教學-有效解決文章自動排程失效外掛套件
  自動排程算是Wordpress裡一個相當好用的功能,比方趁空閒時間,把文章寫好時,就可放入排程中,等到時間一到後,就會自動的文章發佈出來,因此若你已修改過.php檔後無效的朋友們,不坊試試這一隻外掛吧!應該就可解決文章排程失效的問題。

WordPress教學-利用「正規表示法」取得文章第一張圖片的路徑位置

$
0
0
梅問題-wordpress教學-wordpress取得文章中第一張圖片的路徑位置
  有在觀注梅問題的朋友,應該有發現到,梅干首頁的第一張照片與下面,和分頁的文章縮圖大小都不同,難不成PO篇文章時要準備不同尺寸的圖片縮圖,還是用PHP的圖片產生器,其實二者都不是,梅干是用比較偷懶的方式,直接取出文章中的第一張圖片,再透過jQuery來計算縮放尺寸,直接把影像縮到指定的範圍中,先前梅干則是從網路找到相關取得的方法,但實在有夠複雜,上星期梅干便心血來潮,開啟佈景主題,重寫了抓取首張圖片的路徑,將原來十多行的判斷式,縮短成二行,就可快速的取得首張圖片的路徑啦!有需要的朋友,不坊參考看看囉!
取得Wodrprss文章首張圖片路徑:
1 2 3 4 5 6 7 8 9 10 11
<?php
    $content = $post->post_content;
    preg_match('/< *img[^>]*src *= *["\']?([^"\']*)/i', $content, $imgsrc);//取得圖片路徑
 
    if ($imgsrc[1] == ""){
    	//當沒有圖片時,預設圖片的路徑位置
        $imgsrc[1] = "http://minwt.com/noimg.jpg";
    }
?>
<!-- 將取出首張圖片路徑放到img標籤中 -->
<img src="<?php echo $imgsrc[1]; ?>" width="100" border="0" />

WordPress教學-Google分析整合至WordPress後台與熱門文章製作

$
0
0
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
  雖然說網路上有許多流量分析的服務,但用來用去,梅干還是特別獨愛Google Analytics,主要原因除了是Google外,再來就是較不影響網站的瀏覽速度,且梅干使用這麼久以來,還沒發生過因分析主機掛掉,拖慢整個網頁的情況,透過Google分析,除了可知道流量外,還可清楚的知道,流量來源、瀏覽量、來源者的設備,甚至還可知道使用的瀏覽器,資訊相當的完整,而這個好用的功能,沒想到竟然也能整合到Wordpress後台中,讓透過Wordpress後台,就可顯示每篇文章的瀏覽量,以及搜尋的關鍵字,和熱門文章。   那天看到香腸大分享這隻外掛後,恰巧最近梅干被Wordpress的pageview搞的一個頭二個大,由於梅干有用快取,使得pageview一直失效,但現在透過「Google Analytics Dashboard」這隻外掛,不但能與Wordpress整合在一起,同時還能透過它來製作熱門文章,經梅干一番努力後,終於也將熱門文章給搞定了,因此若你也是用Wordpress的朋友們,這一隻外掛絕不容錯過喔!
Google Analytics Dashboard:
外掛名稱:Google Analytics Dashboard
適用平台:WordPress
適用版本:2.8+
官方下載:http://wordpress.org/extend/plugins/google-analytics-dashboard/

安裝外掛:
Step1
下載解壓後,上傳到wp-content / plugins資料夾下。
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step2
進到Wordpress後台,將它啟用
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step3
點設定,選擇「Google Analytics Dashboard」進入管理畫面
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step4
接著點Start the Login Process鈕。
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step5
選擇Google帳號。
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step6
授予存取權
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step7
這邊有二個地方要設定,第一個選擇要統計的網站資料,以及將更新時間設成86400為一天,這個不要設太短,否則網站會很頓。
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
Step8
接著回到文章清單中,在文章列表後方就會看到每篇文章的瀏覽狀況啦!但當文章數多時,第一次執行時,後台像是要掛掉一樣,等他跑完就順暢了。
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章
熱門文章製作:
接著就可以利用這隻外掛,將熱門文章顯示在Wordpress中,而對岸有朋友,無私的分享Code,現在只要將下方的碼,貼到指定的位置,立即就可顯示囉!
貼到佈景/ functions.php 中:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
<?php
/**
 * $days 操作天数. 若為 30 時, 對最近 30 天数據進行操作; 若為 0, 則對
 
所有文章操作.
 * $limit 顯示文章数量.
 * $showViews 是否在文章链接後面顯示 (xxx views) 字樣. true/false
 * $excludeUrls 排除的链接. 比如: 你希望某文章不顯示, 其链接是
http://www.abc.com/hello-world.html, 那麼添加 /hello-world.html 以排
除该文章.
 * $cacheHours 缓存的時間.
 */
function google_analytics_popular_posts( $days, $limit, $showViews, 
 
$excludeUrls, $cacheHours ) {
	$cache_key = 'ga_posts_' . $days . $limit;
	$output = get_transient( $cache_key );
	if ( !$output ) { $output = '';
		if ( $days == 0 ) {
			$start = '2003-09-01';
		} else {
			$start = date( 'Y-m-d', ( time() - ( 60 * 60 
 
* 24 * $days ) ) );
		}
		$end = date( 'Y-m-d' );
		$login = new GADWidgetData( get_option( 
 
'gad_auth_token' ), get_option( 'gad_account_id' ) );
		$ga = new GALib( 'oauth', NULL, $login -> 
 
oauth_token, $login -> oauth_secret, $login -> account_id );
		$pages = $ga -> pages_for_date_period( $start, $end 
 
);
 
		$index = 1;
		foreach( $pages as $page ) {
			$url = $page[ 'value' ];
			if(in_array($url, $excludeUrls)) {
				continue;
			}
 
			$title = $page[ 'children' ][ 'value' ];
			$output .= '<li><a href="' . get_bloginfo
 
('url') . $url . '" rel="nofollow">' . $title . '</a>';
			if ( $showViews ) {
				$output .= ' <small>(' . $page[ 
 
'children' ][ 'children' ][ 'ga:pageviews' ] . ' views)</small>';
			}
			$output .= '</li>';
			$index++;
 
			if ( $index > $limit ) {
				break;
			}
		}
 
		set_transient( $cache_key, $output, 3600 * 
 
$cacheHours );
	}
 
	echo $output;
}
?>

顯示熱門文章Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
	<h3>熱門文章</h3>
	<ul>
		<?php
			google_analytics_popular_posts(30, 5, true, 
 
array(
				'/', // 排除首頁等不希望出现在列表中
 
的頁面
				'/archives/',
				'/contact/',
				'/rpc_relay.html'
			), 24); // 每日更新一次
		?>
	</ul>

來源網址:http://www.neoease.com/using-google-analytics-data-to-create-popular-posts/
  而梅問題首頁下方的那塊熱門文章,就是這樣子做出來的,但蠻怪的是,雖然有設定排除,當顯示10筆時,首頁排除就失效了,至於什麼原因造成,梅干目前還沒時間去研究,如此一來就很方便啦!同時還可省去Pageview一直對資料庫寫入的負擔,因此想要知道每篇文章的熱門狀況,不坊用Google分析整合到Wordpress以便查看。
梅問題-WordPress教學-Google分析整合至後台與顯示熱門文章

WordPress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁

$
0
0
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
  先前曾分享過WPtouch外掛套件,讓Wordpress可以依使用的裝置,自動切換成手機版模式,但WPtouch時常造成誤辨,明明使用桌機版,還硬被切到手機版,除此之外在版型的部分,也相當的制式,同時WPtouch則是仿造iOS的樣式,若要修改它的佈景,那還真是複雜,且它的切回桌機版模式,時常秀斗,當切換到桌機版時,也無法再將它切回來,所以最近梅干趁著這次的小改版,也順便製作了手機版型,因此現在用手機,也可舒服的閱讀梅問題的文章啦!   雖然製作手機版頁面並不困難,但麻煩的是在頁面的切換,找了好幾套的佈景切換外掛,終於找到一套合用的佈景切換,同時還可自由的切換模式,如此一來就不用擔心,當把頁面切成桌機就回不來的冏境,更重要的一點就是可自行的設計,自已的手機版頁面,讓你的頁面更有個人特色,現在就一塊來看看,如何在Wordpress自動的切換手機佈景,以及製作的重點。
使用外掛:
外掛名稱:Mobile theme switch
外掛版本:0.6
適用平台:WordPress 2.7+
下載網址:http://wordpress.org/extend/plugins/mobile-theme-switcher/

將外掛放到wp-content / plugins下,再進到後台啟用它。
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
接著把作好的手機佈景,放到wp-content / themes下。
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
進到Mobile theme switch,從Mobile theme的下拉選單中,選擇手機版的佈景。
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
這時拿出智慧型手機來測試一下,頁面就會自動的切換成手機版本啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
自訂模式切換:
開啟手機版的footer.php,加入連結為?mobile=off,這樣就會切回電腦版啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
接著開啟電腦版的footer.php,加入連結為?mobile=on,這樣就會切回手機版啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁
馬上來測試一下,拉到網頁下方,就可任意的切換瀏覽模式啦!
梅問題-Wordpress外掛-Mobile theme switch輕鬆打造專屬的手機版網頁

WordPress主程式/外掛/佈景《梅問題懶人整合包》

$
0
0
梅問題-Wordpress-wordpress主程式外掛佈景梅問題整合懶人包
  使用WordPress已經好多年了,從一開始完全都不懂,到現在也略懂略懂,現在的WordPress不用再像之前一樣,下載好主程式後,還得去找繁中語系,所以可說是相當的方便,但下載完主程式後,接下來就是開始安裝所需的外掛,以及設計自已的佈景主題,由於WordPress已行之有年,所以外掛與佈景資源相當的豐富,而網路上也有熱心的網友,分享各式的外掛套件,感覺這也不錯,那也不錯,但到底該裝那些比較好,所以梅干最近就花了點時間,將使用多年的WordPress經驗,將必裝的外掛整理了一下,同時梅干也製作了一個,基本WordPress的佈景主題架構,裡面沒有多餘與複雜的程式碼,只有簡單的框架,因此相當適合喜歡自訂樣板的朋友使用,另外梅干也收錄了幾個不錯的佈景主題,供各位可參照與使用,因此無論你是新手還是老手,有這一包就夠啦!
WordPress 3.5.1 主程式/外掛/佈景 懶人包:
內容物:WordPress主程式、外掛、佈景主題
檔案下載:本站下載

WordPress 外掛清單:
以下這些外掛,是梅干目前必裝的,共14隻。
clean-options: 清理不必要的資料(外掛所殘留)
contact-form-7:聯絡表單
google-sitemap-generator:網站地圖
hyper-cache:網站快取
lockdown-wp-admin:更改後台登入網址
mobile-theme-switcher:手機佈景切換
nrelate-related-content:縮圖相關文章
raw-html:文章正常斷行
secure-wordpress:安全性檢測
wp-codebox:顯示原始碼
wp-db-backup:資料庫自動備份
wp-missed-schedule:文章錯失排程
CompleteRSS_1.1:RSS斷行
stop-jquery:停用WP內建jQuery版本

WordPress 佈景主題:
mobiletheme:手機佈景
梅問題-Wordpress-wordpress主程式外掛佈景梅問題整合懶人包
wp-minwt-basic:梅干特制的基本佈景主題
梅問題-Wordpress-wordpress主程式外掛佈景梅問題整合懶人包
sco_blue:阿湯佈景主題,乾淨清爽,且所有皆可由後台作設定。
梅問題-Wordpress-wordpress主程式外掛佈景梅問題整合懶人包
suburbia:雜誌風格佈景。
梅問題-Wordpress-wordpress主程式外掛佈景梅問題整合懶人包

WordPress教學-申請免費《Akismet防止垃圾留言》API KEY

$
0
0
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
  說到WordPress也已經用了五年多了,對於WordPress的架構與操作,基本上沒有什麼太大問題,但最近好友喬安將她的部落格,從BSP搬到WordPress中,而架設WordPress實在很簡單,不用10秒就已架設完成,且它內建的Akismet阻檔垃圾留言外掛實在很好用,可有效的阻擋掉一些廣告留言,但這個服務,是需要申請一組啟用碼才能使用,而梅干自從五年前註冊過後,就也沒再申請過,那天進入註冊畫面時,才發現怎都變成要付費了,搞半天才找到免費的,因此無論新手還是老手,不坊也一塊來看看,如何註冊一組免費的API KEY。
Step1
進到WordPress後,點一下Akismet 設定,接著再點 取得你的鑰匙 連結。
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step2
接著點Get an Akismet API key按鈕。
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step3
選擇最右的方案,再按下方的 SING UP
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step4
將右邊的控制條,直接向左拉到底,並輸入姓名後,再按CONTINUE
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step5
接著到所設定的信箱收信,再點信中的啟用鈕Activate Account
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step6
啟用後,過一回就會再收到一封信,裡面就會有一串文字,那就是API key。
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step7
回到WordPress後,將剛的API key貼到輸入框中,再按下方的更新選項鈕。
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY
Step8
這樣就啟用完成囉!就不用擔心被垃圾留言的侵襲囉!
梅問題-WordPress教學-申請Akismet防止垃圾留言的API KEY

《2012 Windows Live Writer》變更預設插入圖片的尺寸與樣式

$
0
0
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
  不少使用WordPress的朋友們,應該都習慣使用微軟推出的Live Writer來寫文章,除了界面與Word相當類似外,還有個相當棒的功能就是,每當文章發佈時,程式就會自動將圖片上傳到指定的主機中,如此一來就不用自己手動將圖片上傳到圖床主機中,除此之外Windows Live Writer還可設定圖片的樣式,像是影陰、白邊、拍立得框....等,甚至還會依照版型,自製縮放圖片尺寸,以及在圖片上壓浮水印相當的方便,但最近好友喬安卻問梅干一個問題,是否能取消預設的圖片尺寸以及樣式,由於梅干很少用WLW,想說這功能不難應該有吧!找了好久卻找不到相關設定,上網爬文才發現到,要2012版才有支援,但在搜尋引擎打Windows Live Writer,總是進到舊的版本下載頁面,甚至按自動更新,也出現目前已是最新版,讓梅干搞了好久,總於找到了2012 Windows Live Writer的官方載點,也終於順利的完成安裝,同時也可更改插入圖片的預設尺寸與樣式啦!這樣就不用每插一張圖片就調一次啦!有這方面困擾的朋友,不妨也一塊來看看吧!
2012 Windows Live Writer:
軟體名稱:2012 Windows Live Writer
軟體下載:本站下載 | 官方下載

下載完畢,雙響WLW安裝程式後,點選下方的選項。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
若沒有要安裝其它的軟體,把勾點點掉,這樣就只會更新Writer而已。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
按下安裝鈕後,程式就會開始更新。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
安裝完畢後,再按關閉鈕。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
接著開啟軟體後,再按右下的接受鈕。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
這就是新版的介面啦!與Office 2012的風格一樣。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
當插入圖片後,預設會將圖片縮小並加入陰影,這時在格式頁籤中,點一下小的圖示,再選擇原稿 (原尺寸)。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
點一下圖片框線,選擇第一排第二個,不加入任何樣式。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
都設定好後,再按設成預設值,下回再插入圖片時,就會以原尺寸,以及不套入任何的風格樣式。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
馬上再插入多張圖片來試試看。
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式
哈~不但以原始尺寸顯示外,還不套用任何的圖片樣式啦!
梅問題-《2012 Windows Live Writer》 變更預設圖片插入的尺寸與樣式

WordPress「文章摘要」變成「meta description」與加入字數統計

$
0
0
梅問題-Wordpress教學-自訂meta description與後台增加網站描述字數統計
  最近梅干的網站又作了點微調,但此次調整的部分並不是外觀,而是網站的架構與後台操控,在看完Google官方的SEO文件後,才發現使用許久的meta keyword這組標籤,早已不被列入參考,反倒是description依然是參考指標,且description也有字數的限制,之前梅干都是直接抓取文章的前言,但以120~150字來看的話,當截取後的說明文字,幾乎看不出此篇文章的重點,所以梅干就作了點改寫,將原先抓前言的部分,改抓取wordpress文章摘要,並在文章摘要的區塊中,加入了字數統計,如此一下來就可精準的控制字數啦!因此若你也使用Wordpress的朋友,不妨也可參考看看囉!
字數統計套件:
外掛名稱:jquery.limit
外掛語法:javascript
外掛版本:1.2
外掛下載:本站下載 | 官網下載

WordPress以"文章摘要"為description內容:
當文章摘要的內容未輸入時,則改抓取文章前言120字。

<?php
//預設基本介紹
$df_description = "基本網站介紹文字,以120~150字為限";
//單頁面時,抓取文章摘要作為介紹
$c_description = get_the_excerpt();
apply_filters('the_excerpt_rss', $c_description);

if(is_home()) {
$description = &$df_description;
}else if (is_single()){
if ($post->post_excerpt)
{
if($c_description != "")
{
$description = $c_description;
}else{
$description = $post->post_excerpt;
}
} else {
$description = strip_tags(substr_utf8($post->post_content,0,240));
$description = preg_replace("/\n/","",str_replace(" ","",$description));
}
}else if(is_category()){
$description = strip_tags(category_description());
$description = preg_replace("/\n/","",$description);
}
?>

<meta name="description" content="<?php echo $description; ?>" />


WordPress以"文章摘要"加入字數統計:
Step1
將下載完的檔案,解壓並上傳到wp-admin/js/目錄下。
梅問題-Wordpress教學-自訂meta description與後台增加網站描述字數統計
Step2
接著回到wp-admin目錄下,編輯admin-footer.php檔案。
梅問題-Wordpress教學-自訂meta description與後台增加網站描述字數統計
Step3
將下方的語法,加到</body>之上,這邊梅干是設定140字,若要修改字數,只要將140數字改掉即可。
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.limit-1.2.js"></script>
<script type="text/javascript">
$(function(){
$("#postexcerpt .hndle span").append( "-<span id='num'></span>" )
$('#excerpt').limit('140', '#num');
});
</script>

梅問題-Wordpress教學-自訂meta description與後台增加網站描述字數統計
Step4
回到Wordpress後台,在文章摘要的上方,就會看到字數統計啦!
梅問題-Wordpress教學-自訂meta description與後台增加網站描述字數統計

WordPress教學-解決WordPress無法正常顯示與訂閱Feed問題

$
0
0
梅問題-Wordpress教學-解決Wordpress無法正常顯示與訂閱Feed問題
  前陣子小布少爺,突然問梅干,為何她的RSS訂閱器出現錯誤碼,梅干看了一下想說八成一定又是小布少爺亂搞,才又造成閱讀器出錯,結果梅干檢查了一下自已的RSS,才意外發現到,怎麼梅問題的RSS也出現一樣的錯誤畫面,上網搜尋了一下,才發現原來是因為首行是空白開頭,造成格式不符,而產生了錯誤畫面,但怎麼會造成空格呢?其主因就是佈景囉!於是梅干就一個一個找,終於找到了問題所在,因此若你也發生此問題的朋友,不妨也一塊檢查看看囉!
檢視原始碼後,會看到上面出現了四行的空白。
梅問題-Wordpress教學-解決Wordpress無法正常顯示與訂閱Feed問題
經梅干實測後,是佈景的functions.php這隻有空白所造成的,由於梅干這一隻又包了很多的php,所以得一隻一隻的打開來看,將空白給刪除。
梅問題-Wordpress教學-解決Wordpress無法正常顯示與訂閱Feed問題
重新上傳後,再檢測看看,哈~終於好了。
梅問題-Wordpress教學-解決Wordpress無法正常顯示與訂閱Feed問題
有時候feed會有快取問題,明明已沒有空白,但還是一直出現錯誤,這時可用FEED的網站來檢測看看,當正確無誤的話,下方會出現恭喜的文字,同時下方會提供一個RSS的驗證圖示可使用。
梅問題-Wordpress教學-解決Wordpress無法正常顯示與訂閱Feed問題
接著開啟梅問題的RSS,就可正常的顯示啦!
梅問題-Wordpress教學-解決Wordpress無法正常顯示與訂閱Feed問題   

WordPress教學-解決Windows Live Writer無效的伺服器回應問題

$
0
0
梅問題-Wordpress教學-解決Windows Live Writer無效的伺服器回應問題
  許多使用Wordpress的朋友,應該很習慣使用Windows Live Writer來寫文章,但梅干很少使用WLW來編輯,而最近小布少爺發生一個相當怪異的現象,就是上完開心的製作完新的佈景主題後,卻發生WLW無效的伺服器回應(Invalid response document returned from XmlRpc server)的問題,上網爬了一下文章,看起來是在剖析檔案時所造成的錯誤,所以最後只好動手來修改一下,就可解決這個問題啦!若你也有發生此狀況的朋友,不妨也試試看吧!
Step1
首先,進到wp-includes資料夾下,找到class-IXR.php檔案,按右鍵編輯它。
梅問題-Wordpress教學-解決Windows Live Writer無效的伺服器回應問題
Step2
接著找到$length = strlen($xml);後,在後面加數字,一般網路都是說3~9,但小布少爺的加了還不行解決,最後梅干懶的一個一個試,就直接加多一點啦!
梅問題-Wordpress教學-解決Windows Live Writer無效的伺服器回應問題
Step3
將修改好的class-IXR.php儲存,並回到WLW再試一次。
梅問題-Wordpress教學-解決Windows Live Writer無效的伺服器回應問題
Step3
哈~終於可正常使用啦!
梅問題-Wordpress教學-解決Windows Live Writer無效的伺服器回應問題

WordPress外掛-Theme Test Drive即時預覽並假套用新佈景

$
0
0
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題
  現在應該有不少的朋友,使用Wordpress來架設自已的網站或部落格,一來是Wordpress網路的資源很豐富,二來是有各式各樣的佈景主題,雖然說Wordpress內建的佈景主題,就已提供預覽的功能,但相當的陽春,有時看預覽沒問題,一啟用後才發現這邊跑位或資料出問題的狀況,且一旦套用後不只自已看的到,所有的瀏覽者也會看到,因此有時還得再另外架設一個備用站台來套用,實在有點小麻煩,所以梅干找了好久,最近找到一隻超好用的掛套,可暫時的套用新的佈景主題,且可設定權限,因此當假套用新的佈景主題,即時出狀況了,一般的朋友也不會看到的,因此若你也一天到晚在更改佈景的朋友,這隻外掛套件絕不容錯過喔!
Theme Test Drive:
外掛名稱:Theme Test Drive
適用平台:WordPress
適用版本:2.3+
外掛下載:本站下載 | 官網下載

Step1
首先,下載並上傳到Wordpress/Plugin的資料夾,並到後台啟用它。
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題
Step2
接著在外觀的選項中,再點一下Theme Test Drive選項。
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題
Step3
接著從下拉選單中,選擇所要測試的佈景主題名稱。
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題
Step4
再權限的地方設10,表示管理者權限才會套用此佈景。
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題
Step5
再按下方的Enable Theme Drive鈕,套用剛的設定值。
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題
Step6
馬上可測試一下,一般未登入,還是使用原來的佈景主題,當已提入管理者的,就會套用新的佈景主題啦!如此一來就能檢測是否有沒有問題,確定沒問題再啟用新的佈景主題。
梅問題-[WordPress] Theme Test Drive可即時預覽並暫時套用新佈景主題

解決WordPress輸出RSS時,隱藏非UTF8字元造成桔構錯誤

$
0
0
梅問題-解決Wordpress RSS中包含非UTF8字元造成桔構錯誤
  上星期什麼事也沒作,就發生網站中的RSS出現錯誤,本來以為是先前佈景中的function有空白所造成的但在檢查後,發現到該頁面已是UTF8的編碼,同時裡面也沒有任何的空白,上網爬了許多文章,該試的試修的都已做過一輪了,但依然還是出現錯誤,讓梅干實在搞的一個頭二個大,最後只好尋求主機商的協助,這邊梅干不得不稱讚一下sugarhosts糖果主機,他們竟然不會因為租用的方案比較便宜就大小眼,還貼心的幫梅干找到問題。   原來問題是出在文章中隱藏了非UTF8的字元,而造成RSS的結構錯誤,就這樣把那隱藏的字元給刪除後,再把文章重新更新後RSS就正常了,而透過RSS追蹤網站訊息最好的方式,可讓最新消息不漏接,有別於臉書,因此有在經營網站的朋友,RSS一定不可少,若有遇到錯誤時,不妨也參考看看囉!是不是網站的文章包含了非UTF8的字元。
使用工具:
工具名稱:NotePad++
工具下載:http://notepad-plus-plus.org/

Step1
當工具下載並安裝完畢後,開啟一個新檔案,並將格式設為UTF-8(檔首無BOM)
梅問題-解決Wordpress RSS中包含非UTF8字元造成桔構錯誤
Step2
再把文章貼過來,鏘~鏘~馬上原形畢露,立馬看到一個怪怪符號,這時將這奇怪的符號給刪除。
梅問題-解決Wordpress RSS中包含非UTF8字元造成桔構錯誤
Step3
再把文章貼回去並更新,這樣RSS就好啦!這種隱藏的字元,一定得用文字編輯器才看的到,因此下回當也遇到時,不妨先檢查看看囉!
梅問題-解決Wordpress RSS中包含非UTF8字元造成桔構錯誤

WordPress外掛-Hacklog Remote Attachment自動將圖片FTP上傳到其它的主機圖床中

$
0
0
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中
  自從免費的部落格服務,一一的關閉後,讓也愈來愈多人,開始自己架設部落格,而Wordpress就是大家首選的平台之一,為何會挑選Wordpress,一來是網上的資源多,二來是相對的穩定,以及可自行設計佈景,因此也深受許多人的喜愛,再加上內建的文章編輯器,與一般的BSP很像,但有用Wordpress的朋友,絕大部分會使用Windows Live Write來編寫文章,最主要的原因就在於WLW,可將圖片與文章進行分流,當按下發佈的同時,照片可上傳到指定的圖床主機中,而文章就會上傳到主機中,完全不用事先上傳再貼語法,但這麼好用的功能,只能在Windows平台才能享用,因此使用MAC的朋友就無緣啦!   所以最近就在尋找,是否有相關的外掛,可透過Wordpress就將圖片自動上傳到其它的主機中,沒想到讓梅干無意間發現到Hacklog Remote Attachment這隻外掛,就可將圖片上傳到指定的圖床主機中,且只要將FTP的帳密、位置設定好後,之後當新增文章上傳圖片時,就會自動上傳到指定的FTP空間啦!這樣就不用再受限於WLW啦!因此有在使用Wordprss的朋友們,這隻外掛絕不容錯過喔!
Hacklog Remote Attachment:
外掛名稱:Hacklog Remote Attachmen
適用平台:WordPress
適用版本:3.3+
外掛下載:官網下載

Step1
下截完畢後,上傳到wp-content/plugins的目錄下,再到Wordpress的後台將它啟用。
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中
Step2
當啟用完畢後,再到設定,點一下Remote Attachmen選項。
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中
Step3
再依續的輸入ftp帳密與路徑位置。
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中
Step4
當設定完畢儲存後,再到新增文章,點上方的新增媒體鈕。
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中
Step5
將要上傳的圖片,直接拖拉到上傳面板中。
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中
Step6
接著這些照片就會FTP自動上傳到,指定的資料夾中囉!是不是超方便的呀!
梅問題-Wordpress外掛-Hacklog Remote Attachment自動將圖片上傳到其它的主機圖床中

WordPress教學-文未添加作者資訊與頭像

$
0
0
梅問題-Wordpress教學-文未添加作者資訊與頭像
  Wordpress是目前相當主流的部落格平台之一,除了穩定、簡單、好上手外,再來就是可自行的修改佈景主題,同時也支援多帳號一同來管理,這時就可找志同道合的朋友一起來經營,當不同作者所寫的文章,就可在文未處,秀出該作者的基本資料,或是已分享過的文章,是一個相當棒的機制,但要怎麼在文未添加這塊作者資訊呢?其實Wordpress內建就已支援作者資訊,但只是比較陽春些,若想要出現像作者頭像、臉書、G+.....等,這時就得自行加工一下,因此想在文未增加作者資訊的朋友,也一塊來看看吧!!
作者頭像外掛:
外掛名稱:WP User Avatar
外掛下載:https://wordpress.org/plugins/wp-user-avatar/

1.安裝WP User Avatar:
Step1
首先,先將WP User Avatar外掛,上傳到外掛目錄,接著再到Wordpress後台將它啟用。
梅問題-Wordpress教學-文未添加作者資訊與頭像
2.functions.php:
1 2 3 4 5 6 7 8 9
<?php
 	//自定作者資訊欄位
    function my_new_contactmethods( $contactmethods ) {
	    $contactmethods['twitter'] = 'Twitter';
	    $contactmethods['facebook'] = 'Facebook';
	    return $contactmethods;
    }
    add_filter('user_contactmethods','my_new_contactmethods',10,1);
?>

3.single.php:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
<!-- 作者頭像 -->
<?php echo get_avatar(get_the_author_meta('ID'), 100);?>
<!-- 作者網站 -->   
<?php if ( get_the_author_meta( 'user_url' ) ): ?>
	<a href="<?php the_author_meta('user_url');?>" title="我的網站" target="_blank"><?php the_author_meta('display_name');?></a>
<? endif;?>
<!-- 作者簡介 -->
<?php the_author_meta('description');?>
<!-- G+ -->		     
<?php if ( get_the_author_meta( 'google' ) ): ?>
	<a href="<?php the_author_meta('google');?>?rel=author" title="我的G+">G+</a>
<? endif;?>
<!-- FB -->
<?php if ( get_the_author_meta( 'facebook' ) ): ?>
	<a href="<?php the_author_meta('facebook');?>" title="我的臉書">Facebook</a>
<? endif;?>
<!-- Twitter -->
<?php if ( get_the_author_meta( 'twitter' ) ): ?>
	<a href="<?php the_author_meta('twitter');?>" title="我的推特">Twitter</a>
<? endif;?>
<!-- 作者更多文章 -->
<a href="<?php echo get_author_posts_url(get_the_author_meta('ID'));?>" title="更多<?php the_author_meta('display_name');?>的文章">更多文章»</a>

Step2
當啟用完畢後,接者再新增一個新帳號,在帳號下方會看到圖片選項,接著點選擇圖片鈕。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step3
接著就可將作者頭像,以拖拉的方式上傳。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step4
這樣就新增完畢了。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step5
在編輯使用者帳號的地方,就可再加以新增作者的臉書、G+、推特。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step6
當之後在新增文章時,在下方選擇作者名稱。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step7
這樣在文未就會出現作者資訊啦!
梅問題-Wordpress教學-文未添加作者資訊與頭像
[範例下載]

WordPress教學-將Facebook留言框整合到WordPress佈景主題

$
0
0
梅問題-Facebook留言框整合到Wordpress中
  目前臉書算是主流的社群平台,透過臉書可以快速的跟親朋友聊天打屁,以及分享最近自己生活的大小事,所以臉書也將它的留言功能釋放出來,讓大家可以將臉書的留言整合在自己的網站中,甚至也可當成Live聊天版來使用,雖然說很方便,但早期並不支援管理功能,所以梅干一直沒使用所以也沒多研究,不久後臉書也開放了管理功能,也可看到許多人也紛紛的使用,而這一次是因為剛好幫朋友架站,朋友希望有此功能,所以梅干就順便的研究與了解一下,因此有想要把臉書留言框加到網站的朋友,現在也一塊來看看吧!
取得Faccebook APP ID:
Step1
首先進到https://developers.facebook.com開發畫面,點一下MyApps / Add a New App選項。
梅問題-Facebook留言框整合到Wordpress中
Step2
接著點右上角的Skip and Create App ID
梅問題-Facebook留言框整合到Wordpress中
Step3
再依序的輸入留言板的名稱與類別,設定好後再按Creat App ID鈕。
梅問題-Facebook留言框整合到Wordpress中
Step4
接著輸入驗證碼。
梅問題-Facebook留言框整合到Wordpress中
Step5
這時候在Dashboard中,就可看到APP ID,這個要先留意一下,等回會用到。
梅問題-Facebook留言框整合到Wordpress中
Step6
接著切到Settings頁籤,再輸入這個APP使用的網域名稱,輸好後再按下方的Add Platform鈕。
梅問題-Facebook留言框整合到Wordpress中
Step7
再選擇Website的圖示。
梅問題-Facebook留言框整合到Wordpress中
Step8
接著再輸入網站與手機版的網址,完成後再按Save Changes鈕,到這邊就已完成所有APP的建立啦!
梅問題-Facebook留言框整合到Wordpress中
取得Faccebook留言Code:
Step9
當取建立好APP ID後,再來就是要取得留言的程式碼,接著進到https://developers.facebook.com/docs/plugins/comments,輸入URL與寬度和要顯示的筆數,再按左下的Get Code
梅問題-Facebook留言框整合到Wordpress中
Step10
分別將下方的二段的語法複製下來,上方是要貼在body下,另一段則是貼在要顯示留言的版面中,由於是要在Wordpress使用,所以會需要作點小調整,那就是把data-href修改成data-href="<?php the_permalink(); ?>"
梅問題-Facebook留言框整合到Wordpress中
取得fb-admin ID:
Step11
進到下方的網址https://graph.facebook.com/minwt,第一個id就是fb-admin的ID啦!
梅問題-Facebook留言框整合到Wordpress中
安插到Wordpress佈景主機中:
Step12
接著開啟header.php,將下方的語法貼到</head>結尾上方。
梅問題-Facebook留言框整合到Wordpress中
Step13
再把<div id="fb-root"></div>.......的語法,放到<body>下方。
梅問題-Facebook留言框整合到Wordpress中
Step14
開啟single.php頁面,將下方的語法加到要顯示的區塊中,由於是wordpress用,所以語法有些小調整。
梅問題-Facebook留言框整合到Wordpress中
Step15
這樣就大功告成啦!當完成時,並且ID都無誤的情況下,同時FB有登入的情況下,臉書的留言框,則會出現版主檢視,以及設定的鈕,若沒看到的話,有可能是ID或網址輸入錯誤,日後當要管理臉書留言時,可到https://developers.facebook.com/tools/comments這來管理。
梅問題-Facebook留言框整合到Wordpress中

WordPress教學-讓WordPress小工具標題支援html標籤語法

$
0
0
梅問題-《Wordpress小工具標題支援html標籤》
  最近在幫朋友製作Wordpress版型,但有個特殊的需求,讓梅干想好幾天,那就是在小工具的標題中,分別用了中英文混雜,且樣式還不同,本來想說用CSS來進行選取,但發現到當沒有用標籤來作區隔時,是無法針對中英文來進行選取,雖然說可用javascript的正規表示法來進行分割,但比較麻煩的是,那會產生出視物覺不同步的問題,所以最好的解決方法,就是讓Wordpress的小工具標題支援html標籤,這樣就可解決啦! 因此也有此需求的朋友,不妨參考看看囉!
Step1
首先開啟佈景中的function.php檔,加入下方的語法。
1 2 3 4 5 6 7 8 9 10
<?php
add_filter( 'widget_title', 'wpjam_html_widget_title' );
function wpjam_html_widget_title( $title ) {
    $title = str_replace( '[', '<', $title );
    $title = str_replace( ']', '>', $title );
    $title = str_replace( '[/', '</', $title );
 
    return $title;
}
?>
梅問題-《Wordpress小工具標題支援html標籤》
Step2
儲存後,進到Wordpress後台,點一下小工具,這時候就可在標題中使用html語法啦!只是把原來的<>變成了[]。
梅問題-《Wordpress小工具標題支援html標籤》
Step3
設定好後,進到前台,點一下小工具的標題,就會看到裡面包了剛所設定的html語法標籤啦!這樣就可針對二個不同的標籤來進行CSS的樣式設定啦!
梅問題-《Wordpress小工具標題支援html標籤》
Viewing all 100 articles
Browse latest View live