Quantcast
Channel: WordPress 網站架設 –【重灌狂人】

讓 WordPress 自動抓內文前200字當 description,在 Google+ 轉貼文章時可以抓到正確前言

$
0
0

當我們在 Facebook 或 Google+ 等網站轉貼文章時,只要貼上網頁的網址即可讓 FB 或 G+ 自動擷取網頁的標題、部分內文與圖片當做轉貼文章的預覽內容,不過很多網站因為版面編排比較多樣、複雜,依照 FB 或 Google+ 內建的規則可能無法正常抓到正確的內文當做預覽內容。

 

之前在 Google+ 上面看到 Xdite分享了一篇文章「讓 Google Plus 能夠抓到部落格文章正確的內文」,裡面提到 Google+ 與 Facebook 等網站在網頁轉貼文章時自動擷取網頁前言的功能,其實有個機制與順序:

  • 1. 是否有 og:description ( 僅 Facebook )
  • 2. 是否有 meta description tag
  • 3. 第一段內文
  • 剛好我用 WordPress 架設的網站並沒有設「description」標籤,所以每次 Google+ 在擷取預覽內容時,因為都是從第一個「div tag」中的資料開始讀取,因此都會抓到一些無關緊要的文字,譬如說重複的標題、推到 Plurk、推到 Facebook…這類不是內文或正確前言的沒意義的文字...。

    ( 繼續閱讀… )


    如何關閉 WordPress 管理後台的「版本更新」通知?

    $
    0
    0

    WordPress 是個相當好用的部落格架站程式,目前重灌狂人網站用的就是這個。儘管 WordPress 團隊相當認真,沒隔多久就會推出新版本與新功能,但往往很多搭配使用的外掛程式可能會跟不上這個進度,更別說很多站長很愛用的某些外掛可能 N 百年前就停止更新了。萬一新版 WordPress 的架構改太多、造成特定外掛無法正常運作的話,此時,選擇不更新也是一種方法。

    一般來說 WordPress 架站程式的新版會有安全性更新 + bug 修補的那種小更新,也有整個版面大改動、調整內部運作機制的大更新。為了不讓你的網站變成被攻擊的對象,通常 WordPress 的安全性更新與 bug 修補的部份是一定要補上的,而其他以新功能為訴求的大改版則可以等到推出幾個月後、沒出事的話再來考慮是否升級(先讓其他勇士們當白老鼠)。

    ( 繼續閱讀… )

    [遠程附件] Hacklog Remote Attachment 讓 WordPress 透過 FTP 上傳檔案到外部伺服器

    $
    0
    0

    一般情況下,當我們在 WordPress 網站後台上傳相片、檔案時,預設都會直接上傳到 WordPress 網站所在伺服器的「wp-content/uploads」目錄中。這對一般站長來說應該很方便,不過如果你的網站常常需要搬家、換虛擬主機或伺服器,WordPress 資料夾裡面塞太多東西的話備份檔案時會花很多時間,麻煩了些。

    尤其對流量稍大的網站來說,如果圖檔或附加檔案的數量很多的話,建議還是把網站跟圖檔分成兩個伺服器。WordPress 網頁部分會佔用較多 CPU 與記憶體資源的用一台伺服器,當圖床用的會佔用比較多流量但吃比較少 CPU、記憶體的另外放一個伺服器。通常虛擬主機或 VPS 對於 CPU 與記憶體的用量會有比較多的限制(較貴),單純當圖床用的改租便宜點的主機來用的話也可省一些。

    那怎樣才能把 WordPress 網站內建的圖檔、附件上傳功能改成可以自動透過 FTP 上傳到外部伺服器去呢?

    昨天剛好看到下面這個外掛程式「Hacklog Remote Attachment」,他的功能與設定都很簡單,啟用外掛後把該填的 FTP 帳號密碼、IP、網址...等等資訊填好之後,就完成了!接下來只要依照原本的使用方式,在 WordPress 內建的「媒體庫」或編寫文章時按內建的「上傳/插入」功能上傳檔案或照片即可,上傳時會自動透過 FTP 將檔案拉到你指定的伺服器中,我們只要像以前一樣將圖片插入內文即可。

    ( 繼續閱讀… )

    [懶人架站機] The Uniform Server v8.5.1 在 Windows 電腦快速架站(支援 Apache, PHP, MySQL, phpMyAdmin, Perl)

    $
    0
    0

    The Uniform Server 是一套可以在 Windows 系統中運作的快速架站程式,可支援常見的 Apache 網頁伺服器與 PHP、Perl..程式語言、MySQL 資料庫並內建 phpMyAdmin 管理程式。

    The Uniform Server 的主要特色就是「不用安裝」!下載、解壓縮後直接執行即可馬上弄出一個專業級的網頁伺服器環境。對於一般程度的使用者來說,不用個別下載、安裝各種伺服器軟體,沒有繁複的安裝步驟、也不用做什麼複雜的設定,更不用看一堆程式碼或打指令控制,幾乎就是執行之後就可以用!

    當然,用這些工具來架站是很簡單,比較有挑戰性的則是後續的管理與伺服器最佳化,所幸 The Uniform Server 在伺服器與資料庫的啟動/重啟等控制、修改密碼或修改 PORT 與各種常見設定等,都是相當討喜的「視窗化」操作模式,我們只要點一點按鈕、輸入適當的數值,就可以輕鬆管理伺服器的各項細節。當然,雖然操作方便,還是需要點架站的相關知識才能知道自己在做什麼、該做什麼。

    如果你偶爾有些簡單架站的需求,也剛好有台 Windows 電腦可放在家裡用光纖網路來架站,The Uniform Server 會是相當簡單、方便、專業有頗有彈性的選擇。

    ( 繼續閱讀… )

    如何批次開啟、關閉 WordPress 每篇文章的留言功能?

    $
    0
    0

    當我們在自己架設的 WordPress 網站中需要更換留言版系統時(譬如說最近很流行的 Facebook 留言板),如果想關閉舊有 WordPress 留言留言板、讓大家不能在已發表的文章上面留言的話,該怎麼做呢?

    在 WordPress 後台的「設定」→「討論」選單裡面有個「允許他人對新文章發表迴響」功能,打勾之後以後新發佈的文章便會自動關閉留言功能。但這設定對「已發佈的舊文章」是沒有影響的,如果你想關閉或開啟全部舊文章的留言功能,除了一篇一篇按進去設定之外,有沒有比較簡單的方法?

    以下介紹的方法是直接透過資料庫的指令來操作的,你必須事先在主機中安裝 phpMyAdmin 資料庫管理工具,登入後才可針對你的 WordPress 執行以下指令,讓我們輕鬆批次開啟或關閉全部文章的留言討論功能。
    ( 繼續閱讀… )

    WordPress 3.5 的批次圖片上傳功能,更簡單、更好用了!

    $
    0
    0

    知名的 WordPress 部落格架站程式今天推出了 3.5 最新正式版(新版程式完整更新細節),這版本在功能與介面上做了不少的調整與改進,除了醞釀已久的、適用於桌面與各尺寸行動裝置的  Twenty Twelve 全新佈景主題、更簡潔亮麗更好用的後台管理介面與一些程式介面方面的修改之外,對我來說這次我最愛的改進應該是全新的「媒體庫」與上傳、管理介面。

    跟以往一樣,如果你使用 Google Chrome 或 Firefox 瀏覽器的話,可以直接將圖片從桌面或資料夾拖拉到網頁中即可自動上傳,不過 WordPress 3.5 新版程式在檔案上傳完成之後的介面,變得更方便、更友善了些。我們可以直接在頁面中點選、切換不同圖檔來修改圖檔的標題、說明與對齊方式、連結與圖檔尺寸…等屬性。當我們一次上傳多個檔案之後,也會自動將已上傳的全部檔案自動選取起來,我們只需按下右下角的「Insert into post」按鈕即可將全部圖檔插入文章裡(或者按「Ctrl」手動選取多個檔案)。

    除此之外,在編輯文章時按上傳檔案的話,「全頁上傳」模式也可讓我們將檔案拉到整個網頁的任何一個角落都可以快速上傳,不用一定得瞄準那個「畫著虛線」的上傳方框,雖然是小小的改進,不過方便很多。

    ( 繼續閱讀… )

    如何將 WordPress 全部文章、留言匯入 Blogger 去?

    $
    0
    0

    如果你原本使用 WordPress 寫部落格,但現在想轉到 Google 的 Blogger 服務去的話,該怎麼把文章、文章底下的留言一次全部搬到 Blogger 去呢?

    其實 WordPress 跟 Blogger 都各自提供了文章匯入、匯出功能,雖然轉出來的檔案都是 .xml 格式,不過檔案內的標籤或資料編排方式可就不太相同。如果把 WordPress 匯出後的檔案直接匯入 Blogger,則會出現如下的錯誤訊息:

    很抱歉,無法匯入,因為伺服器發生錯誤,錯誤代碼:bX-odadm3

    必須先做個簡單的轉檔,把正確的內容放到正確對應的欄位去,才能順利匯入到 Blogger 網站中。以下簡單介紹 WordPress2Blogger conversion utility 這網站提供的轉檔功能,按一下就可以搞定,相當方便!

    ( 繼續閱讀… )

    如何修改 WordPress 插入圖檔時,預設的「縮圖尺寸」大小

    $
    0
    0

    以前都用 Windows Live Writer 來寫 blog,後來家裡電腦改用 iMac 之後,因為在 Mac OS X 平台裡找不到合用的軟體來替代 WLW,乾脆就直接換用記事本寫、寫完再到 WordPress 後台去貼文章。

    一直到最近升級到 WordPress 3.5 之後,才改用 WP 內建的「新增媒體」功能來上傳圖檔、貼圖,因為新版的貼圖功能改善了不少,順手好用很多。

    也因為現在才改用 WP 的媒體庫功能,也才發現在貼圖時原本的縮圖尺寸並不合用,原本想說找其他外掛或修改什麼程式碼來改一下縮圖尺寸,繞了一圈才知道原來 WordPress 早就已經內建了自訂縮圖尺寸的功能了,在「設定」選單裡。

    如果你也有類似的困擾,可以依照下面方法按一按就可以搞定!

    ( 繼續閱讀… )


    如何在網站、部落格中安裝 LINE 分享、轉貼按鈕?

    $
    0
    0

    今天用手機逛了逛網路新聞,看到某個新聞網站在行動版網頁中放了 LINE 的分享按鈕,試用一下還真方便,可以直接將網頁分享給 LINE 好友名單中的朋友或直接張貼在自己的個人動態中,比用 Email 轉寄方便又即時,也不一定要按讚推到 Facebook 去(如果是比較注重隱私的話可能不會什麼都轉給一堆人看)。

    如果你也有網站或部落格,希望網友看到這篇文章時也能馬上 “LINE" 給其他人看,可以試試看下面程式碼,讓你的網站多出 LINE 分享按鈕。

    ( 繼續閱讀… )

    WebSitePulse Test Tools 20合一網站測試工具

    $
    0
    0

    很久之前曾經介紹過「檢查網站是否被中國 GFW 封鎖」,裡面用的就是 WebSitePulse 網站所提供的測試服務。其實 WebSitePulse 網站上還有一大堆相當實用的網路小工具可以讓我們快速檢測網站或主機是否正常運作,包含站點測試、網頁載入速度測試、HTTP Headers Test、DNS 檢測、https, ftp, SMTP, POP3…等服務運作測試與其他 PING, Traceroute, whois…等等檢測功能,相當適合不熟悉各種網管指令與設定的人使用。

    我們可以直接開 WebSitePulse 網站來用,透過 HTTP、DNS、Service、Network 等四個分頁將 20 種功能通通都整合在一起,使用起來相當輕鬆。如果你需要常常用到這些功能的話,也可另外在瀏覽器中安裝 WebSitePulse Test Tools 擴充套件,讓我們可以隨時在瀏覽器的網址列右邊按選單來執行各種功能。

    WebSitePulse Test Tools 外掛程式可支援 Google Chrome、Firefox 與 IE 等瀏覽器。

    ( 繼續閱讀… )

    Limit Login Attempts 避免 WordPress 網站被「暴力破解」或「字典攻擊」,有人攻擊時自動發 Email 通知站長

    $
    0
    0

    如果你有使用 WordPress 架站的話,最近可能要小心一些以 WordPress 網站為主的攻擊事件。

    這次的攻擊主要是針對 WordPress 網站的管理員帳號 admin 來猜密碼、作暴力攻擊,儘管對大多數網站來說應該不用太擔心,不過建議還是將原本的 admin 帳號刪掉,改用其他較不常見的帳號名稱來當做管理員比較好。當然,密碼的部份一定不要弄得太過簡單,至少要有英文+數字 6 位數以上,最好再加上一些 ~!@#$%^&*… 等特殊符號,增加密碼被破解的難度。

    如果你的網站只有你一個人發文,那也可以針對「wp-admin」目錄限制瀏覽者的 IP 位址,避免其他人開啟登入頁面、測密碼。不過限制 IP 的方式對於多人管理的網站來說可能有點麻煩,畢竟不是每個人的 IP 都會固定不變,有些可能在外面上網時還得連上 WordPress 後台更新或管理,IP 常常變動的話就不適合限制登入者的 IP。

    ( 繼續閱讀… )

    jQuery Image Lazy Load WP 延遲載入網站圖片,省流量、加快網頁載入速度

    $
    0
    0

    如果你的網站是圖很多的那種,可能每次一開啟網頁就會自動載入幾百 KB 甚至幾 MB 的圖檔,但並不是每個人一開啟網頁後就會完整看完全部內容再走,可能看了標題、讀了前幾行就覺得不是我要的,立刻關掉網頁了。但這時整個網頁的全部圖片都已經被下載,頻寬浪費掉了、使用者的也花了時間下載了對他來說不必要的圖檔(因為沒拉到下面看完全部嘛)。

    因此很多論壇或網站會有一個設計,就是讓使用者手動按「顯示圖片」的按鈕之後,才顯示該頁面的圖檔。而在 WordPress 裡面,也有個類似的外掛程式,他可以幫我們將網頁中的圖片「延時載入」,也就是當使用者捲動頁面到有圖片的位置時才下載、顯示該圖片。

    這樣一來除了可以減少網站頻寬的浪費,也可以讓每個使用者不必每次一開網站就載入全部圖檔,省下網頁全部內容的下載時間,也讓家裡網路頻寬較小、硬體等級較舊的電腦可以跑起來更順一點。

    ( 繼續閱讀… )

    RDFa Breadcrumb 幫網站建立 Breadcrumb (麵包屑) 文章導航路標 (WordPress)

    $
    0
    0

    在網站上所謂的「Breadcrumb Navigation」指的就是一般網頁上方用來顯示「目前所在位置」的那一行標示,可以讓網頁訪客、網友們清楚知道目前這篇文章或商品位在整個網站的哪個目錄、哪個分類裡,以便讓大家可以快速返回首頁或上一層目錄,甚至在相關、不相關的分類裡尋找其他想要的資訊或商品。

    Breadcrumb 麵包屑這用法的由來是知名格林童話故事「糖果屋」裡的小朋友為了能在森林裡找到回家的路,而沿途撒下麵包屑來做記號,傻傻的沒麵包可以吃之外且回程路上的麵包屑也被小動物吃光光了,後來還跑到一個糖果屋差點被巫婆煮來吃…的可怕故事。

    後來把「麵包屑」這樣的概念用在一個龐大、商品或資料很多、很容易讓人迷路的網站上,譬如現在每個購物網站都會有不同形式的導航欄,讓大家可以清楚知道目前位置與其他類似商品..等。

    如果你的 WordPress 網站上也有很多文章、很多分類,希望能透過 Breadcrumb Navigation 來讓讀者輕鬆瀏覽更多文章的話,可以試試看下面這個外掛程式 RDFa Breadcrumb。
    ( 繼續閱讀… )

    如何找出 WordPress 網站用的是哪個 THEME 布景主題?

    $
    0
    0

    當你逛到一個 WordPress 網站,覺得他的版面設計與布景主題很漂亮、很吸引人,希望自己也能下載同一個或類似的 theme 來裝的話,該怎麼知道某個 WordPress 網站用的是哪種布景主題呢?

    最簡單的方式就是拉到網頁最下方,大部份除了標示一些網站基本資訊、站長聯絡方式之外,可能還會標上本站使用 WordPress 製作,或目前使用的 theme 名稱與連結,直接按進去下載就好了。

    如果該網站的版面上並無明顯標示使用哪種布景主題,那又該怎麼辨識?

    在一般情況下,大部份使用者拿人家的 theme 來用的時候並不會刪除該布景主題的基本資料與作者、作者首頁…等等資訊,而這些資訊剛好就都放在 style.css 檔案裡面,只要檢視網站原始碼、開啟布景主題的 style.css 檔案,通常都可以直接看得到相關資訊。

    ( 繼續閱讀… )

    來自 TinyPNG 的 WordPress 全自動圖片壓縮外掛(Compress JPEG & PNG images)

    $
    0
    0

    TinyPNG-WordPress

    TinyPNG 是一個相當好用的線上圖片減肥、壓縮工具,只要把圖片拉到 TinyPNG 網頁中,便可透過超強的圖片壓縮技術,自動幫我們刪減圖片中用不到的資訊並壓縮檔案內容,在不損及畫面品質的狀態下,盡量讓圖片變得更小、更容易儲存與傳檔。 後來 TinyPNG 的壓縮技術從原本的 PNG 圖檔擴及到 JPEG 格式的圖檔,並推出 TinyJPG 網站,想不到前一陣子還推出了 WordPress 網站專用的外掛程式「Compress JPEG & PNG images」,整個操作就跟 TinyPNG 服務一樣簡單。 如果你原本就常常用 TinyPNG 來幫圖片壓縮後再上傳到網站上,現在起,只要在 WordPress 後台安裝好 TinyPNG 的外掛程式,就能在上傳圖檔的同時自動執行圖片壓縮、減肥工作,讓你的圖片變得更小,畫質也能維持一定品質。除此之外,還提供了「一鍵減肥」功能,可以幫我們壓縮已上傳到 WordPress 網站的舊圖檔,雖然執行速度並沒有很快,但一整個方便啊! (繼續閱讀…)

    輕鬆在 WordPress 安插「原生廣告」,點標題、開啟廣告連結(Page Links To)

    $
    0
    0

    WordPress_logo

    網路上所謂的「原生廣告」的定義跟呈現方式有很多種方式與不同特色,不過簡單來說就是有點像報紙、雜誌上面的那種已經玩了N年的「廣編稿」。就是看起來像報導,實際上只有「廣編稿」或「特輯」兩三個字可以讓你分辨其實是廣告。內容寫作與圖文編排的方式都跟原本的新聞報導差異不大,通常讀者讀了三五行甚至整篇讀完之後才發現原來是廣告。 而「原生廣告」在網站上的呈現方式,大多會嵌入在原本的貼文或標題中,讓他看起來不突兀、很像是原本的內文,但只有小小的文字標示「贊助」或「建議推文」,譬如 Facebook 就是這樣搞的。 對我來說,「原生廣告」做得好或不好的關鍵點在於是否能讓瀏覽網頁的人不爽,如果一則原生廣告讓讀者產生被欺騙、沒價值、被耍、浪費時間或不爽...等感覺,那這網站的給人的信任感就會逐漸消失,顧客的「回頭率」也會漸漸下降,甚至還可能引發對於廣告商品的嫌惡感(不過如果你是那種壞宣傳也是種宣傳、笑罵由人的炒短線者,那就隨便你了)。 (繼續閱讀…)

    讓 WordPress 針對 iPhone/iPad/Android 顯示不同佈景主題(Any Mobile Theme Switcher)

    $
    0
    0

    any-mobile-theme-switcher-200

    在智慧型手機這麼普及的現在,讓你的網站能支援「行動版網頁」是一件非常重要的事。一來手機的螢幕比較小,能顯示的畫面與細節相對少一點,而且手機上網的速度較慢、流量有限,如果像一般電腦版的頁面那樣餵給手機那麼一堆東西,可能很容易激怒使用手機上網的使用者。 使用 RWD (Responsive web design) 響應式佈景主題的設計是一種解決方法,如果目前的規劃無法完全以 RWD 的方式來對應,也可以直接針對不同裝置提供不同版本的 THEME,再用 Any Mobile Theme Switcher 這外掛來自動偵測使用者的裝置、顯示對應的佈景設計。 Any Mobile Theme Switcher 比較特別的地方是,我們可以在設定選單中指定每個裝置要使用的佈景主題,如 iPhone/iPod Tuch, iPad, Android, Android Tab, Blackberry, Windows Mobile, Opera Mini, Palm Os... 等,都能對應到專屬的 Theme(外掛本身不提供也不會強制網站用其內建的 Theme)。 (繼續閱讀…)

    [IPv6 TEST] 測試你家網路、你的網站是否支援 IPv6

    $
    0
    0

    ipv6-test

    IPv6 是新一代的網際網路通訊協定,由於原本 IPv4 協定裡相對較少的 IP 位址數量在現今人手一機、什麼都能上網的時代已經不敷使用了,而這幾年來終於也有不少機構與 ISP 業者陸續增加了 IPv6 的支援。 對一般人來說,大家都是打網址來瀏覽網站的,比較少會去接觸到 IP 位址什麼的(如 45.32.253.77 這類的位址),所以從 IPv4 轉換到 IPv6 對實際的操作並沒有任何影響,唯一的小差異可能是覺得上網速度好像變快了一點點。 由於架構的改變與 IPv6 線路的頻寬可能比較不那麼擁塞...等原因,在線上影音、網站瀏覽與檔案下載速度方面的提升,讓許多人對轉換成 IPv6 趨之若鶩。如果你已經按照 ISP 的規定申請好 IPv6 的網路服務(如 HiNet),且你的網路設備、作業系統都已升級、可以支援 IPv6,或者你自己架設的網站也已搞定 IPv6 的支援,那麼可以開下面的網站來測試看看。 (繼續閱讀…)

    Simple Login Log 查出有誰偷偷登入你的 WordPress 網站

    $
    0
    0

    開設好 WordPress 網站後,也許只有你一個人用,也許開了很多帳號、有很多人一起用,但難免會被網路上其他有心人士亂試帳號密碼,甚至透過程式自動化掃描、破解密碼。 其實只要稍微熱門一點點的網站,幾乎都逃不過被人用各種方式「踹」密碼,但要怎麼知道到底你的網站有沒有人在亂試密碼或拿了你的密碼偷偷登錄呢? 如果有這方面的需求,可以下載安裝 Simple Login Log 外掛程式,透過此工具來記錄登錄過的帳號名稱、IP 位址、登入時間、是否登入成功...等等資訊。 (繼續閱讀…)

    在 WordPress 編輯器加入自訂按鈕,快速輸入常用表格、內容(Visual Editor Custom Buttons)

    $
    0
    0

    如果你有使用 WordPress 編寫文章或維護一些商品或內容,可能常常會遇到需要重複輸入常用表格、固定內容的提示或訊息等,大部分人應該都跟我一樣,先找出電腦裡的範本然後複製、貼上。

    如果你不想這麼麻煩,可以試試看加裝 Visual Editor Custom Buttons 這個外掛程式,直接在原本的 WordPress 編輯器中加入「自訂按鈕」並設定好每個按鈕要自動輸入的不同文字或內容(可以是圖檔連結、純文字、HTML 或其他各種內容)

    以後我們在編輯文章時,只要按一下你自製的按鈕,就可以自動插入一堆你預先設定好的文字、表格或訊息。
    (繼續閱讀…)





    Latest Images