[WordPress] 外掛分享： Advanced Bootstrap Blocks

WordPress 外掛 Advanced Bootstrap Blocks 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Advanced Bootstrap Blocks」是 2019-06-01 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2022-03-13，距離現在已有 1147 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 5.2 以上版本才可以安裝。
  • 有 13 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！

外掛協作開發者

helpfuldev |

外掛標籤

grid | layout | bootstrap | responsive | page builder |

內容簡介

這個外掛可以為 WordPress 的編輯器新增靈活的 Bootstrap 4 區塊，讓您可以使用 Bootstrap 樣式網格來建立自訂頁面版型。

您正在使用 Advanced Bootstrap Blocks 嗎？請撰寫評論！

區塊

Advanced Bootstrap Blocks 為 WordPress 編輯器新增了以下 Bootstrap 4 區塊:

容器 (固定寬度或流動式，具有背景圖像設定)
列
欄
按鈕及按鈕群組
帶有標題、主體與頁腳的卡片
Jumbotron

區塊範本

您是否需要建立 WordPress 頁面和文章的標準區塊版型？WordPress 編輯器允許您在佈景主題中定義自訂區塊範本。

以下範例可能可以幫您開始。前往WordPress 區塊編輯器手冊以了解更多關於增強 WordPress 主題的區塊範本的資訊。

if(in_array('advanced-bootstrap-blocks/advanced-bootstrap-blocks.php', apply_filters('active_plugins', get_option('active_plugins')))){
// 這裡的內容僅在 Advanced Bootstrap Blocks 外掛啟用時顯示
add_action( 'init', 'advancedbootstrapblocks_register_page_template' );
function advancedbootstrapblocks_register_page_template() {
$post_type_object = get_post_type_object( 'page' );
$isFluid = get_theme_mod( 'understrap_container_type' ) === 'container-fluid';
$post_type_object->template = [
[ 'advanced-bootstrap-blocks/container',
['className'=>'py-5', 'isWrapped' => $isFluid, 'isFluid' => false ],
[
[ 'advanced-bootstrap-blocks/row',
[],
[
[ 'advanced-bootstrap-blocks/column',
['className'=>'col-md-8 offset-md-2 text-center'],
[
['core/heading',
[ 'className' => 'display-4', 'level' => 1, 'placeholder' => 'Hello, World!', ],
[]
],
[ 'core/paragraph',
['className' => 'lead', 'placeholder' => 'Lorem ipsum dolor sit amet.', ],
[]
],
]
]
]
]
]
],
];
}
}

原文外掛簡介

This plugin adds flexible Bootstrap 4 blocks to the WordPress editor for creating custom page layouts with the Bootstrap grid.
Are you using Advanced Bootstrap Blocks? Write a review!
Blocks
Advanced Bootstrap Blocks adds the following Bootstrap 4 blocks to the WordPress editor:

Container (fixed-width or fluid, with background image settings)
Row
Column
Button and Button Group
Card with Header, Body, Footer
Jumbotron

Block Templates
Do you need to create standard block layouts for WordPress pages and posts? The WordPress editor lets you define custom block templates inside your theme.
The example below may get you started. Visit the WordpPress Block Editor Handbook to learn more about supercharging your WordPress themes with blocks templates.
template = [
[ 'advanced-bootstrap-blocks/container',
['className'=>'py-5', 'isWrapped' => $isFluid, 'isFluid' => false ],
[
[ 'advanced-bootstrap-blocks/row',
[],
[
[ 'advanced-bootstrap-blocks/column',
['className'=>'col-md-8 offset-md-2 text-center'],
[
['core/heading',
[ 'className' => 'display-4', 'level' => 1, 'placeholder' => 'Hello, World!', ],
[]
],
[ 'core/paragraph',
['className' => 'lead', 'placeholder' => 'Lorem ipsum dolor sit amet.', ],
[]
],
]
]
]
]
]
],
];
}
}

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advanced Bootstrap Blocks」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.3 | 1.4 | 1.5 | 1.6 | 1.7 | 1.2.6 | 1.1.10 | 1.3-beta |

延伸相關外掛（你可能也想知道）

  • Elementor Website Builder – More Than Just a Page Builder 》, 全球超過 1000 萬個網站的領先網站建立平台, Elementor 是專為 WordPress 設計的領先網站建立平台，使網站製作者能夠使用直覺式的視覺建立工具建立專業、像...。
  • Website Builder by SeedProd — Theme Builder, Landing Page Builder, Coming Soon Page, Maintenance Mode 》SeedProd - 拖放式 WordPress 網站建構器，建立即將推出網頁、維護模式、登入頁面、銷售頁面和感謝頁面的最佳工具。, SeedProd 於 2011 年首次推出，可建立即...。
  • Page Builder by SiteOrigin 》SiteOrigin Page Builder 是一個強大的內容創建介面，即刻識別，完全不同凡響。SiteOrigin Page Builder 讓您輕鬆使用您所熟悉和喜愛的小工具創建具有響應式...。
  • Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛，它附加自訂區塊和選項，擴展了 Gutenberg 編輯功能，使您能夠輕鬆創建美麗的網站，而不需要任何程式編寫。Kadence Bl...。
  • Page Builder Gutenberg Blocks – CoBlocks 》, 注意：對於已受 CoBlocks 3.0.0 版本影響的使用者，請查看我們在 WordPress.org 支援論壇文章，如果您需要支援，請建立新的主題帖。, , CoBlocks 是新版 Gu...。
  • Page Builder: Pagelayer – Drag and Drop website builder 》. Pagelayer是一個WordPress網站建構工具，為您提供最佳的設計體驗和快速效能，不論您是初學者或專業人士都能愛上它。, Pagelayer是一款很棒的網頁建構工具，...。
  • Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛，可為 WordPress Block Editor（又稱 Gutenberg）添加額外功能，讓您享受更好的頁面建構體驗，而無需使用傳統的...。
  • Unyson 》, 您覺得這款外掛有幫助嗎？請考慮給它一個五星評價。, , Unyson - 一個免費的拖放框架，附帶許多內建的擴充功能，可以協助您輕鬆快速地開發高級主題。, 贊助...。
  • GenerateBlocks 》將不同的功能整合至編輯器，但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks，您只需深入學習少量的方塊，即可用於創建任何內容。, Genera...。
  • Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。
  • Make Column Clickable Elementor 》簡單：允許用戶點擊整個列而非單個元素。, 當您在其中添加鏈接時，用戶將能夠點擊整個列。, 如何使用, 安裝插件後，在Elementor編輯器中打開，開始編輯列，並...。
  • Kubio AI Page Builder 》, , Kubio 是一個創新的基於區塊的 WordPress 網站建立工具，它以全新的區塊來擴充編輯器功能並提供使用者無限的樣式選項。透過先進的編輯功能，Kubio 使用者...。
  • Elementor Custom Skin 》此外掛程式可向 Elementor 頁面建構器的文章和文章總覽 widget 添加新的佈景主題。, 您可以像單個模板一樣設計循環項目，並將其用作佈景主題，以便您可以按照...。
  • Colibri Page Builder 》Colibri Page Builder 為 ColibriWP 佈景主題新增拖放式頁面建立功能。, 授權, 除非另有指定，所有佈景主題檔案和腳本皆採用 GNU 通用公眾授權證 (GNU Genera...。
  • Beaver Builder – WordPress Page Builder 》什麼是 Beaver Builder 頁面生成器？, Beaver Builder 是一個靈活的拖放式頁面生成器，可在 WordPress 網站的前端進行操作。無論您是初學者還是專業人士，都...。

文章
Filter
Apply Filters
Close
Mastodon