[WordPress] 外掛分享: Organic Profile Block

WordPress 外掛 Organic Profile Block 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Organic Profile Block」是 2018-01-12 上架。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2021-07-08,距離現在已有 1396 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 有 4 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

organicthemes | itsdavidmorgan |

外掛標籤

block | blocks | profile | gutenberg | custom block |

內容簡介

Organic Profile Block 是一個設計用於 WordPress 5 區塊編輯器和 Gutenberg 外掛的客製化區塊,旨在展示個人資訊。它包括添加個人圖片、姓名、職稱、個人簡介和社交媒體連結的選項。社交媒體選項包括連接至 Facebook、Twitter、Instagram、LinkedIn 和電子郵件的個人資訊圖示連結。此區塊可用於在文章、員工頁面和推薦文章上創建作者資訊。

此外,此外掛對於新手 WordPress 區塊開發者是相當有參考的。由於 WordPress 區塊是使用 Javascript 開發的,對於熟悉 PHP、HTML 和 CSS 的 WordPress 開發者來說,創建區塊可能是一件令人生畏的事情。因此,我們使用 Javascript ES5 語言開發 Profile Block,它不需要編譯器就可以編輯。想要了解更多信息,請參閱我們的 "How To Create A Custom Block" 文章。

Premium 版本的 Profile Block 包括在 Organic Blocks Bundle 外掛中。這個 package 包括了 12 個 Gutenberg 編輯器的外掛。Premium Profile Block 可以顯示無限的社交媒體連結,並且有更多選項來修改個人圖片的大小、顏色和樣式。

以下區塊只有在升級至 Premium 版本才可使用:

- Content Slideshow Block:可以自定義播放任何文章的幻燈片 範例
- Posts Block:可以在可定制的佈局中顯示所有文章的集合,適用於網誌和特色新聞區域 範例
- Portfolio Block:可以在磚塊風格的作品集佈局中展示任何文章類型 範例
- Premium Profile Block:可以展示與社交媒體連結相關的個人資訊,適用於展示團隊成員和作者簡介 範例
- Testimonials Block:可以自定義的幻燈片展示客戶和客戶的推薦 範例
- Pages Block:可以在自定義的特色頁面中展示內容 範例
- Header Block:可以在自定義的佈局中創建網站標頭,包括標誌,網站標題和自定義菜單 範例
- Footer Block:可以自定義您網站的頁腳,包括版權信息,法律鏈接,社交媒體圖示等 範例
- Widget Area Block:可以自定義區域圖塊 範例

原文外掛簡介

The Organic Profile Block is designed to work with the WordPress 5 block editor and Gutenberg plugin. This custom block is designed to display personal profiles. It includes options to add a profile image, name, title, biography, and social media links. The social media options include icon links to personal profiles for Facebook, Twitter, Instagram, LinkedIn, and email. The profile block is an excellent solution for creating author profiles on posts, staff or employee pages, and testimonials.
Additionally, this plugin is a great reference for budding WordPress block developers. Since WordPress blocks are developed in Javascript, creating a block can be intimidating for WordPress developers more familiar with PHP, HTML, and CSS. That’s why we developed the Profile Block using the Javascript ES5 language, which does not require the use of a compiler to edit the code. For more information, please refer to our How To Create A Custom Block article.
A premium version of the block is included in the Organic Blocks Bundle plugin. The bundle includes 12 premium blocks for the Gutenberg editor. The premium Profile Block can display unlimited social media links, and features several more options for modifying the profile image size, colors, and style.
Premium Blocks
The following blocks are only available by upgrading to the Premium Version:

Content Slideshow Block View Example – Display any posts type within a customizable slideshow.
Posts Block View Example – Display a collection of posts from any post type in a customizable layout — perfect for blogs and featured news sections.
Portfolio Block View Example – Showcase any post type in a masonry style portfolio layout.
Premium Profile Block View Example – Showcase personal profiles with social media links — perfect for displaying team members and author profiles.
Testimonials Block View Example – Display customer and client testimonials in a customizable slideshow.
Pages Block View Example – Display a customizable section of featured pages.
Header Block View Example – Create headers for your website displaying your logo, site title, and custom menus in a customizable layout.
Footer Block View Example – Create a custom footer for your website displaying copyright information, legal links, social media icons, and more.
Widget Area Block View Example – A unique block for registering widget areas on any page or post of your website.
Toggle Block View Example – A custom block for toggling the display of content — perfect for documentation and FAQ pages.
Modal Block View Example – Create content within a customizable popup box that can be viewed by clicking on a link.
Alert Block View Example – Notify your website visitors of important information using the Alert Block.

Contribute:
This plugin is open source software, and you may actively contribute on Github.
Installation & Setup
Note: This plugin requires the WordPress 5 block editor or the Gutenberg plugin active.

Upload ‘organic-profile-block’ to the ‘/wp-content/plugins/’ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Within a post or page, select the ‘+’ symbol to add a new block.
From the ‘Blocks’ tab, select the ‘Profile’ block.
Add your profile image and content to the block.
Within the ‘Block’ section on the right, add your social media links.

各版本下載點

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

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


1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 1.0.0 | 1.0.1 | 1.1.1 | 1.3.1 | 1.3.2 | 1.4.1 | 1.5.1 | 1.5.2 | trunk |

延伸相關外掛(你可能也想知道)

  • Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式,可還原之前(也就是「經典」)的 WordPress 編輯器和「編輯文章」畫面,使使用者可以使用延伸這個畫...。
  • Advanced Editor Tools 》高級編輯工具(以前稱為 TinyMCE Advanced)引入了一個「經典段落」區塊,供區塊編輯器(Gutenberg)使用。, 如果您還沒有準備好切換到區塊編輯器,或者有插...。
  • Classic Widgets 》Classic Widgets 是由 WordPress 團隊維護的官方外掛,能夠恢復先前(即「經典」)的 WordPress widgets 設定畫面。該外掛將於 2024 年或必要時保持支援和維...。
  • Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板,支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛,只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
  • Spectra Gutenberg Blocks – Website Builder for the Block Editor 》a.com/tutorials/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Spectra tutorials, you can easily learn how to ...。
  • Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器),並以經典編輯器取代它。你可以完全禁用 Gutenberg,或從文章、頁面、角色、文章類型和主題模板中有...。
  • Gutenberg Blocks with AI by Kadence WP – Page Builder Features 》Kadence Blocks 是一個 WordPress 外掛,它附加自訂區塊和選項,擴展了 Gutenberg 編輯功能,使您能夠輕鬆創建美麗的網站,而不需要任何程式編寫。Kadence Bl...。
  • Extendify 》Extendify 是一個網站設計和製作工具平台,提供豐富的圖案和全頁面佈局,可用於 Gutenberg 區塊編輯器,幫助人們建立美麗的 WordPress 網站。, 使用 Extendif...。
  • Page Builder Gutenberg Blocks – CoBlocks 》, 注意:對於已受 CoBlocks 3.0.0 版本影響的使用者,請查看我們在 WordPress.org 支援論壇文章,如果您需要支援,請建立新的主題帖。, , CoBlocks 是新版 Gu...。
  • Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE 》Otter 是一款 Gutenberg Blocks 頁面建構外掛,可為 WordPress Block Editor(又稱 Gutenberg)添加額外功能,讓您享受更好的頁面建構體驗,而無需使用傳統的...。
  • AI Powered Starter Templates by Kadence WP 》用三個滑鼠點擊建立一個美觀的「效能優化」網站, 在幾分鐘內創建和自定義專業設計的網站。, Kadence Starter Templates 為您提供使用 WordPress 區塊構建器的...。
  • GenerateBlocks 》將不同的功能整合至編輯器,但並不會因為過多的一維方塊造成內容過於臃腫。使用 GenerateBlocks,您只需深入學習少量的方塊,即可用於創建任何內容。, Genera...。
  • VK Blocks 》這是一個擴充 Gutenberg 模塊的外掛。, [ 模塊 ], , 成員, 外框, 警示, 常問問題, 氣球, 流, 按鈕, 公關模塊, 公關內容, 邊框盒, 標題(帶副標題), 響應間距...。
  • Stackable – Page Builder Gutenberg Blocks 》終極與古鐸版衣搭檔, Stackable 是您一直在等待的終極可靠古鐸版衣搭檔。使用堅強、輕便的自訂區塊、現成設計、UI套件、全域設定和高級自訂選項建立動態網站...。
  • Kubio AI Page Builder 》, , Kubio 是一個創新的基於區塊的 WordPress 網站建立工具,它以全新的區塊來擴充編輯器功能並提供使用者無限的樣式選項。透過先進的編輯功能,Kubio 使用者...。

文章
Filter
Apply Filters
Mastodon