這裡集結了 WordPress 的相關教學,特別是以不懂程式的設計師的角度,來寫給所有 WordPress 新手看的喔!非常淺顯易懂,希望大家學習愉快!
網站帶路姬 Erin Lin 整合了六年來、花了十萬元的學費,所學到的 WordPress 主題模板的選擇技巧,希望幫助創業架站的新手們,過濾掉爛主題,幫網站選個具有生命力的好主題!
這裡集結了 WordPress 的相關教學,特別是以不懂程式的設計師的角度,來寫給所有 WordPress 新手看的喔!非常淺顯易懂,希望大家學習愉快!
網站帶路姬 Erin Lin 整合了六年來、花了十萬元的學費,所學到的 WordPress 主題模板的選擇技巧,希望幫助創業架站的新手們,過濾掉爛主題,幫網站選個具有生命力的好主題!
你要選擇一間五星級飯店,長期租一間適合自己等級的套房來住?- Wix 還是你寧可自己選好的地段;買個地基很穩的土地;使用免費的組合屋,按照組合說明書組裝;買些系統家具來佈置成自己喜歡的家?- WordPress。這篇文章將用最生活化的方式比較這兩個架站工具,並且列舉七種不同的情境,來幫助你做最正確的選擇喔!
主題或外掛裡常常出現Slider這個字,他的中文不大好翻譯,各種翻法都有,有人叫他滑塊、幻燈片秀、首頁輪播等等… 在哪裡出現? 最常出現在首頁,一大塊的範圍,可能是一整張照片,有時候搭配著一句標題,一張一張的輪播,還可以讓訪客左右滑動,換下一張。 常見Slider的內容形式? 照片 照片背景+文字動畫+(按鈕) 背景顏色+色塊+文字或圖片的動畫+按鈕 影片(youtube或Vimeo) 自動抓取最新文章的精選照片+文章標題+文章摘要 等等… 用途是什麼? 假如放在首頁,通常這個區塊扮演一種像是歡迎光臨的招牌,告訴訪客,我們網站最新的消息是…、最近的活動是…、最受歡迎的產品是…任何你希望客人來訪時,你第一件最希望他知道的事,而且這件事會讓他對你的網站產生極大的興趣,進而想看看其他內容。 常用什麼外掛來做? 我最常看到主題會搭載 Slider Revolution和 Layer Slider。我個人是比較喜歡 Slider Revolution,他也支援響應式設計,可以指定在不同螢幕大小時,畫面該多大,如何編排。 注意事項: 我常發現 Slider 沒設定好的話,會讓首頁變慢很多,尤其是大張的照片太多時,會載入很慢,還好 Slider Revolution 可以在Performance的地方,選擇Single,一次先載一張就好,就比較不會影嚮速度太多。 Avada 的 Fusion Slider 效能似乎也不太好,有時候我會取消它,換成用 Slider Revolution。 主題附帶的Slider外掛,授權與更新方式會依據主題而有差異。 如果是 Avada,就不用另外買授權,可以在 Avada 自己的外掛列表直接更新; 但其他有的主題,沒辦法在後台一鍵直接更新這些需要獨立授權碼的外掛,就得用FTP上傳的方式,上傳主題的更新包裡的更新外掛; 假如覺得要用FTP上傳很麻煩,也可以考慮買個授權,Slider Revolution 是26美金、Layer Slider 是25美金,就可以在後台輸入授權碼後,直接更新外掛。 如果你的主題沒有包含這些Slider外掛,可能他有包含他們把自己的Slider模組,功能可能就不太一樣。 Slider Revolution 和 Layer Slider 是可以獨立購買安裝的,所以,假如你的主題的Slider功能不夠好時,Erin會推薦你買 Slider Revolution 囉! Slider通常會以代碼(shortcode)的方式,帶入到頁面或文章裡喔!所以,下次主題一安裝完,編輯首頁時,不要以為可以直接在頁面裡編輯滑塊囉!滑塊通常是被帶入的,真正的編輯的地方,應該是在slider外掛的地方。 你有自己喜歡用的 Slider 嗎?希望這篇文章對你們有幫助囉!
今天剛好有客戶問到這個問題,他的主題樣式的選項不夠,想嘗試寫一點CSS語法來自訂樣式… 要注意一下自訂的CSS的擺放位置喔! Erin建議你可以找找看這三個地方: 主題選項裡的自訂樣式 (Theme Options裡的Custom CSS)。 外觀 > 自訂,可能會有「附加的CSS」 (或Custom CSS) 欄位。 子主題 (Child Theme) 的style.css。 Erin不建議你放置的地方: 不建議直接放在父母主題 (Parent theme) 的樣式表裡 (style.css),這樣容易因為主題更新,自訂的部分就被覆蓋掉了。 除非萬不得已,不建議放在單一頁面的內容編輯器裡 (WPBakery Builder等等),因為這樣比較容易找不到啦 😛 大概就這幾個小建議,希望對想嘗試一點點CSS語法的新手們有一點幫助囉!
如果你分享了你的網頁到Facebook,可是卻看到錯的FB預覽縮圖、標題或描述,這時該怎麼辦呢? 先確定自己是不是有「指定」這些資訊: 方法一:可能是主題有這個功能,那通常在編輯該頁面或文章的下面,會有欄位讓你指定(這要參考你的主題的Documentation)。 方法二:如果主題沒有這個功能,那你可能得另外安裝相關的外掛來讓你指定,例如像:Open Graph for Facebook, Google+ and Twitter Card Tags 或是 Yoast SEO外掛 等等。 如果你沒有特別指定這些資訊,Facebook可能會自動抓取你的頁面裡最大的那張照片、還有網頁的標題、內文的前幾行字喔! 2. 確定有指定之後,如果FB預覽仍然是錯的,這時可以試試看Facebook分享偵錯工具: 在打開的頁面裡,輸入你要分享的「網址」 點選「偵錯」 再點選「再次抓取」 完成啦!如此一來,Facebook便會重新抓取你設定的資料,把在FB那邊庫存的舊的資料替換掉,這時你若再去分享你的網站,應該會是正確的資訊。 3. 如果你有舊的貼文,仍無法顯示新的更新資訊,請試試看「重新整理分享的附件」: 如果,在你更新預覽圖文的資訊前,你已經不幸的分享網站出去了,才發現圖文是錯的,很有可能的是,使用Facebook分享偵錯工具,仍然沒能幫你更新已經發佈的貼文。這時… 請到電腦版的Facebook 在該貼文的右上角,點選「…」 點選:下拉選單裡的「重新整理分享的附件」 這幾個小技巧,如果有幫助到你,別忘了跟我說喔!也可以分享給可能需要的朋友喔~ 喜歡帶路姬(Erin Lin)的文章嗎? 歡迎追蹤 WordPress網站帶路姬 的粉絲團 歡迎從旁邊訂閱 帶路姬 的電子報,有新文章時會通知你,一起輕鬆有趣的學習用WordPress自架網站。
WordPress 有分兩種,WordPress.com 和 WordPress.org 兩種做法,帶路姬用繪圖的方式解說,讓你一目瞭然!WordPress.com 是提供 WordPress 系統+服務的平台,免費方案有很多功能限制;WordPress.org 的方式則可以享受無功能限制的 WordPress 系統。長期來說…
從2011年起,大約七年來,我買過的「WordPress主題」應該有將近50個,而且,我不使用「免費主題」做商用網站。你知道為什麼嗎?… 不過,假如你真的想要從免費的開始,Erin也有兩個推薦的主題,可以先試用、未來再升級…
Erin今天花了一點時間,幫「WordPress網站帶路姬」裝上翻譯外掛,WPML,讓帶路「雞」開口說英文!XD WPML可以讓外語使用子網域 雖然花的時間不多,短短幾個小時,至少先完成了基本的翻譯和功能設定,內容之後再慢慢補吧!Erin選擇用子網域來給英文版使用,也就是https://en.wpointer.com,比起使用子資料夾和參數,子網域會被視為獨立網址,據說對SEO(Google排名)比較好,這個在WPML裡面可以輕鬆做到。(不過前提是,要先把子網域建立好喔!) WPML可以翻譯模板、外掛、選單、小工具 Erin常常利用String Translation字串翻譯的功能來翻譯文章內容以外的特殊字串,這點很多其他外掛都做得不是很好,WPML可以掌控的很細節。幾乎整個網站都可以自己自訂翻譯。 頁面、文章、甚至分類都可以翻譯 內容更不用說啦,可以大量從中文先複製到英文版,再到英文頁面一個一個去修改。所以各位看到我目前的英文網站,都只有英文標題,內容都是從中文版先複製的。 WPML讓我把中英文兩個網站完美合而為一 有的人會問,為什麼不做兩個獨立的網站就好了? 因為,除了翻譯文字不同以外,很多東西是共用的呀!像是模板、外掛、媒體等等。所以,使用翻譯外掛,可以單純保持同一個網站,但是增加翻譯的欄位。 WPML功能很多很細,雖然是需要點學習,但一旦了解後,他的介面和架構,其實蠻容易懂的,內容的部分最直覺,在文章列表的地方,每篇文章直接多一個英文的欄位,點進去就是編輯英文版了。 總結 如果你想讓你的網站有多國語言功能,建議花一點錢投資專業的外掛,而不是用Google機器自動翻譯,畢竟,Google翻譯出來的文字,並不完全正確,帶給訪客很不好的使用者體驗,對SEO更是沒有幫助。 WPML,功能完整,讓你能輕鬆幫網站的每一個地方都新增翻譯!我用他們的外掛好幾年了,也嘗試過其他的,後來還是覺得WPML最值得信賴,相容性也最高!因為他知名度高、使用者多,大部分的知名模板公司都了解要做到與WPML相容,模板才賣的好。 所以,如果你在考慮幫你的網站,增加英文或簡體中文,可以考慮WPML喔!
夜又深了,今天快閃分享一個小外掛,小兵立大功!造福不會寫程式的攝影師及部落客們! WordPress的預設媒體庫,在表格條列式的模式下,能看到的資訊其實很有限,不外乎就是檔名、作者、小的縮圖,你是否想過?要怎樣才能看到照片尺寸和檔案大小呢?如果可以在列表中一目瞭然,不是很棒嗎? 尤其是檔案大小,關係著頁面的載入速度,如果不小心上傳了一張超大超肥的照片,更是浪費空間,拖累速度… Admin Columns – 免費管理列表欄位外掛 這個外掛,近千人五顆星的評價!可以讓你管理你的文章列表的欄位“媒體庫的欄位等等。 如螢幕擷取所示,幾個簡單步驟,不用寫程式,就輕而易舉的增加與移除自己需要的欄位! 在文章列表裡,也可以增加精選照片的欄位,包含照片張數的欄位!善加利用這個工具,讓你的管理介面能依照你的個人需要來變化,真的很方便喔!
我常常提醒客戶,盡量多更新網站,多發表文章或作品,SEO的最基本經營之道,不外乎是提供大量高品質內容的網頁,讓Google認同你的網站對人類是有所貢獻,進而把你的網站排的前面,推薦給大眾。 不過,說起來雖然簡單,實際上,寫作時間不夠,環境不適合,都讓業餘部落客,寫作效率降低。 今天Erin來跟大家分享我這個新手部落客,最近研究出來的行動解決流程,希望對各位WordPress創業家們有點幫助,如果大家有更好的工具或方式,歡迎留言給我補充喔! 業餘部落客的時間瓶頸 Erin是專業WordPress網頁設計師,卻是新手部落客。 每天要忙著做新網站、維護舊網站、陪小小孩玩、煮晚餐、陪小小孩睡覺… 一直覺得要抽空好好坐在電腦前寫文章實在好難… 於是,我也在一直想辦法,怎麼樣讓自己充分利用零碎的時間,來完成自己想寫文章的夢想。 行動寫作增加寫作執行力 後來,我試著找各種方式,來讓自己方便隨時隨地寫文章,就算不是一次寫完也沒關係,一次寫一點,有靈感就先寫草稿,有空再來補滿。 行動寫作的流程與工具 目前呢,我算是建立了一套稍微有點進步的流程,所以想說,也來跟各位WordPress小老闆們分享。 隨時蒐集靈感 我選擇用Evernote來隨時記下我想寫的主題。以及,儲存我蒐集到的好的參考文章。 隨時隨地寫作 我下載了WordPress的官方APP,和我的網站做好串接後,用APP來寫文章,這個APP就是專為手機寫作而設計的,寫作介面大,雖然不能用複雜的內容拖拉編輯器,但是基本的功能都有,直覺好用,像是指定分類標籤、指定網址與精選圖片等等,都可以做到。所以我幾乎利用躺在床上陪睡的時間,寫好了90%的草稿了。 另外很有趣的是,我發現我用手機寫作時,反而意外的專注,不會被其他的視窗影響,讓寫作還更有效率。 隨時手機上製作圖片 我發現了一個編輯截圖的好用APP,截屏大師。他可以讓我擷取畫面、加標註框線、加說明文字、針對私密區塊做馬賽克特效。是不是超讚的啊!而且,只要能忍受一點點廣告,他是免費的! 手機上直接幫照片加浮水印 有時候,照片是自己辛苦擷取並且編輯過的,所以我會用手機的Photoshop Mix,事先把浮水印圖片存在手機裡,再隨時用這個APP增加浮水印圖層,就解決啦! 總結 我還附上了我的手機目前的首頁畫面,圈起來的地方都是和這個部落格相關的工具,也提供給大家參考囉! 在手機這麼萬能的時代,既然大家都隨時手機不離手,何不好好利用通勤的時間、中午休息時間等等,一點一滴的累積內容,隨時經營自己的網站! 還有什麼事是手機做不到的呢? WordPress的小老闆們,別再說你沒時間了!快來試試看Erin的建議吧! 行動寫作的小禮物:其實這樣以手機為主的寫作與發布方式,剛好可以以手機為主的思維來寫作與設計,確保所有手機訪客有好的體驗。比起有的人都只在桌機上寫作,常常忽略了手機上的顯示問題。 其實,現在,手機訪客的比例是高過桌機的,手機的呈現是很重要的喔!這個Bonus還不錯吧!
© WordPress 網站帶路姬 2018~2024 版權所有 | 本站使用 Soledad主題 + Elementor Pro 編輯器 | 推薦使用 Cloudways主機