Citadela專業版

通過佈局自定義選項擴展 Citadela 主題

 即用型佈局包

 自定義字體、顏色、標題等

 獨特的定制古騰堡塊

 非常適合商業網站、個人網站和博客

Citadela Pro 插件使用標準古騰堡功能和 WordPress 定制器。這些是原始的 WordPress 工具,允許您修改 WordPress 主題的某些方面,而無需編碼知識。通過使用 Citadela Pro 插件,您可以輕鬆更改網站的外觀。基於塊的主題和 WordPress 全站編輯是 WordPress 的未來。 Citadela Pro 插件已為未來做好準備。

Citadela Pro插件

是免費 Citadela WordPress 主題的本機擴展

如前所述,WordPress 自定義插件可將更多選項和設置添加到您的 WordPress 編輯器和管理面板中。使用Citadela Pro插件,您可以修改Citadela WordPress主題並每次創建一個完美獨特的網站。 Citadela Pro 插件還為其他 Citadela 插件(例如 Citadela Listing 和 Citadela 塊)添加了樣式選項。

專業插件定制器

對您的網站感覺良好

簡單的更改(例如個性化顏色和字體)可能會導致網站外觀發生顯著變化。確保您的網站設計符合您的偏好,並且在完成自定義後您對網站感覺良好。

Citadela Pro獨特功能

進出口 準備使用佈局
無限顏色
簡單的排版
帶有顏色疊加的自定義標題佈局
內容寬度定制
公告欄
cookie 通知信息欄
WooCommerce 支持

立即開始無風險試用。無需信用卡。

如何使用 Citadela Pro 插件?

可視化構建 – 進行實時更改

直觀地定制您的網頁設計。 Citadela Pro 允許您進行可以實時預覽的更改。根據您的主題和活動的 WordPress 插件,您可以自定義很多內容,例如網站的徽標和網站標題、顏色、字體、菜單、小部件、頁眉和頁腳。

登錄 WordPress 管理環境後即可使用 Citadela Pro 自定義選項。無需安裝任何東西,因為它是 WordPress 本身不可分割的一部分。

1. 管理員訪問

2.前端訪問

專業插件 - 定制器訪問

Citadela Pro 可以做什麼?

Citadela Pro插件嚴格遵循所有WordPress規則並且僅使用標準功能。讓我們看一下自定義屏幕。按照左側的側邊欄,您可以對網站外觀進行各種更改。此外,您還可以在發布之前實時預覽所有更改。

站點標識

您在定制器中遇到的第一件事是站點標識。正如標題所示,本節將為您提供幫助 定義 你的網頁。這不僅從網頁設計的角度來看很重要,從其他方面來看也是如此。網站標識告訴您的網絡訪問者您是誰以及您做什麼,留下第一印象並強化品牌。

網站標識涵蓋網站的四個關鍵要素:

站點標識

標識

外觀 > 自定義 > 站點標識 > 選擇徽標 是如何向 WordPress 網站添加徽標。確保您的徽標具有高質量且尺寸適合您選擇的主題和主頁佈局。

網站標題

網站標題通常是您公司的名稱。如果您的徽標中的名稱已經很清晰,您可以使用網站標題字段來強調您的簡短品牌信息。

標語

填寫標語以闡明您網站的目的。或者,讓這條線保持空白——有時少即是多,特別是當你的目標是通風的網頁設計時。

網站圖標

網站圖標或網站圖標是另一個非常重要的品牌細節。請務必使用它。單擊“選擇站點圖標”按鈕上傳您的網站圖標。

定制器-發布

點擊 發布 當您填寫完網站身份後。或者,您可以單擊發布按鈕旁邊的 ⚙(齒輪圖標)以獲取更多選項,例如 保存草稿 或者 日程.

總體佈局

常規佈局部分提供了多種預定義設計。您只需單擊一下即可更改網站元素的排列方式,並查看它如何適合您的特定網站。常規佈局允許您在不同的主題佈局(例如現代或經典)之間切換,並且您可以設置可折疊頁腳小部件的規則。您的網站也有一些獨特的設置:

內容寬度尺寸

網站內容寬度的高級設置。您可以根據需要完全配置它,而不必擔心在移動設備上失去網站響應能力。您可以設置內容的自定義尺寸、內容的寬尺寸和全尺寸。

邊框半徑選項

獨特的設計設置,允許您在整個網站上全局設置框對象的圓角邊緣。您可以對圓形按鈕使用以下設置。與常規邊框半徑結合使用,您可以更改網站的整體外觀和感覺。

Citadela Pro 插件添加了 WordPress 的常規佈局部分。它不包含在 Citadela 免費 WordPress 主題.

PRO 插件 - 總體佈局

外貌

如果您正在尋找更多自定義選項來創建適合您的品牌顏色和風格的獨特網站,那麼“外觀”部分就是您所需要的。這四個基本部分非常容易設置,並且會對您網站的最終外觀產生重大影響。

PRO 插件 - 外觀
標題佈局

標題佈局

這些設置允許您精確設置網站標題的佈局。可以選擇兩種基本佈局 - 經典佈局和中心佈局。有桌面和移動設備的設置,可以進行更精確的徽標和標題大小配置。因此可以在計算機和移動設備上設置不同的標題外觀。

此部分還包含粘性標題顯示方式的設置,分為桌面和移動設置。因此,可以在每個設備上定義滾動頁面後是否將粘性標題設置為“無”、“僅漢堡”或“完全粘性”標題。

標題背景

標題背景

使用圖像作為標題的背景。單擊菜單中“外觀”下的“標題背景”,然後單擊“選擇圖像”。您可以從媒體庫中選擇圖像或從計算機上傳新圖像。

本節提供了一種更方便的設置: 標題顏色疊加。 如果您已使用該圖像作為網站的標題,則可以設置該圖像的顏色疊加。它無疑為您的網站增添了獨特的外觀,並減少了對主頁圖像的專業設計師的需求。

還有更多選項可供選擇。嘗試一下並決定哪一個最適合您的網站:

  • 標題圖片重複
  • 標題圖片的大小
  • 標題圖片位置
  • 固定背景圖像

特別提示:

您的網站有響應能力嗎?查看您的網站在不同尺寸的屏幕上的外觀!右側菜單底部有桌面、平板電腦和移動屏幕三個圖標。單擊並查看不同設置在特定設備上的顯示方式。

定制器屏幕
網站顏色

WordPress 網站上的顏色

如何更改網站顏色?導航: 自定義>外觀>顏色。有四種顏色供您選擇:

  • 裝飾色
  • 頁面顏色
  • 頁腳顏色

這些顏色中的每一種都可以使用無限的顏色選擇器進行設置或定義為十六進制值。如果您希望將品牌顏色與網站顏色相匹配,則十六進制值輸入會派上用場。

網站版式

版式

如何更改 WordPress 網站上的字體?導航: 自定義 > 外觀 > 版式 並選擇您想要使用的字體:文本字體和標題字體。

一般來說,不建議在單個網站上使用兩種以上的不同字體。遵循這條規則可以提高可讀性,並有助於打造簡潔的網站設計。

Citadela PRO 插件為您的網站排版提供了完整的 Google 字體選擇,因此您無需擔心無法找到包含您所選語言的特殊字符的字體。

Citadela Pro插件添加了外觀部分。它不包含在 Citadela WordPress 主題。

公告欄

您想讓訪問者註意到您當前的特別優惠嗎?公告欄是完成這項工作的完美工具。這是一個號召性用語面板,您可以在網站上使用它來突出顯示重要新聞或其他公告。

公告欄的設置(例如文本、按鈕 URL、顯示日期等)可在 Citadela PRO 下的 wp-admin 中找到。

WordPress 定制器向您展示公告欄的外觀。此外,它還允許您修改其背景和按鈕顏色。單擊“自定義顏色”按鈕將直接進入這些設置。

還可以使用管理 -> Citadel PRO 中的設置,您可以在其中將類型切換為高級以創建自定義公告欄。在這種情況下,您將顯示用於輸入 HTML 和 CSS 的字段。在本節中,還可以使用從 – 到 的間隔來計時公告欄的顯示時間。

Citadela Pro插件添加了一個公告欄。它不包含在 Citadela WordPress 主題.

創建菜單

網站導航菜單可以直接在 WordPress 定制器中創建和定制。這是一個標準的 WordPress 功能。因此,它可供所有 WordPress 用戶使用,並且包含在 Citadela WordPress 主題中。

如何給WordPress網站添加菜單?

請遵循 3 個簡單步驟:

1. 導航至“菜單”,然後單擊“創建新菜單”按鈕。填寫新菜單的名稱並選擇其位置。

2. 將項目添加到菜單:自定義鏈接、頁面、帖子、類別或標籤

3. 打鉤 自動將新的頂級頁面添加到此菜單 在左側的菜單選項部分 - 如果您願意的話。

小部件

新的定制器使小部件的使用變得非常簡單。單擊“小部件”後,您將看到所有可用的“小部件”位置或“小部件區域”以供選擇。根據您的 WordPress 主題,某些頁面可能比其他頁面擁有更多的小工具區域。

選擇要添加小部件的小部件區域,然後單擊 添加小部件。從 WordPress 5.8 開始,您還可以使用小部件區域中的任何 WordPress 塊。

每個小部件都有其附加選項。嘗試一下,看看什麼最適合您的需求。

主頁設置

根據您網站的用途,您可以在 Citadela Pro 中選擇 2 種基本主頁設置:

  • 最新帖子
  • 靜態頁面

默認情況下,最新帖子非常適合博客網站。但是,您可以在任何具有動態內容的網站上使用它們,這些內容定期添加在博客文章中,例如公司新聞、最新事件等。

靜態頁面對於具有清晰結構和經過驗證的銷售渠道的企業網站來說更為典型。您可以添加任何您想要在主頁上顯示的頁面。此外,您可以隨時添加更多頁面或刪除它們。

額外的自定義 CSS

最後,對於更高級的用戶,還有額外的 CSS 空間。您可以添加一段代碼,這可以改變您網站的外觀。

正如您所看到的,使用 Citadela Pro,您的 WordPress 網站是完全可定制且靈活的。儘管我們仍處於 WordPress 的早期階段,但仍有巨大的增長潛力和改進空間。無需任何編碼知識,您就可以使用 Citadela Pro 做很多事情。事實上,WordPress 的“你幾乎可以在 WordPress 中做任何事情”的良好聲譽仍然存在。

立即開始無風險試用。無需信用卡。

特殊功能

CITADELA PRO 插件的介紹

為您的網站提供更多自定義選項和有吸引力的內容。適合您業務的更多高級功能。更多佈局和舒適工作的可能性。

自定義標頭

可以使用檢查器內的 Citadela 標題設置在每個頁面上更改和自定義標題設計。這樣,您就可以使用透明標題或內容標題等功能來實現獨特的設計。您還可以更改每個子頁面上的徽標。可能性是無限的。

博客佈局設置

為了創建有吸引力的博客佈局,Citadela Pro 插件提供了使用 WordPress 古騰堡編輯器自定義博客頁面的選項。這樣您就可以完全控制博客頁面的設計。您還可以使用所有 Citadela 塊(例如地圖或集群)來真正創建您想要的頁面。博客文章可以顯示為列表、框或簡單佈局。

博客文章在您網站上的任何位置

名為“帖子”的新塊允許您在任何頁面上顯示博客帖子。您可以使用許多過濾器選項來僅顯示您想要的帖子。

博客文章佈局
信息欄

信息欄

信息欄可用於在您網站的頂部或底部顯示 cookie 通知。它會向所有訪問您網站的新訪問者顯示。他們可以單擊按鈕將其隱藏。然後,信息欄將隱藏天數,並將其設置為“Cookie 過期”字段。

評論擴展

評論擴展

評論擴展可用於向 WordPress 評論表單中的每個輸入添加幫助文本。它將幫助您優化您的網站以滿足 GDPR 要求。

自定義 JS 代碼

將自定義 JavaScript 代碼插入網站的頁眉或頁腳。使用正確的 JavaScript,包括標籤。

谷歌分析代碼

谷歌分析代碼

插入您的 Google Analytics 跟踪 ID。 Google Analytics 跟踪代碼將添加到您的網站。您的網站將輕鬆與您的 GA 帳戶連接以跟踪網站訪問者。

WooCommerce 支持

WooCommerce 支持

通過激活 Pro 插件,您將獲得完整的 WooCommerce 支持。商店頁面和所有 WooCommerce 塊將獲得 Citadela 樣式,包括許多專業設計功能。

佈局導出器

佈局導出器

您可以使用 Citadela Pro 導出您自己的 Citadela 佈局。您可以在本地主機或測試域上準備網站草稿,然後輕鬆將其導入到實時 URL。佈局導出器功能可導出 WordPress 頁面、帖子、圖像以及所有 Citadela 選項和設置。

佈局導入

佈局導入

使用導入佈局功能,您可以在幾秒鐘內將整個佈局導入到 Citadela 中。您的網站將看起來與給定的佈局完全相同,包括圖像、內容和設置。這是您的新網站的良好起點。

查看 Citadela 佈局

自動更新

自動更新

幾乎每週我們都會發布新功能或錯誤修復。為了讓Citadela上的網站運行更順暢,我們為每個產品開發了自動更新。您只需要您的域的 API 密鑰,一切就可以順利進行。

其他 Citadela 插件的設計擴展

Pro 插件添加了新功能並擴展了我們另外兩個 Citadela 插件中包含的塊的選項:Citadela Blocks 和 Citadela Listing。

簇:寬度設置

專業插件使您能夠全局設置塊的自定義寬度。簇塊寬度的設置可以獨立於這些全局設置。您可以完全控制子頁面寬度。它可以設置為內容、寬或全寬。

簇:寬度設置
設計設置

其他區塊的設計設定

使用不同的設計風格和不同的塊顏色組合可以實現有吸引力的呈現。我們的塊允許您設置不同的背景和文本顏色、線條樣式和顏色以及主要裝飾顏色。這些選項被添加到以下塊中:

  • 列出項目清單
  • 列出搜索結果
  • 清單搜索表格
  • 項目擴展
  • 高級過濾器
  • 類似商品
  • 帖子搜索結果
  • 博客文章
  • 帖子
  • 作者名單

半佈局與清單地圖

您可以在任何頁面上切換到帶有左側或右側列表地圖的半佈局。在前半部分,您可以顯示目錄項網格、文本、圖像或其他標準內容格式。在後半部分,您可以顯示帶有項目和標記的列表地圖,甚至可以使用 GPX 數據顯示路線。

半佈局

Citadela 包中包含的語言翻譯:

南非荷蘭語、阿爾巴尼亞語、阿姆哈拉語、阿拉伯語、阿拉伯語(埃及)、阿拉伯語(摩洛哥)、亞美尼亞語、阿薩姆語、阿塞拜疆語、白俄羅斯語、孟加拉語(孟加拉國)、波斯尼亞語、保加利亞語、加泰羅尼亞語、中文(中國)、中文(香港)、中文(新加坡)、中文(台灣)、克羅地亞語、捷克語、丹麥語、荷蘭語、荷蘭語(比利時)、英語(美國)、世界語、愛沙尼亞語、芬蘭語、法語(加拿大)、法語(法國)、加利西亞語、格魯吉亞語、德語、希臘語(希臘語)、希伯來語、希伯來語(以色列)、印地語、匈牙利語、冰島語、印度尼西亞語、意大利語、日語、韓語、拉脫維亞語、立陶宛語、馬其頓語、馬來語、蒙古語、摩洛哥阿拉伯語、挪威語(博克馬爾語)、波斯語、波蘭語、葡萄牙語(安哥拉) , 葡萄牙語(巴西), 葡萄牙語(葡萄牙), 羅馬尼亞語, 俄語, 薩拉基語, 塞爾維亞語, 信德語, 斯洛伐克語, 斯洛文尼亞語, 南阿塞拜疆語, 西班牙語(阿根廷), 西班牙語(哥倫比亞), 西班牙語(哥斯達黎加), 西班牙語(多米尼加共和國),西班牙語(厄瓜多爾)、西班牙語(危地馬拉)、西班牙語(智利)、西班牙語(墨西哥)、西班牙語(秘魯)、西班牙語(波多黎各)、西班牙語(西班牙)、西班牙語(烏拉圭)、西班牙語(委內瑞拉)、瑞典語、泰語(泰國)、土耳其語、烏克蘭語、越南語

包括 83 種語言翻譯

立即開始無風險試用。無需信用卡。

Citadela Pro 塊

使用更多 WordPress 塊擴展您的古騰堡編輯器

 具有許多視覺和響應選項的各種塊

如今,在 WordPress 塊編輯器中設計網站是在 WordPress 中製作網站的標準方法。古騰堡編輯器通用且易於學習。

Citadela Pro 插件使用新的獨特塊擴展了標準 WordPress 編輯器。 Citadela Pro 是定制的,可與 Citadela WordPress 主題完美配合。

什麼是 Citadela Pro 塊?

Citadela Pro 塊是 WordPress 網站的構建單元。它們允許您向網站添加文本、圖像、多媒體內容、表格等。每個塊都是可編輯的。您可以在塊本身的左上角找到基本塊設置,並在檢查器中找到高級設置。塊檢查器位於 wp-admin 的右側菜單中。只需選擇您要編輯的塊即可查看可用選項。


檢查 WordPress 塊

WordPress 塊管理

WordPress 核心塊

WordPress 核心塊

WordPress 附帶了一組原始的塊,您可以使用它們構建一個像樣的網站。它們分為以下部分:

  • 文本塊
    (段落、標題、列表、引用、代碼、經典、預格式化、引文、表格、詩句)
  • 媒體塊
    (圖像、圖庫、音頻、封面、文件、媒體和文本、視頻)
  • 設計塊
    (按鈕、列、組、更多、分頁符、分隔符、間隔符)
  • 小部件塊
    (短代碼、檔案、日曆、類別、自定義 HTML、最新評論、最新帖子、RSS、搜索、社交圖標、標籤雲)
  • 嵌入塊
    (嵌入、Twitter、Youtube、Facebook、Instagram、WordPress、SoundCloud、Spotify、Flickr、Vimeo 等)

如何在 WordPress 頁面中添加區塊?

在頁面上或博客文章中添加和重新排序塊很簡單:單擊頁面左上角的加號按鈕。然後在顯示的塊列表中找到您需要的塊。您還可以使用搜索行搜索塊。

如何重新排序 WordPress 塊?單擊要移動的塊,然後使用塊菜單中顯示的箭頭向上或向下移動塊。

如何在 WordPress 中向頁面添加塊以及如何對其重新排序

添加塊的 WordPress 插件

儘管原始 WordPress 塊的列表相當長,但其中缺少一些基本功能。當您發現自己無法按照您需要的方式執行某些操作或設計某些內容時,是時候尋找一個 WordPress 插件來通過添加更多塊來擴展您的塊編輯器了。

CITADELA PRO 積木

如果您想向 WordPress 塊編輯器添加獨特的塊,請使用 Citadela Pro 插件。它將幫助您建立一個更好、更優秀的網站,因為它包含設計和功能更改塊。它適用於各種網站,例如企業、專業人士或博客。我們的開發人員不斷致力於添加更多塊並改進現有塊的功能。它們將通過更新提供,因此在激活 Citadela Pro 插件後不要忘記啟用自動更新以保持最新狀態。

立即開始無風險試用。無需信用卡。

主要優點

Citadela Pro 塊

Citadela Pro 是一個最先進的插件,我們不斷致力於反映特定企業網站的需求。它基於我們的開發人員和網頁設計師團隊 12 年的網頁創建經驗。因此,主要優點包括:

  • 使用更多古騰堡 WordPress 塊擴展 WP 編輯器
  • 與 WordPress 5.2 及以上版本構建的所有 WordPress 主題高度兼容
  • 定期添加新塊
  • 基於最新趨勢和特定業務需求
  • 編碼良好,使用標準 WordPress 代碼和最佳實踐
  • 響應式 WordPress 塊
  • 無需第 3 方頁面構建器

WordPress 古騰堡和 Citadela WordPress 他們e 是構建快速而優雅的網站的正確組合。

WordPress 塊 包含在 Citadela Pro 插件中

Citadela Blocks 插件中包含 WordPress 塊

Citadela Pro插件為您提供以下定制塊:

立即開始無風險試用。無需信用卡。

集群 WordPress 塊

簇塊

任何網站上的重要設計和功能元素:集群或塊。您可以將多個塊添加到簇塊中並設置對齊方式和背景。這個獨特的容器非常適合塊分組。

Cluster 塊的對齊選項:
  • 內容大小
  • 寬幅尺寸
  • 全角尺寸
Cluster block的更多設置

在 WordPress 網站上對塊進行分組後,您可以設置它們的背景顏色甚至背景圖像。此外,您可以定義邊框、陰影、特定高度和寬度。您可以填寫“附加 CSS 類”部分(適合高級用戶)等。

當圖像設置為背景時,響應式選項可用。它可以幫助您以更好的方式為移動設備設計網站。您有多個可用參數。此外,您還可以為移動設備選擇較小的圖像尺寸並加快上傳時間。通過塊工具欄更改移動分辨率的圖像。

開放時間塊

這個特定的 WordPress 塊將使您的網站構建更快、更容易。在您喜歡的任何頁面上添加 WordPress 開放時間塊並填寫特定的時間段。在右側的塊設置中,有一個選項可以隱藏檢查器中的空閒時間和各種顏色設置。便利。

開放時間塊不附帶標題,因此不要忘記使用常規標題或段落塊添加一個。這樣,您也可以使用開放時間塊來了解呼叫中心的可用性或支持時間。

開放時間塊
自定義頁面標題塊

自定義頁面標題塊

您可以在網頁上的任何位置使用的頁面標題和副標題塊。自定義頁面標題塊背後的想法是增加頁面佈局的多樣性。一個簡單的選項(例如將標題和副標題移至頁面下方)將允許您通過頂部的圖像或地圖來點亮您的網站。

自定義頁面標題包括基本對齊設置(左對齊、居中對齊、右對齊)、粗體和斜體字體樣式以及用於輸入副標題的空間。標題本身將自動從實際頁面標題複製,因此如果您想更改它,請轉到那裡。然後在頁面設置中隱藏頁面標題,就完成了。

如果您想將訪問者帶到任何其他頁面或網站,還可以選擇添加超鏈接。

價格表 WordPress 塊

使用價格表塊顯示價格、特別優惠和特色商品。這個真正獨特的 Citadela WordPress 塊專為您以不容忽視的方式展示交易而設計。帶有圖像的組價表塊使用 Cluster 塊獲得更好的結果。

價格表塊特點:
  • 多個文本條目:
    標題、副標題、價格、產品描述行
  • 特色項目標記
  • 折扣價格字段,用於並排顯示新舊價格
  • CTA 按鈕(立即購買)
價格表塊的自定義設置
  • 無限顏色選擇器:
    標題背景、標題文本、按鈕背景、按鈕文本
  • 按鈕設置:
    圓形和傾斜按鈕邊緣之間的平滑切換,在新選項卡選項中打開鏈接
服務區

服務區

特殊塊可讓您創建所提供服務的概述。服務塊包括圖標、標題、副標題和描述,您可以將其鏈接到您選擇的子頁面。

您可以使用使用集群塊分組的多個服務塊,不僅可以列出您的服務。它們也非常適合您的任何產品演示頁面!

使用分組服務塊,您可以創建訂閱包的概述或安排網站上的任何內容(例如列出產品的優點)。

響應式間隔塊

通風的網頁設計可以提高內容的可讀性,並鼓勵網絡訪問者在您的網站上停留更長時間。但是,在頁面元素之間添加固定空格會破壞網站的移動版本。因此,我們創建了一個響應式間隔器,作為添加到 Citadela Pro 插件中的首批塊之一。

設置很簡單。選擇單位和高度。響應式間隔塊的高度單位為:

px、大眾、vh、雷姆、em、%

響應式設計還有一個附加選項。

選擇此設置可修改移動分辨率的塊參數。定義斷點大小、高度單位和間隔高度。

響應式間隔塊
響應式文本塊

響應式文本塊

您網站上的版式應該簡單明了。建議使用 1 或 2 種字體。但是,如果您需要使用額外的字體和样式來為頁面增添趣味怎麼辦?響應式文本塊將允許您做到這一點。將具有不同字體的文本添加到您的 WordPress 網站。

設置允許您選擇:
  • 任何 Google 字體
  • 文本的 HTML 標記
  • 字體大小
  • 線高
  • 字母間距
  • 文字顏色
  • 背景色
以不同的方式在設備上自定義精美的文本區域

使用響應式選項分別設置桌面和移動設備的基本參數。您可以控制移動寬度斷點大小。您可以調節文本對齊方式、字體大小單位、字體大小和行高。響應式排版塊可幫助您輕鬆使用排版。創建引人注目的演示文稿。

此塊可在標準頁面、帖子甚至特殊頁面以及 Citadela 目錄插件上使用。

立即開始無風險試用。無需信用卡。