[WordPress] 外掛分享： Fundamento

前言介紹

  • 這款 WordPress 外掛「Fundamento」是 2022-03-27 上架。
  • 目前有 90 個安裝啟用數。
  • 上一次更新是 2024-10-28，距離現在已有 188 天。
  • 外掛最低要求 WordPress 5.2 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 2 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

w3dev | torchsmith |

外掛標籤

skin | globals | template | elementor |

內容簡介

你是否曾經希望修改 Elementor 在您的網站上呈現其小工具的方式？

Fundamento 提供了一種更簡單的方式，讓您可以將額外的 CSS 類注入到 Elementor 的小工具中。

使用方法

藉由在您的 functions.php 文件中使用以下代碼，告訴 Elementor 您有一個新的外觀可用：

新增一個應用程式以初始化 Fundamento，然後添加一個對 Fundamento 的 register_skin() 函數的調用：

if(is_plugin_active('fundamento/fundamento.php')) {
function fundamento_init() {
// 創建新的 Fundamento 實例
$f = \Fundamento\Plugin::instance();

// 註冊新的外觀
$f->register_skin([
'name' => 'Red', // 您的新外觀名稱，它將出現在 Elementor 中
'element' => 'button', // 您要套用皮膚的元素
'is_default' => true, // 選填 - 是否將此外觀作為預設設置在所有此類元素上
'css' => get_stylesheet_directory_uri() . '/skins/button/red.css', // 選填 - 讓 Fundamento 加入額外的 css 檔案
'js' => get_stylesheet_directory_uri() . '/skins/button/red.js', // 選填 - 讓 Fundamento 加入額外的 js 檔案
]);
}
add_action('elementor/init', 'fundamento_init');
}

在您的 CSS 檔案中新增選擇器：

/* 類別始終是 .skin-{element}-{name} */
/* 名稱轉換為小寫，空格則改為 "-" */
.skin-button-red {
background: #f00;
}

藉由在您的 functions.php 文件中使用以下代碼，告訴 Elementor 您有一個新的內邊距預設：

新增一個應用程式以初始化 Fundamento，然後添加一個對 Fundamento 的 register_padding() 函數的調用：

if(is_plugin_active('fundamento/fundamento.php')) {
function fundamento_init() {
// 創建新的 Fundamento 實例
$f = \Fundamento\Plugin::instance();

// 註冊新的外觀
$f->register_padding([
'name' => 'Standard', // 您的內邊距預設名稱，它將出現在 Elementor 中
'element' => 'section', // 您要套用內邊距預設的元素
'padding' => '30px', // 此預設應套用的內邊距值和單位
'is_default' => true, // 選填 - 是否將此內邊距預設作為預設設置在所有此類元素上
]);
}
add_action('elementor/init', 'fundamento_init');
}

原文外掛簡介

Have you ever wanted to alter the way Elementor renders one of its widgets on your website?
Fundamento provides an easier way to achieve this by allowing you to inject extra CSS classes into Elementor’s widgets.
Usage
Tell Elementor that you have a new skin available by utilizing the following code in your functions.php file:

Add an action to initialize Fundamento, then add a call to Fundamento’s register_skin() function:
if(is_plugin_active('fundamento/fundamento.php')) {
function fundamento_init() {
// create a new Fundamento instance
$f = \Fundamento\Plugin::instance();

// register a new skin
$f->register_skin([
'name' => 'Red', // The name of your new skin, as it will appear in Elementor
'element' => 'button', // The elementor element you are skinning
'is_default' => true, // optional - should this skin be set by default on all elements of this type
'css' => get_stylesheet_directory_uri() . '/skins/button/red.css', // optional - have Fundamento enqueue an extra css file
'js' => get_stylesheet_directory_uri() . '/skins/button/red.js', // optional - have Fundamento enqueue an extra js file
]);
}
add_action('elementor/init', 'fundamento_init');
}

Add the selector to your css file:
/* Class will always be .skin-{element}-{name} */
/* Name is transformed to lowercase and spaces are replaced with "-" */
.skin-button-red {
background: #f00;
}

Tell Elementor that you have a new padding preset by utilizing the following code in your functions.php file:

Add an action to initialize Fundamento, then add a call to Fundamento’s register_padding() function:
if(is_plugin_active('fundamento/fundamento.php')) {
function fundamento_init() {
// create a new Fundamento instance
$f = \Fundamento\Plugin::instance();

// register a new skin
$f->register_padding([
'name' => 'Standard', // The name of your padding preset, as it will appear in Elementor
'element' => 'section', // The elementor element you are skinning
'padding' => '30px', // The value and unit of the amount of padding this preset should apply
'is_default' => true, // optional - should this skin be set by default on all elements of this type
]);
}
add_action('elementor/init', 'fundamento_init');
}

各版本下載點

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

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

1.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 |

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

文章
Filter
Apply Filters
Close
Mastodon