如何指定WordPress精選文章、置頂文章?

商品型錄

我們為了讓用戶有更多元的文章呈現選擇,除了Elementor的文章列表,我們還準備了Content View 的付費外掛,即使架站的成本提高,也能給用戶更多元、彈性的文章列表呈現方式。

進入Elementor後台後,可以直接編輯 Elementor的文章列表,若是看到短代碼 [pt_view …省略..]的話,則是Content View的文章列表,相關修改需要到外掛Content View進行設定。

指定精選文章

Elementor

使用 Elementor 的 Posts 小工具時,可以在這邊設定想要指定出現在文章列表的文章。

文章1
編輯 Posts

右鍵點選編輯Posts(文章),選擇Query(查詢)。

Source(來源)的地方選擇 Manual Selection(手動選擇),下面的欄位可以輸入欲出現的文章名稱。

Order by 是指文章排列順序,可以選擇 Date(日期)、Title(標題)、Menu Order、Random(隨機)。

下面提供Menu Order做指定置頂文章排序的教學。

Content Views

在 WordPress 後台左側找到 Content Views,點選該外掛後,選擇欲編輯的文章列表,點選編輯

content views 1
進入 Content Views後台

Include Only 可以打上欲指定出現在該文章列表的文章標題或是文章ID。可以以拖拉的方式,調整文章排列順序

content views 2
新增文章

文章ID如何查找?

當你在後台的文章列表時,滑鼠移到文章標題上,瀏覽器視窗最下面會跑出一串該文章的網址,其中的post=數字串數字就是該篇文章的文章ID。

文章 7
文章ID

可以使用Show Preview一邊預覽、一邊調整排列順序。

文章 6
新增文章ID

編輯完後記得儲存更新。

content views 3
儲存

指定置頂文章[Menu Order]

一般文章排列是按照文章發佈日期,最新發佈的文章會出現在最前面。如果想要指定置頂文章的話,我們使用外掛可以直覺性的排序文章順序。

文章排序
指定置頂文章

選擇內容項目重新排序,可以直接拖拉文章標題排序,排序完成後再點選更新

延伸閱讀:如何編輯選單?

如何使用 WordPress Shortcode 短代碼

WordPress Shortcode

有關WordPress短代碼(WordPress Shortcode)及其用法的示例,可以參考WordPress.com短代碼,儘管其中一些精選的短代碼是WordPress.com獨有的。

圖庫的短代碼如下所示:

[gallery]

短代碼也可以與其他屬性一起使用,如以下示例所示:

[gallery ID =“ 123” size =“ medium”]

這兩個示例都將顯示一個圖庫,當為其編寫HTML標記並將其與上傳的圖片保持同步時,將很難維護該圖庫。通過使用簡碼,圖庫的標記將被動態且自動地創建。

在後台使用WordPress Shortcode 短代碼

在文章、頁面編輯後台點選方塊+號,選擇短代碼,會出現短代碼區塊再將欲使用的短代碼貼上去即可。

短代碼
短代碼區塊

WordPress隨附以下短代碼:

下面示範以 [ audio ] 短代碼插入音訊,使用以下短代碼。

[audio src="https://rab.tw/wp-content/uploads/2021/04/Instant-Crush-Corbyn-Kites.mp3"]

參數

以下為幾個常見的基本參數、屬性

  • id:唯一的 HTML ID ,可以在你的CSS裡進行相關修改。(無預設)
  • class:可以在CSS中使用的自定義類。(無預設)
  • src:來源,圖片、音訊或影片檔案的位置。
  • align:對齊方式。
  • width:寬度。在中標題的寬度(以像素為單位)是必需的,並且必須具有大於或等於1的值。如果未提供,則將不進行字幕處理,並且字幕內容將通過。

Elementor 短代碼

許多WordPress外掛都有提供短代碼,Elementor 也有。

複製短碼的內容,就可以將 Elementor的內容呈現在文章或頁面中。

短代碼 1
elementor 短碼

以下以短代碼示範 Elementor popup按鈕:

資料來源:ShortcodeShortcode Common APIs

延伸閱讀:WordPress Shortcode 短代碼/簡碼介紹

如何編輯WordPress選單?1秒就學會設定!

undraw profile details f8b7

WordPress選單功能讓你可以自由添加、修改或刪除選單項目。

WordPress選單教學

進入後台

到了網站後台設定頁面,從外觀選單進入編輯區。

WordPress選單編輯1
設定選單

選擇選單

上面可以選取欲編輯的選單。

選單編輯4
選擇選單

新增選單項目

由左邊新增選單項目,可以從頁面、文章、自訂連結或分類等新增選單。

勾選項目後點選新增至選單

選單編輯2
新增至選單

拖移選單項目

可以拖移項目排列位置、順序或成為子項目(第二層選單)。

選單編輯3
拖移選單位置

修改完畢之後,記得儲存選單

延伸閱讀:

WordPress Gutenberg 古騰堡文章編輯教學

Gutenberg 古騰堡文章編輯

WordPress 古騰堡編輯器是新編輯器的開發名稱,該編輯器現已合併到WordPress核心中,它取代了長期存在的視覺或“經典”編輯器。

一定要學會的Gutenberg 古騰堡文章編輯,非常的簡單好用唷!

如何新增標題及段落?

點選左上角的方塊+號即可以新增你想要的區塊內容。標題的部分可以修改H1~H6。

文章編輯1
如何新增標題及段落

直接在文字編輯區輸入文字時,後台會自己將此區塊定義為段落。點選第一個段落符號可以將這個區塊轉換成其他類型區塊。

文章編輯2
轉換成其他類型區塊

如何修改特定文字樣式、超連結、排版?

點選在文字段落或是標題時,會出現該區塊的小工具列,可以針對特定文字加上粗體斜體超連結等等。

也可以修改該段落的對齊方式。

文章編輯3
文字樣式

由左至右分別為:

  • 區塊圖示
  • 拖放區塊(滑鼠移至此處即可拖移該區塊)
  • 上移或下移該區塊
  • 該段落對齊方式
  • 粗體(反白該區塊愈粗體的文字後點選)
  • 斜體(反白該區塊愈斜體的文字後點選)
  • 超連結(反白該區塊愈超連結的文字後點選,並輸入網址,可以設定是否另開新視窗)
  • 更多選項
文章編輯4
更多文字樣式

點選更多選項,可以對文字進行更多編輯。

如何修改字型大小、顏色?

點選該區塊時,左邊會跑出設定欄,可以在這裡進行文字大小、色彩設定。色彩設定除了文字色彩也可以設定背景色彩。

文章編輯 5
文字大小、色彩、背景顏色設定

測試:文字大小設定、文字色彩、背景色彩設定。

如何新增圖片或圖庫?

除了左上角的方塊+號,也可以點選區塊最後面的方塊+號,或是輸入斜線(/)選取區塊類型。

選擇圖片或圖庫後,即可上傳檔案或是從媒體庫選擇圖片。

文章編輯 6
新增圖片、圖庫

圖庫測試:

選擇完照片後,可以修改圖片排列順序、圖片說明等等,右邊會出現圖庫設定欄位,可以修改圖庫的欄位設定、是否剪裁圖片、點選圖片時要連結到哪裏、圖片尺寸

如何嵌入YouTube影片?

選擇 YouTube 區塊後,貼上欲嵌入影片的 YouTube 網址即可,簡單又快速!

文章編輯 7
嵌入YouTube影片

YouTube 影片嵌入測試:

延伸閱讀:

WordPress 短代碼/簡碼(Shortcode)介紹

短代碼

現在的WordPress外掛很多都提供短代碼,讓使用者可以簡單地將所需功能或視覺呈現在任何地方,像是WodrPress的文章、頁面編輯區也可以貼上短代碼,這些短代碼也可以重複使用。

為了安全起見,禁止在WordPress內容中運行PHP;為了允許與內容進行動態互動,在WordPress 2.5版中提供了簡碼。短代碼是可用於與內容進行動態互動的巨集指令。例如,根據發佈到文章中的圖像創建圖集或展現影片。

每一個Shortcode都是工程師的心血,並不是真的程式只有一行,其實背後的程式碼可能相當複雜,但為了讓大家使用方便,所以有Shortcode的方式讓使用者可以自行在網頁上放在想放的地方,這也是WordPress開發出來的好用地方之一。

顯示文章短代碼– 支援
WordPress短代碼

為什麼選擇簡碼?

簡碼是保持內容整潔和語義的一種有價值的方法,同時允許最終用戶某種方式以編程方式更改其內容的表示方式。

當最終用戶使用短代碼將圖集添加到其文章中時,他們使用的數據最少,以指示應該如何顯示圖集。

好處:

  • 沒有將標記添加到文章內容中,這意味著可以輕鬆地在運行中或以後的狀態下操縱標記和樣式。
  • 簡碼也可以接受參數,從而使用戶可以根據實例修改簡碼的行為。

內置的短代碼

默認情況下,WordPress包含以下短代碼:

[caption] –使您可以在內容周圍加上字幕

[gallery] –允許您顯示圖像庫

[audio] –允許您嵌入和播放音頻檔案

[video] –允許您嵌入和播放影片檔案

[playlist] –允許您顯示音頻或影片檔案的集合

[embed] –允許您包裝嵌入的物品

資料來源:https://developer.wordpress.org/plugins/shortcodes/

延伸閱讀:

WordPress Gutenberg 古騰堡預設區塊測試呈現

商品型錄

這篇文章主要是古騰堡預設區塊測試的呈現,可以了解目前古騰堡有什麼預設的區塊可以使用。

分別依序呈現標題區塊清單區塊圖片區塊圖庫區塊表格區塊音訊區塊檔案下載區塊引文區塊重要引述區塊封面圖片區塊按鈕區塊空白間隔區塊程式碼區塊分欄區塊各式小工具區塊嵌入YouTube影片,各區塊以分隔符號區隔。

這是標題區塊,可以設定H1~H6,還有對齊方式

這是「段落區塊」,一般基本內文使用,可以輕鬆增加超連結,也可以設定粗體斜體等等,也可以隨意更換字體顏色。


清單區塊

  • 「清單區塊」
  • 排得得很整齊美觀
  • 也可以調整成數字排序清單

圖片區塊

樣式除了預設也可以更改為圓角。

sofa wood round table brown living room 3d rendering
我是說明文字

圖庫區塊

可以一次挑選多張圖片,輕鬆排列你所選的圖片。


表格區塊

可以設定標題區段日期時間
輕鬆加入並編輯表格XXXOOO
不用再以圖片取代表格OOOXXX

音訊區塊

Instant-Crush-Corbyn-Kites

檔案下載區塊

輕鬆新增檔案,讓使用者下載


引文區塊

想加入、引用某人說的話?可以使用引文區塊!

「引用他人的說法,是為了加強自己的論述。」

-胡利奧·科塔薩爾

重要引述區塊

除了引文區塊,重要引述區塊更可以抓住大家的眼睛。

Stay hungry, stay foolish.

Steve Jobs 

封面圖片區塊

arnaud devautour OaTDg8GbIcM unsplash scaled

這是封面圖片區塊!


按鈕區塊

可以設定網址,並在新分頁開啟。


空白間隔區塊

下面有高度100px的空白間隔,可以自行調整高度。


程式碼區塊

程式碼區塊,可以在這裡寫下程式碼,會在你的網站中呈現。

分欄區塊

左邊欄位

我是中文假字。許多例如又不是黏土人,是比較愛沒什麼,次都的那是女很可愛集中,我好想,都已經小謝我也司謝謝你準備,好看好果並嗚嗚嗚我有沒有。家不知道就是這。準備但是不都有的有好,啦會小時客邦的⋯我自匯款的機也太多,根我掉這位好啊我不真好,有機是我出人的的感覺突然,麼這麼了我動天有點。形馬上就沒什麼很不是我感覺,小一直的感覺我記親來很,都要不過的感⋯多人買每次的地你進入了⋯的時候到爆我也。好煩惱不多他就覺得你,恐息一下本來就:是想篇如果真到底是是該他人的,才知道用就方式,大我不宣傳班位,的關年了。

右邊欄位

gray sofa wood table white living room
WordPress Gutenberg 古騰堡預設區塊測試呈現 38

各式小工具區塊

彙整

月曆

2021 年 4 月
 1234
567891011
12131415161718
19202122232425
2627282930 

最新文章

搜尋

社群網路服務圖示

還有分類、標籤雲、最新留言等等


嵌入YouTube影片

還可以嵌入其他社群媒體的貼文唷!

延伸閱讀:Gutenberg 古騰堡編輯器基本介紹

WordPress 古騰堡編輯器(Gutenberg)基本介紹

什麼是WordPress網站?

WordPress 古騰堡編輯器是新編輯器的開發名稱,該編輯器現已合併到WordPress核心中,它取代了長期存在的視覺或“經典”編輯器,該功能在過去的幾年中變化很小。

古騰堡(Gutenberg)也被稱為區塊編輯器(Block Editor),這是因為它通過提供單個內容區塊來工作。這些細分為類別,例如文本格式塊和媒體元素的可嵌入塊。然後可以使用類似於許多第三方頁面構建器外掛的方式來自定義它們

什麼是古騰堡編輯器?

區塊編輯器為內容創建者提供了更具交互性的拖放體驗。此功能的另一個好處是,它使您可以選擇在內容中添加佔位符塊以供以後編輯,或者在頁面上四處移動內容或更輕鬆地發佈內容。 

為什麼選擇古騰堡?

此時,您可能會問自己以下問題:如果WordPress已經具有功能默認編輯器,為什麼Gutenberg甚至存在?原因有很多,但主要歸結為變化的趨勢

當然,WordPress的經典視覺編輯器沒有天生的錯誤。但是,有些人發現它缺乏所需的選項,因此經常求助於其他解決方案。有很多提供不同類型編輯體驗的外掛,例如Elementor、Visual Composer和Divi Builder。

顯而易見的是,許多WordPress用戶更喜歡通過此類拖放編輯器來創建內容。畢竟,它們可以更加直觀和靈活地使用。通過添加古騰堡(Gutenberg),目標是用戶不再需要尋找外掛即可將此功能添加到他們的網站。取而代之的是,拖放編輯現在內置在平台中。

Gutenberg 可以插入什麼區塊呢?

Gutenberg 可以插入總共 70 種區塊,包含 35 種是內容的區塊、還可以崁入 35 種第三方的多媒體或社群資訊區塊。

只要透過「+」,就可以增加下面圖片中所有的區塊喔!

點選資訊符號,可以顯示目前文章字數及標題、區塊數量等內容大綱。

古騰堡資訊欄
顯示目前文章字數及標題、區塊數量等內容大綱

資料來源:WordPress Gutenberg Editor

延伸閱讀:

Wix發布攻擊WordPress的負面廣告 造成強烈反響

(文章翻譯自:Wix Negative Ads Against WordPress Generate Backlash

攻擊WordPress的Wix負面廣告在網上產生了強烈的反Wix響應。作為促銷活動的一部分,促銷Bose耳機發送給開發人員和在線營銷KOL並沒有阻止大眾公開質疑透過負面攻擊進行促銷的努力。

該活動似乎並未使任何WordPress社群中的人都喜歡Wix,這場運動實際上引起了許多人對Wix的負面反應,實際上起到了反作用。

攻擊WordPress的負面廣告

厄運的更新按鈕–您值得有更好的選擇

在網站開發人員尋求心理健康危機幫助的情況下,Wix負面活動似乎以極度負面的眼光描繪WordPress,攻擊性廣告中有一個名為「末日更新」的影片。

網站開發人員正在進行心理諮商,潛台詞是WordPress非常糟糕,以至於網站開發人員都需要幫助。

Wix的攻擊廣告

在Wix廣告中,透過將WordPress描繪成會引起精神痛苦的不敏感人物,來進行喜劇效果的心理諮商。

有些人可能會在喜劇情境中使用該廣告,從而認為這無助於心理健康,尤其是因為WordPress被描繪成一個怪誕的人,眼睛在他們的眼窩裡打轉。

wix
Wix將WordPress描繪成一個病態怪誕的人,眼球在窩裡旋轉

這只是在心理健康危機中上演的幾則廣告之一。

YouTube上的一些回應表示不贊成:

It’s surprising that Wix isn’t embarrassed to post content like this. Who in the world thought that this was a good idea?

WOW, how low can you go, this is called the bottom of the barrel

Shame on you Wix. I’ve never considered using your services, and never will.

WordPress創辦人Matt Mullenweg回應

WordPress的創始人Matt Mullenweg強調說,每個WordPress網站架站競爭對手都支持將網站導出到競爭公司,只有Wix會將用戶捕獲到其平台中。

“ Wix是一家營利性公司……其商業模式正在促使客戶每年支付越來越多的費用,從而使離開或獲得退款變得困難。(不要相信我,請看一下他們的投資者介紹。)

他們是如此不安全,以至於他們也是我所知唯一不允許您導出內容的網站創建者,因此它們就像蟑螂汽車旅館,您可以check in,但從無法check out。一旦您購買了他們的專有方案,就被鎖定了,甚至他們的文檔也承認了這一點……

因此,如果我們將網站架設者與濫用關係進行比較,那麼Wix會將您鎖在地下室,並且不允許您離開。令我驚訝的是,消費者保護機構沒有追隨他們。”

馬特·穆倫維格(Matt Mullenweg)回應

積極的運動和善意

有價值品牌的標誌之一是客戶甚至非客戶對公司的良好信譽,儘管對廣告的回應並非普遍否定,但很多回應都是,許多人對Wix採取的方法表示失望。

Google的John Mueller回答了 SEO相關問題

SEO相關問題

(文章翻譯自:Google’s John Mueller Answers Rapid Fire SEO Questions

Google的John Mueller在Google Search Central頻道的最新影片中以快問快答的方式回答了網友各式各樣的SEO相關問題。

該影片是Ask Googlebot(以前稱為“ Ask Google Webmasters”)系列中的最新影片,在該系列中Google的搜索倡導團隊成員回答了網站擁有者提交的問題。早期版本的Ask Googlebot專注於每個影片回答一個問題。但是,並非每個SEO問題都需要四分鐘的影片來給出完整的答案,有些人可以用一兩個句子快速回答。

這是其中五個問題,以及穆勒(Mueller)的回答。這些問題沒有主題,涉及從規範到CDN到網站地圖文件的所有問題。

規範(Canonicals)

問:自引用規範可以覆蓋現有規範頁面或首選頁面嗎?真的需要自我規範嗎?

答: Mueller說,網站擁有者應避免在同一頁面上使用多個rel規範,因為它們指向單獨的URL。

網址

問:可以在URL中輸入月份和日期嗎?這會影響Google排名嗎?

答:在URL中輸入日期是可以的,Mueller說。它不會影響頁面的爬網、建立索引或排名。

內容交付網絡(CDN)

問:使用CDN傳送圖像是否有問題?(由於圖片不在網站的服務器上,並且Google不支持圖片規範化)

答:對圖像使用CDN很好,Mueller說圖像不必一定在您的伺服器上。

廣泛的受眾群體定位

問:如果網站針對具有單個網域的全球受眾,那麼出現在SERP(搜尋結果頁)中的最佳方式是什麼?

答: Mueller說,單個網域對全球受眾是沒關係的,許多網站只有一個版本可以在全球範圍內使用,並且可以在多個國家/地區排名。

網站地圖文件(Sitemap)

問:將Google網站站長驗證文件放在sitemap.xml之外是一件壞事嗎?

答:您不需要在網站地圖文件中包含驗證文件,Mueller說驗證文件僅用於Search Console。

影片總長1分鐘55秒,有興趣的朋友可以看看影片!

延伸閱讀:

iconfinder_handshake_business_success_agreement_people_hand

聯絡我們