getolympus/olympus-dionysos-field-link

链接字段,该组件是Olympus Dionysos字段的一部分。

安装: 206

依赖: 2

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

公开问题: 0

语言:JavaScript

类型:olympus-field

v0.0.22 2020-05-03 00:43 UTC

README

狄俄尼索斯链接字段

Olympus Component CodeFactor Grade Packagist Version MIT

此组件是用于WordPress的 Olympus Dionysos字段 的一部分。它使用默认的 wpLink WordPress JavaScript包来管理字段。

composer require getolympus/olympus-dionysos-field-link

目录

字段初始化变量定义文本定义检索数据发布历史贡献

字段初始化

使用以下行将 链接字段 添加到您的 WordPress 管理页面或自定义文章类型元字段中

return \GetOlympus\Dionysos\Field\Link::build('my_link_field_id', [
    'title'       => 'Never gonna give you up!',
    'default'     => [
        [
            'url'    => 'https://www.youtube.com/watch?v=oVTPg9iicy4',
            'label'  => 'Never gonna get you down!',
            'target' => '_blank',
        ],
    ],
    'description' => 'You\'ve been Rick rolled!',
    'multiple'    => false,

    /**
     * Texts definition
     * @see the `Texts definition` section below
     */
    't_addblock_title'        => 'Click on the edit button',
    't_addblock_description'  => 'Click on the "+" button to add your link.',
    't_addblocks_description' => 'Click on the "+" button to add a link item.',
    't_addblock_label'        => 'Add',
    't_editblock_label'       => 'Edit',
    't_removeblock_label'     => 'Remove',
]);

变量定义

注意

  • multiple 设置为 true 以启用“添加链接”按钮

文本定义

检索数据

使用简单的 get_option('my_link_field_id', []) 从数据库中检索您的值(参见 WordPress参考)。
以下是一个 json_encode() 示例,说明数据如何存储在数据库中

{
  "1": {
    "url": "https://www.google.com",
    "label": "Google.com",
    "target": "_self"
  },
  "2": {
    "url": "https://www.yahoo.com",
    "label": "Yahoo.com",
    "target": "_blank"
  }
}

以下是一个简单的示例,说明如何在 PHP 中迭代数据数组

// Get links from Database
$links = get_option('my_link_field_id', []);

// Check if links are empty
if (!empty($links)) {
    // Build HTML list
    echo '<ul>';

    foreach ($links as $link) {
        // Build HTML items
        echo '<li>';
        echo '<a href="'.$link['url'].'" target="'.$link['target'].'" title="'.esc_html($link['label']).'">';
        echo $link['label'];
        echo '</a>';
        echo '</li>';
    }

    echo '</ul>';
}

发布历史

贡献

  1. 将其分支(https://github.com/GetOlympus/olympus-dionysos-field-link/fork
  2. 创建您的功能分支(git checkout -b feature/fooBar
  3. 提交您的更改(git commit -am 'Add some fooBar'
  4. 将更改推送到分支(git push origin feature/fooBar
  5. 创建新的拉取请求

Achraf Chouk 用爱打造 ~ (c) 已有很长时间。