Astra主題教學指南-Blog部落格設定

如何在單篇部落格文章上顯示相關文章?

Astra主題提供了在單篇部落格文章Single Blog Post上顯示相關文章Related posts的選項
可以在控制台內部使用,文章介紹如何使用此網頁設計選項。

什麼是相關文章Related posts

相關文章顯示在單篇文章的底部,這些文章選自當前文章的相關類別或標籤。
因此,當讀者閱讀完當前文章後,他們會發現更多相關的內容,
可以使他們停留網站更長的時間。

通過這種方式,讀者可以閱讀與其感興趣的主題相關的更多網頁設計,
並為你的網路行銷網站帶來更多的頁面瀏覽量。

例如:假設你在免費教學類別中有名為A、B、C、D的文章。
在文章A上,來自同一類別(即B、C、D)的其餘文章將在底部顯示為相關文章。
讀者閱讀完文章A後,他可以從其他文章中選擇並繼續閱讀。
讓我們看看如何使用Astra添加相關文章

通過Astra添加相關文章

通過Astra,可以輕鬆的在所有文章上顯示相關文章。
該選項在自訂中設定,因此你不需要使用任何額外的外掛。
Astra使你可以完全控制顯示和自訂相關文章。

以下是在單篇職位上啟用相關文章的步驟:

步驟1 –從WordPress控制台,導到 外觀 > 自訂
步驟2 – 在自訂中,找到 Blog > Single Post

步驟3 – 在這裡,你會找到啟用相關文章的選項 Enable Related Posts。
打開它。該選項下方將顯示更多設定選項。

Total Number of Related Posts 相關文章數量

你可以在此處確定要顯示的相關類別或標籤中的文章數量
例如,如果你在 免費教學 類別下有20個文章,請決定應顯示該類別中的多少個文章作為相關文章。

Grid Column Layout 網格列排版

相關文章將以網格結構(即行-列結構)顯示。
你可以設定要顯示的列數。根據你使用上述選項顯示的總文章數和列號,行將自動添加。
例如–如果你設定為顯示8列3列的文章,你將看到3列顯示的文章。

Posts Query文章查詢

你可以在此處設定來源以從中獲取相關文章。
你可以選擇類別或標籤。文章將從選定的來源中隨機獲取,並顯示為相關文章。
還可以設法按特定順序顯示文章。

Posts Structure文章結構

你可以在此處顯示特色圖片、標題和文章等meta 標籤選項。
只需單擊眼睛符號即可啟用或禁用文章的特定部分。
你甚至可以通過簡單的拖放來管理meta標籤的順序。
例如-假設你希望顯示文章的精選圖片,標題,類別和發佈日期

步驟4 – 確定要顯示相關文章的結構後,你可以設定選擇的顏色和版型。
單擊頂部的 Design 選項卡,你可以看到相關文章的專用選項。

在這裡你可以設定:

  • Section Title 文章標題
  • Section Background 文章背景
  • Content Colors 內文顏色
  • Section Title Font 章節標題字體
  • Post Title Font 文章標題字體
  • meta 標籤

如何顯示 更新日期 而不是 發佈日期

Astra預設顯示在文章中的日期發佈到你的網站訪客。
此外,它還添加了程式代碼中文章最後更新的日期-用於網路行銷SEO和標記。

發佈日期顯示在前端

標記中提供了發佈日期和更新日期。

如果你想向訪問者顯示文章的上次更新日期,請使用以下自訂代碼

/**
 * Display only last modified date in the post metadata.
 *
 * @param String $output Markup for the last modified date.
 * @return void
 */
function your_prefix_post_date( $output ) {
	$output        = '';
	$format        = apply_filters( 'astra_post_date_format', '' );
	$modified_date = esc_html( get_the_modified_date( $format ) );
	$modified_on   = sprintf(
		esc_html( '%s' ),
		$modified_date
	);
	$output       .= '';
	$output       .= ' ' . $modified_on . '';
	$output       .= '';
	return $output;
}
add_filter( 'astra_post_date', 'your_prefix_post_date' );

它隱藏了發佈的日期並使更新的日期可見。

筆記:
將以上代碼添加到 子主題的functions.php文件中


Blog部落格概述

部落格是網站設計的重要部分。它有助於發佈更新,分享個人或專業資訊,展示作品等。
Astra可幫助你以更簡單的方式設計部落格頁面。
你可以在 外觀 > 自訂 > Blog 下找到該設定

在部落格下,你將找到以下設定:

  • Blog / Archive 部落格/彙整頁面
  • Single Post 單篇文章

Blog / Archive 部落格/彙整頁面設定

Archive彙整頁面是涉及Blog設定的常用術語。
首先,Archive是指資料的整合。彙整頁面是按分類、作者、日期、標籤等分組文章的統稱。
另外搜索頁面也是彙整頁面的一種。

你可以在 外觀 > 自訂 > Blog > Blog / Archive 下找到設定

在 部落格/存檔 下,共有4種設定:

  • Blog Post Content 部落格文章內容
  • Blog Post Structure 部落格文章結構
  • Blog Meta 部落格標籤
  • Blog Content Width 部落格內文寬度

Astra Pro隨附的Blog Pro模組在控制台中為部落格網站設計排版添加了更多選項。

延伸閱讀:
了解有關行銷網站中常用的購物車系統,
WooCommerce電子商務與Astra整合概述的更多資訊
Astra Pro 通過WooCommerce模組擴展網站商店選項。

Post Content 文章內容

部落格上的書面內容是指部落格文章的內容。
你可以通過以下方式管理內容:

Full Content全部內容

在存檔頁面上可以看到為部落格文章撰寫的全部文章或副​​本。

Excerpt content 摘要內容

摘要內容是指顯示內容的簡短摘要,其中單詞的數量受到限制。預設長度為55個字。

小提醒:如果你從部落格摘要區域輸入摘要內容,它將覆蓋當前摘要。
Astra Pro隨附的Blog Pro模組為你提供了控製字數的選項。

Post Structure文章結構

部落格文章結構可幫助你管理特色圖片,標題和部落格標籤。
你可以隱藏部落格文章的精選圖片。

同樣,你可以隱藏Blog meta設定

小提醒:當你關閉標題和部落格Meta標籤設定時, 部落格Meta標籤的選項將消失。

你甚至可以使用簡單的拖放方法交換圖片和Meta標籤設定的位置。

Meta標籤

部落格Meta標籤是關於簡短說明的全部內容,用於解釋部落格的全部內容。
並且提供了有關部落格的更多資訊。
作者可以控制顯示/隱藏收到的評論的數量、文章的類別、作者、發佈日期和標籤。

小提醒:要管理類別、標籤和發佈日期,你將必須從WordPress後台編輯單篇文章。

Content Width內容寬度

正如你可以選擇管理網站的容器寬度的方式一樣,你可以選擇管理部落格頁面的容器寬度的方式。

Typography文字樣式

你可以通過此選項下的設定來設定彙整頁面標題和文章標題的文字樣式。


Single Post 單篇文章設定

在頁面上發佈單篇部落格主題,並在詳細資訊中進行描述。
作者可以在單篇文章中介紹所有必要的細節。

除了精選圖片之外,你還可以通過媒體在文章中添加圖片和影片。
你還可以添加/嵌入到主題的相關或參考連結。
你可以在 外觀 > 自訂 > 部落格 > 單篇文章 下找到該設定

Astra在Astra Pro Addon外掛的專用模組中提供了更多樣式選項。
了解有關Astra Pro Addon的Blog Pro模組的更多資訊。

Leave a Comment

Shopping Cart
回到頂端
Malcare WordPress Security