[WordPress] 外掛分享： ACF Page Builder Field

WordPress 外掛 ACF Page Builder Field 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「ACF Page Builder Field」是 2016-04-11 上架。
  • 目前有 300 個安裝啟用數。
  • 上一次更新是 2017-05-10，距離現在已有 3214 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 有 7 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

pekz0r | moelleer | lindstromer | angrycreative | viktorfroberg |

外掛標籤

acf | page builder | flexible fields | flexible-content | site origin page builder |

內容簡介

這個外掛會在 Advanced Custom Fields 中加入頁面建立器欄位類型。
該欄位的使用方式與其他所有 ACF 欄位類型相同，您可以自由地使用。 get_field() 會返回生成的 HTML，CSS 則會輸出在頁尾。我們通常與 ACF 的可彈性內容佈局一起使用，以便於您在 ACF 區塊中建立複雜的佈局，從而使 ACF 的可彈性內容變得更加彈性！

為編輯人員、設計師和開發人員打造一個卓越的 CMS 經驗是非常困難的。他們對於卓越的 CMS 包含什麼、它應該如何運作方面具有非常不同的要求和想法。如何為編輯人員提供他們所需的編輯所有內容的工具、給予設計師他們想要的設計自由度、以及為開發人員提供易於實現和維護卓越網站的工具？
我們認為，我們已經找到了一個非常好的平衡點，以實現編輯人員和設計師自由度的平衡，並使開發人員容易實現並維護完美的網站。

編輯人員

編輯人員可以輕鬆編輯所有內容，並保持網站的良好外觀。編輯人員擁有足夠的自由度來能夠表達自己，但同時具有足夠的結構來防止他們變得狂野，破壞頁面的版面和設計。

設計師

設計師可以發揮創造力，擁有他們所需的設計自由度，而不會使開發人員的工作變得困難。

開發人員

開發人員具有創建方塊/模塊以彼此配合的工具。

需要條件

高級自定義字段 5+ (ACF 4 不支援)
SiteOrigin 標準頁面建立器 2.5 或更新版本
PHP 5.3+

主題整合

我們建議您與 ACF 的可彈性內容一起使用，以建立美麗的登陸頁面。
以下是使用 ACF 可彈性內容的範本示例：

if( have_rows('flexible_content_field_name') ) :

while ( have_rows('flexible_content_field_name') ) : the_row();

switch( get_row_layout() ) {

case 'page_builder_layout':

if( get_sub_field( 'page_builder_field' ) ) {
echo get_sub_field( 'page_builder_field' );
}

break;
case 'other_layout':

the_sub_field('field1');
the_sub_field('field2');

break;
}

endwhile;

endif;

有關更多信息，請閱讀 advancedcustomfields.com 上的可彈性內容。

我們始終建議您在 WordPress、高級自定義字段和 SiteOrigin 頁面建立器的最新版本中使用此外掛以獲得最佳相容性。

已知的問題和限制

在 Widget 區域使用 ACF 標準頁面建立器欄位。我們打算在下一個版本中修正此問題。
不支援在 ACF 選項頁面上使用。我們打算在下一個版本中修正此問題。
如果在 ACF 頁面建立器欄位之前呈現 ACF 標準文章內容 the_content() 的話，可能會導致頁面建立器內容出現問題。這是由於頁面建立器的工作方式造成的，我們無法以好的方式修復此問題。我們建議使用 ACF 頁面建立器欄位；以解決掉 WP-Admin 中 ACF 網頁中的標準文章內容後全面移除其內容。

原文外掛簡介

This plugin will add a page builder field type in Advanced custom fields.
The field works just like any other ACF field type and you can use it however you want. get_field() returns the generated HTML and the CSS is outputed in the footer. We are using it together with ACFs flexible content layouts where you want to build more advanced layouts inside the ACF sections. This makes the content in ACFs flexible content truly flexible!
Building a great CMS-experience for editors, designers and developers is really hard. They all have very different requirements and ideas about that a great CMS consists of and how it should work. How do you give the editors the tools they need to edit all the content, the designer the freedom they want about how things should look, and empower the developer with tools to provide this easily and efficently?
We think we have found a sweet spot when ut comes to the balance between freedom for for editors and designers and ease for developers to implement and maintain a beatifull site.
The editor
The editor can easily edit all the content and maintain a good look and feel of the website. The editor has the right amunt of freedom to be able to express themselfts, but enough structure to prevent them from going wild and ruin the page layout and design.
The designer
The designer can be creative and has the freedom they need express themselfs without making the life for the developers hard.
The developer
The developer have the tools to easily create blocks/modules that fits good together.
Requirements

Advanced Custom Fields 5+ (ACF 4 is not supported)
Page Builder by SiteOrigin 2.5 or newer
PHP 5.3+

Theme integration
We recommend using this plugin together with ACF Flexible Content for building beautiful landing pages.
This is an example of a template using ACF Flexible Content:
if( have_rows('flexible_content_field_name') ) :

while ( have_rows('flexible_content_field_name') ) : the_row();

switch( get_row_layout() ) {

case 'page_builder_layout':

if( get_sub_field( 'page_builder_field' ) ) {
echo get_sub_field( 'page_builder_field' );
}

break;
case 'other_layout':

the_sub_field('field1');
the_sub_field('field2');

break;
}

endwhile;

endif;

For more information, read about flexible content on advancedcustomfields.com.
We also recommend using one of the latest versions of WordPress, Advanced Custom Fields and Page Builder by SiteOrigin at all times for best compatibility.
Known issues and limitations

Use of ACF Page Builder field in widget areas. We aim to fix this in a comming release.
Does not work on ACF Option pages. We aim to fix this in a comming release.
Some issues with Page Builder content in the_content()(normal post content) if an ACF Page Builder field is rendered before the_content(). This is due to the way the page builder works and we can’t fix this in a good way. We recommend using ACF Page Builder fields instead and removing the normal post content completely on ACF-pages in WP-Admin as a workaround.

各版本下載點

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

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

0.1.0 | 1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | trunk | 1.0.0-rc | 1.0.0-rc.2 | 1.0.0-rc.3 |

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

  • Advanced Custom Fields (ACF®) 》Advanced Custom Fields 可以讓 WordPress 網站成為一個完整的內容管理系統，提供您所有工具以更好管理您的數據。, 使用 Advanced Custom Fields 外掛，完全...。
  • Advanced Custom Fields: Font Awesome Field 》在 Advanced Custom Fields 中添加一個< a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome 圖標字段類型。, , 指定要使用哪些 Font Awesome...。
  • Advanced Custom Fields: Extended 》🚀 全方位增強套件，可改進WordPress和Advanced Custom Fields。此外掛旨在提供一個強大的管理框架，涵蓋了眾多改進和優化。, 此外掛需要至少 ACF Pro 5.8。,...。
  • ACF Content Analysis for Yoast SEO 》此外掛確保 Yoast SEO 分析包括所有 ACF 內容，包括彈性內容和重複器。, Yoast SEO for WordPress 內容和 SEO 分析不會考慮一篇文章的Advanced Custom Fields...。
  • ACF Photo Gallery Field 》t; 'Status', , 'name' => 'status', , 'choices' => array(, 'public' => 'Public', , 'private' => ...。
  • Table Field Add-on for ACF and SCF 》表格欄位外掛程式增強了Advanced Custom Fields外掛程式的功能，讓表格編輯更易於使用。, 此外掛程式需要Advanced Custom Fields外掛程式或專業版！, 表格欄...。
  • Really Simple CSV Importer 》替代 CSV 導入外掛程式。簡單而強大，最適合於技術狂熱者。, , 類別支援, 標籤支援, 自訂欄位支援, Smart Custom Fields 支援, Custom Field Suite 支援, Adv...。
  • ACF to REST API 》此 WordPress 外掛在WordPress REST API中提供了Advanced Custom Fields的端點, 詳細資訊請參閱GitHub：https://github.com/airesvsg/acf-to-rest-api/。
  • ACF Quick Edit Fields 》這個 WordPress 外掛為 Advanced Custom Fields Plugin（Pro 和 Free 5+）增加了快速編輯功能。, 特色, , 在清單檢視中顯示 ACF 欄位值, 支援的 ACF 欄位類型...。
  • Advanced Custom Fields: Gravity Forms Add-on 》提供進階自訂欄位 (Advanced Custom Field)，讓 WordPress 編輯使用者或管理員可以在欄位群組配置中選擇 Gravity Form。, 可以在 外掛的 GitHub 存儲庫 中找...。
  • Advanced Custom Fields: Image Aspect Ratio Crop Field 》這是一個進階自訂欄位 (Advanced Custom Fields) 的外掛，會在使用者上傳圖片後強制執行特定的長寬比例或像素大小裁剪。使用長寬比例對於回應式圖片的使用情...。
  • ACF Theme Code for Advanced Custom Fields 》ACF Theme Code 外掛可以自動生成在主題中實現 Advanced Custom Fields 所需的程式碼。以下是該外掛的功能特色：, , - 縮短網站開發時間。, - 當您發布、編輯...。
  • ACF Options For Polylang 》您使用了高級自訂欄位來建立選項頁面，並且安裝了 Polylang 外掛以獲得令人驚嘆的多語言網站嗎？, 可惜的是，Polylang 並不處理 ACF 的選項頁面。這意味著您...。
  • ACF Field For CF7 》此外掛為「Advanced Custom Fields」WordPress 外掛添加一個「Contact Form 7」欄位類型。, 您可以將一個或多個聯絡表單存儲在「Advanced Custom Fields」欄...。
  • WPGraphQL for ACF 》- WPGraphQL for Advanced Custom Fields 是一個免費的開源 WordPress 外掛，將 ACF Fields 和 Field Groups 添加到 WPGraphQL Schema 中。, - 創建 ACF Fiel...。

文章
Filter
Mastodon