這幾天帶路姬忙著趕案子,所以先來分享一個我很常用的小外掛,尤其是在製作階段,可以讓我把好不容易做好的一個頁面(或文章),直接複製一份,稍作修改就變另一頁。 什麼時候會用到「複製外掛 Duplicate Post」呢? 舉例來說,如果你有一個頁面叫「婚攝服務方案」,在頁面裡面,你可能花了很久的時間設定好主題的排版,並且利用內容拖拉的編輯器放置了頁面標題、一小段開場白、還有一個美美的價目表。 這時候,如果你想做另一頁叫「婚錄服務方案」,這一頁其實和「婚攝服務方案」的內容很接近,只是價格數字不太一樣而已,那麼,你一定很懶的什麼都要重做一次吧?而且還可能做的有點不一樣,看起來就沒有一致性。 這時,「Duplicate Post 複製頁面」的功能就派上用場啦! 只要在頁面列表的地方,滑鼠移到你想複製的頁面上面,會看到「複製」的連結,點一下!就複製好一頁了!新複製好的頁面,預設是「草稿狀態」,點選打開這個草稿副本,修改一下標題和內容,點一下發表,就完成新的一頁啦! 這樣是不是超方便,節省超多時間,有效率多了呀! 安裝 Duplicate Post 只要到外掛>新增外掛,搜尋Duplicate Post,就可以找到來安裝和啟用囉! 相關設定 除了文章和頁面,如果你還有其他的內容類型也需要複製,例如像是「Portfolio 作品」、「FAQ常見問題」等等,請先到這個外掛的設定頁面,開啟這些額外的內容類型的複製功能,才會看得到複製的連結喔! 設定 > Duplicate Post 找到「權限」 啟用需要的內容類型 儲存更新 另外,在「複製項目」的地方,也可以勾選你想複製什麼,這個外掛已經有中文版本,很直覺易懂。 希望這個外掛,對新手們有些幫助囉!有問題的話,歡迎到我們的學習社團發問喔!❤️
網站帶路姬 / Erin Lin
網站帶路姬 / Erin Lin
Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。
-
-
觀念篇 你有沒有過一種購物經驗,走進一家大賣場,你一邊在專心的買東西,一邊好像若有似無的聽到廣播說 「@#$^%&^!%%@%#^&&!…….」假如你正在專心買東西,大概也不太會注意到廣播內容,直到你兒子問你廣播在講什麼呀?你才仔細一聽,原來廣播在說:「父親節限時特賣,領帶只要 100 元…」之類的… WordPress小工具的角色,就我來看,有點像這個「若有似無的廣播」,他好像很不重要的存在著,可是如果一旦被發現,他又可以發揮很大的效用。 實務上 在WordPress網站中,小工具通常最出現在兩種位置: 部落格的文章旁邊的側邊欄裡面 (Sidebar) 頁尾,網站最下面的資訊區塊 (Footer) 常見的WordPress的小工具有哪些呢? 搜尋框 最新文章 熱門文章 文章分類 行事曆 社群連結 廣告 網站簡介 聯絡方式 等等… WordPress的小工具從哪裡設定? WordPress 5.7.2 以前: 外觀 > 小工具。 左手邊的小工具中,點選你想使用的。 從展開的位置選單中,選擇你想加到的位置。 再從右手邊,找到你剛剛增加的小工具,設定它的細節。 WordPress 5.8 最新版以後: 最新版的 WordPress 是使用區塊編輯器來編輯小工具喔!只要你有用過區塊編輯器來編輯網站內容,這個小工具編輯方式對你來說一定會非常直覺的,而且因為區塊種類非常多,可以讓你的側邊欄或頁尾區域充滿無限可能。 只要到外觀 > 小工具,然後要點選上面+的按鈕,就可以選擇你想增加的區塊到下方的小工具區域中。 WordPress的小工具還有什麼特殊的地方? 除了WordPress預設提供的小工具外,你可以利用「外掛」來新增更多「小工具」,搜尋的關鍵字是「Widgets」。 同一個小工具,可以重複增加到不同的地方,使用很多次。 小工具裡沒有的設定,表示就是沒辦法改,就得透過寫程式修改,或者找別的小工具來用。 有的付費主題,本身就帶有很多好用的小工具(例如像帶路姬用的 Jannah 主題)。 每個主題提供的可擺放小工具的位置都不一樣。 有的主題甚至可以讓你不用寫程式就可以增加擺放小工具的位置。 有的內容編輯器,甚至可以讓你增加小工具到內容裡。例如:Elementor, Beaver Builder。 WordPress的小工具的「位置」,到底是對應到網站裡的什麼位置? 小工具如果是出現在頁尾,可以在後台的小工具頁面,找找看「Footer」之類的位置。 小工具如果是出現在部落格的頁面,可以在後台的小工具頁面,找找看「Primary Sidebar」之類的位置。 如果有某個「位置」,你乍看真的猜不出它會出現在網站的哪裡,那就只好試試看,或者閱讀主題說明書。 WordPress的小工具的「樣式」怎麼修改? 小工具的標題通常在主題的「Typography」相關的設定,會有「Widget Title」之類的設定。 小工具的背景,通常會在主題的 「Sidebar(側邊欄) 」或者 「Styling/Styles/Colors」 的地方改。 如果是頁尾的小工具,有時候會出現在主題的「Footer」的設定裡面 。 大致上就這樣囉!希望你對WordPress的小工具有基本的認識了,下次帶路姬再來分享有哪些必裝的小工具呢?如果還有問題的話,歡迎來社團發問。
-
今天很難得跟客戶阿祐見到面,全家人和他一起拍照、烤肉、聊聊天。前陣子幫他做網站時,常常通電話,現在總算真的見到面,感覺很親切。 就在他今天要離開前,剛好問了我一個問題,他說他的彙整頁面排版拍的不好看,能不能改?他還說,他花了幾個小時才搞懂什麼是彙整頁面… 所以,今天我就來簡短分享一下,什麼是彙整頁面? 從WordPress網站的後台,大家都知道,我們可以自己新增「頁面」 、「文章」、「文章的分類」和「文章的標籤」,可是,其實,這些並不是我們所有的頁面喔! WordPress其實還自動幫你產生了一些彙整頁面,像是: 分類彙整頁面:列出該分類的所有文章。 標籤彙整頁面:列出有標註該標籤的所有文章。 作者彙整頁面:列出該作者寫過的所有文章 日期彙整頁面:列出該日期的所有文章 搜尋結果彙整頁面 等等… 例如,在帶路姬的網站,有個文章分類叫「WordPress 教學」,大家從我的主選單裡點選「WordPress 教學」,它打開的,就是我的「WordPress教學」這個分類的「分類彙整頁面」。(我沒有特別從「頁面」去建立一個頁面,我只是增加了分類,然後我就可以從「外觀」>「選單」,直接加一個「分類」到主選單裡),然後選單裡的這個項目,打開的其實就是「分類彙整頁面」。 分類彙整頁面的樣式和排版怎麼改? 簡單的說,通常是佈景主題的設定裡面會有相關可以設定的地方,大家可以找找關鍵字,像是Archive(彙整)、Blog Posts (部落格列表),就是專門在設定彙整頁面的樣式的。 通常可以設定,要不要側邊欄?要不要顯示每篇文章的精選圖片?要不要顯示每篇文章的全文?還是摘要?等等… 好啦,今天累累了,先分享到這,有問題的話,歡迎來社團發問喔! 如果喜歡帶路姬的教學,請幫我的粉絲頁按讚,分享文章,鼓勵我一下喔!謝謝你們? #用了一張我爸爸幫我和阿祐拍的過曝的照片,因為表情好啊… 可是,爸爸的技術有待加強 XD
-
今天帶路姬要趕案子…沒辦法寫文章,不過晚上我會在社團開一場簡短的直播,跟大家分享如何使用 Shortcode 短代碼的外掛,可以做出很多你意想不到的內容!很簡單喔!就可以馬上幫你的文章改頭換面!一定不要錯過了! https://www.facebook.com/events/1796408363741937/ 八月份活動預告: 另外想分享一個我自己的心得感想,其實,在我心目中,只有第一次做WordPress網站的人,才是新手。一旦你知道怎麼做基本的WordPress網站時,恭喜你,你已經升級為可以帶路的站長了。 每個WordPress網站都是獨特的,每個站長的經驗都是獨特的,所以我們需要共同互助學習的社團,交換彼此的站長經驗,節省彼此的摸索時間。千萬不用覺得自己很新,就不好意思帶路,其實,即使是帶路姬做過這麼多網站,我還是很常從新手身上聽到很多我沒聽過的東西。 [su_note note_color=”#444444″ text_color=”#ffffff” radius=”5″][su_quote cite=”WordPress 網站帶路姬 Erin Lin” url=”https://erinlin.com”]帶路姬相信,沒有一個人能用過WordPress的幾千個主題或幾萬個外掛!所以,我們每一個WordPress的站長,都一定有自己獨特的使用經驗,都能當帶路的老師喔![/su_quote][/su_note] 如果,你曾經是新手,接受過前輩的帶路,未來,不妨也試著分享你的經驗給大家,成為帶路的一份子喔!帶路姬最近會舉辦聚會,到時候歡迎大家一起來問問題,還有幫別人帶路?時間會在近期公布,歡迎訂閱我們的週報、加入粉絲頁與社團來與我們保持聯繫 ❤️。
-
WordPress 新手要注意,網站在開發中,可以先不公開,透過設定能見度來隱藏網站,並且暫時阻止Google 來索引你的開發中的頁面,這篇WordPress教學教你兩個簡單的步驟,就可以不用寫程式,就可以製作開發中模式的頁面喔!
-
很多新手會問我:「我一定要用改時間來慢慢的調整文章的順序嗎?」 其實,有個小外掛可以讓你用拖拉的就能改變順序喔! Post Types Order 只要安裝好外掛後,在「文章」的地方會看得到多一個「Re-Order」,點進去就可以上下拖拉文章,記得點選「Update」來儲存。 另外,在「設定」的下面,也會多了一個「Post Types Order」,那邊可以設定要讓哪些內容使用這個拖拉改變順序的功能喔! 是不是超方便的!這當然是必裝的外掛的第一名啦^^ 使用範例:
-
很多人會問帶路姬,WordPress可做到什麼程度?有哪些有名的網站是用WordPress做的? 今天就搭世足冠軍的順風車,在這個瘋狂的世足週末前,跟大家介紹電玩界的龍頭, PS4 (Play Station) 的官方部落格,也是用 WordPress做的喔! BuiltWith.com 告訴你網站用什麼做的 帶路姬是怎麼知道的呢?BuiltWith.com 這個網站,是專門分析網站的程式碼架構,來告訴你網站的背後用了些什麼技術。所以,我只是在他的網站中,輸入了Play Station的部落格 的網址,他就列出了一系列和WordPress相關的資訊給我。 Play Station 的部落格有用到的包括… 串連 Google Analytics (分析流量) WP Poll Widget(投票功能) WP PostRatings (星級評分功能) Facebook 讚 的按鈕 JetPack 外掛 W3 Total Cache (快取外掛,幫網站加速) Kratos 主題模板 (這個主題竟然已經下架了) 等等… 可以看到別人的WordPress網站大概用了些什麼功能,是不是很有趣呢?下次看到某個讓你很驚艷的網站時,不妨也用 Builtwith.com的線上工具 試試看,查看看它是不是用 WordPress 做的。 話說,2018世界盃足球賽 的冠軍到底會是法國還是克羅埃西亞呢?帶路姬押克羅埃西亞贏!你們呢? [box type=”info” align=”” class=”” width=”100%”]WordPress 是一個免費的網站製作工具,可以讓不會寫程式的人都能自己做網站喔!有興趣的朋友們,歡迎從這篇文章開始,也可以加入社團和我們一起學習。[/box]
-
Avada 這個主題,在 Themeforest 一直是位居第一名, 全世界超過60萬份的銷量,締造了超過10億新台幣的銷售額,它真的有這麼厲害嗎?帶路姬用了很多次了,今天就來分享一些心得感想。Avada的優點 Avada 客製化的選項超級多可以客製化的選擇很多對於…
-
7/16 20:00 帶路姬在社團裡有直播活動喔!與大家分享新手該如何選擇主機?怎麼買主機?國內國外的選擇有哪些?歡迎加入社團來和我們一起聊聊天!
-
這次真的很榮幸能到 SuperCute 見到小朱爸,和他聊聊他的 WordPress 使用經驗。 帶路姬 (Erin Lin) 因為幫不少婚禮人做過網站,因此早就久仰小朱爸的大名,雖然沒見過本人,但也在臉書上交流過幾次,他人很好,總是很謙虛、有禮貌的跟我分享他的想法。 因此,這次,帶路姬特別約了小朱爸,來跟他好好聊聊,請他分享他的 WordPress 網站經營心法給帶路姬的讀者們,希望能幫助其他一樣使用WordPress的攝影師後輩。 以下用QA問答方式來呈現當天的訪談對話。 Q: 什麼時後開始使用 WordPress? A: 大約是2011年的時候,也是朋友介紹的,在這之前,我本來是用天空部落,但是,很快的,我覺得還是需要一個漂亮的網站,來呈現專業的形象,所以就開始摸索,試著自己架設WordPress的網站。 Q: 我看你的網站都是用 ProPhoto 做的,你為什麼選擇 ProPhoto 呢? A: 當時其實我也試過買 Themeforest 上面的主題,可是我沒搞懂怎麼使用,覺得有點難,後來發現 ProPhoto,相較起來,介面很清楚好懂。 他的介面雖然是英文的,可是只要用Chrome瀏覽器,就可以在網頁上按右鍵,直接翻譯成中文,就變得很直覺了。 再來就是 ProPhoto 的版型都很漂亮,當時 ProPhoto 4 的 SEO 的效果也很不錯。所以,從那時候開始用 ProPhoto,我就沒有再換過。 [box type=”info” align=”aligncenter” class=”” width=”100%”] 英文不夠好怎麼辦? 這次看小朱爸的快手展示,兩秒鐘就把網頁內的英文變成中文,看的帶路姬目瞪口呆… 因為我通常都習慣看英文了… 偶爾要翻譯也是選取單字,彈出翻譯。 回來後,我研究一下才發現,如果你是用Google Chrome 瀏覽器,只要下載「Google 翻譯」的擴充功能,然後記得把擴充功能選項改到第三個,這樣翻譯會直接顯示在網頁中,直接替代英文,這對英文不好的人,超級方便啊![/box] Q: 網站照片怎麼優化? A: 通常我都直接用Lightroom來優化,我的大原則是,寬度設定為1000像素,解析度設定為72 dpi,每張盡量控制在200-300K左右,每張照片的壓縮比例,就很難一概而論,要看每張照片的需要來個別調整。 [box type=”info” align=”aligncenter” class=”” width=”100%”] 不會用 Photoshop 或 Lightroom 怎麼辦? 帶路姬建議站長們試試看下載 Imagify 或 EWWW Image Optimizer 這類的照片優化外掛,他們可以讓你在 WordPress 後台,直接透過第三方照片優化公司的服務,點一下優化按鈕就可以直接壓縮照片的檔案大小,還幫你盡量維持照片品質。不過這麼方便的服務,當然不會完全免費,通常只有某個免費的額度,不過像帶路姬的文章,照片並不算太多,我目前還在使用免費版的 Imagify 喔![/box] Q: 每篇作品,你通常放多少張照片呢? A: 其實不一定,不過,通常是放少於100張。 Q: 你很常更新網站嗎? A: 因為工作實在太忙了,不過我盡量每週至少放兩篇新的作品。 Q: 攝影網站會不會遇到速度不夠快的問題? A: 速度方面,我會先看是網站自己本身慢?還是主機慢?還是網路塞車? 在網站裡,為了讓照片載入速度加快,我都把照片放在 Flickr,再利用 Flickrlinkr 的服務,產生 Flickr 相簿的HTML代碼,直接插入到 WordPress 文章裡,這樣速度快蠻多的。(下面是帶路姬幫各位做的簡單教學,是不是很值得讚一下??) 至於網路速度,因為我之前剛好在遠傳上班,有一些網路速度方面的技術背景。你可以利用電腦裡的「tracert」指令來找到網路很慢的原因,查看資料傳輸的路徑,在哪裡卡的比較久、不順利… (不過這些,對初學的新手站長們可能開始有一點困難…),如果找得到是哪個節點出問題,就可以去請他們改善… 就像是,計程車載著你亂繞路,你可以請他們改道… 走最快的行徑路線。 [box type=”info” align=”aligncenter” class=”” width=”100%”] 不會用Tracert檢察網路路徑與速度怎麼辦? 如果你跟帶路姬一樣,沒有相關程式背景,也不會用 CMD 來輸入 tracert 指令,還有一個比較簡單一點的辦法喔!(帶路姬這幾天回家做功課找到的!特別分享給各位)可以試試看 Monitis提供的免費線上測試工具,只要輸入你的網址後,點選綠色的Start Test! 下面會出現一些數據。根據小朱爸的指導,只要每筆資料都少於200ms,表示在正常範圍。 [/box] 以上就是這次的採訪內容囉!真的很謝謝小朱爸在百忙之中抽空跟帶路姬見面,還跟我們分享了這麼多他十幾年來經營WordPress的經驗談!這些都是最珍貴的Know how… 大家有空可以到 SuperCute親子寫真 和 Evan幸福婚禮 的網站逛逛,參考看看小朱爸的WordPress網站喔~ 這次的專訪,更加讓帶路姬深刻的感受到,自己的渺小!各行各業都有值得學習的高手與前輩啊!即便我也是用了WordPress這麼久了,但我也沒有經營過攝影網站呀!所以,我也在這次的訪談中,像個小朋友一樣,開心聽著小朱爸的分享!收穫滿滿! 你呢?喜歡這類型的經驗訪談嗎?覺得對你有幫助嗎? 記得訂閱我們的文章,或者到社團裡來跟大家一起交流學習喔!