子比主题是一款功能强大且美观的WordPress主题，通过插件的扩展，用户可以进一步优化网站的外观和性能。本文将介绍一款名为“美化插件”的子比主题附加组件重构版插件，并演示其使用方法。

 第三方下载渠道：

最新zibll子比主题v7.8绕授权开心版+美化插件+弹窗插件【修复原有bug】-资源吧

插件介绍

该插件由KEKC开发，提供了免费的SEO组件和美化组件，且开源，用户可以免费使用和修改。这款插件包含了核心文件和插件配置选项，为网站管理员提供了便捷的配置和管理方式。

插件基本信息

本文具有以下优势：

• 介绍了图标字体的优势：文章详细阐述了图标字体的优点，如便于缩放、易于样式化、提高页面性能等，让读者了解使用图标字体的好处。

• 提供了如何引入和使用图标字体的步骤：包括如何在网页中引入图标字体库、如何使用特定的图标以及如何通过 CSS 自定义图标样式。

• 示例代码简洁明了：文章提供了清晰的代码示例，展示了如何使用图标字体在网页中插入图标，使读者能够快速实现相应的功能。

• 讲解了常见图标库的使用方法：例如 FontAwesome，帮助读者了解如何选择合适的图标库，并在项目中有效使用。

• 简化了图标管理：通过使用图标字体，文章帮助开发者简化了图标的管理和使用，避免了传统图片图标的复杂性。

• 提供了 SVG 雪碧图的全面介绍：文章详细介绍了 SVG 雪碧图的基本概念、创建方法和应用场景，帮助读者理解如何利用 SVG 雪碧图提高网页性能和可维护性。

• 解释了 SVG 雪碧图的优点：包括减少 HTTP 请求、提高页面加载速度、缩小文件大小以及便于管理和更新图标等。

• 代码示例清晰易懂：提供了实际的代码示例来演示如何创建和使用 SVG 雪碧图，使读者可以轻松跟随并实现类似功能。

• 详细的符号定义和使用：文章详细解释了如何定义 SVG 符号 (<symbol>) 和如何在页面中使用这些符号，便于读者快速掌握符号的创建和调用方法。

• 提高了代码的复用性：通过介绍如何使用 SVG 雪碧图，文章帮助开发者提高了代码的复用性和可维护性，减少了重复代码。

核心功能

引入核心变量

插件通过MJ函数来引入和获取插件的配置选项：

if ( ! function_exists( 'MJ' ) ) {
  function MJ( $option = '', $default = null ) {
    $options = get_option( 'MJ' ); 
    return ( isset( $options[$option] ) ) ? $options[$option] : $default;
  }
}
$mjversion="V-3.8.2";

核心文件

插件包含了一些必要的核心文件，这些文件负责插件的主要功能：

require_once plugin_dir_path(__FILE__) .'inc/options/functions.php';
require_once plugin_dir_path(__FILE__) .'inc/options/core.php';
require_once plugin_dir_path(__FILE__) .'inc/codestar-framework/codestar-framework.php';
require_once plugin_dir_path(__FILE__) .'inc/options/admin-options.php';

插件配置选项

为了便于用户配置插件，添加了一个链接指向插件的设置页面：

add_filter( 'plugin_action_links', 'mj_plugins', 10, 5 );
function mj_plugins( $actions, $plugin_file ) 
{
   static $plugin;
   if (!isset($plugin))
		$plugin = plugin_basename(__FILE__);
   if ($plugin == $plugin_file) {
      $site_link = array('settings' => '<a style="color: green;" href="/wp-admin/admin.php?page=MJ#tab=导航美化/logo滤镜">配置插件</a>');
      $actions = array_merge($site_link, $actions);
   }
   return $actions;
}

• <symbol> 元素：每个 <symbol> 元素都包含一个 SVG 符号，并通过 id 属性指定一个唯一的标识符。例如，第一个符号的 id 是 icon-wenbenkuang-tianchong。

• <symbol> 内容：每个 <symbol> 元素内部定义了具体的图形内容，例如路径 (<path>) 元素，表示图形的具体形状和填充颜色等。

• <viewBox> 属性：每个 <symbol> 元素都设置了 viewBox 属性，定义了坐标系统和视口的大小。例如，viewBox="0 0 1024 1024" 表示这个符号的坐标系统从 (0, 0) 开始，大小为 1024x1024 像素。

• <path> 元素：每个 <path> 元素通过 d 属性定义了图形路径。这个属性包含一系列的命令和参数，指定了路径的形状。

window._iconfont_svg_string_3688910='<svg>
  <symbol id="icon-fabu" viewBox="0 0 1024 1024">
    <path d="M816.39 80.44c16.8-8.11 36.15-10.61 54.51-7.43 16.48 2.81 32.12 10.37 44.55 21.55 19.04 16.82 30.35 42.03 30.07 67.45 0.24 9.06-1.7 17.96-3.56 26.77a2354904.7 2354904.7 0 0 0-129.27 653.1c-3.69 16.9-5.41 34.63-13.67 50.12-8.84 17.33-23.53 31.55-41.05 39.98-24.88 12.06-55.43 11.84-80.03-0.86-8.06-4.04-15.26-9.52-22.98-14.11-22.9-14.44-45.75-28.93-68.64-43.37-13.78-8.56-27.28-17.59-41.25-25.81-34.13 28.59-68.08 57.41-102.12 86.1-5.69 4.68-11.01 9.97-17.66 13.31-11.53 6.16-25.78 7.38-37.99 2.52-17.33-6.64-28.71-24.54-29.53-42.78-0.18-43.65 0.25-87.32-0.26-130.98-0.01-32 0.02-64-0.02-96-0.35-6.66 0.92-13.81 5.72-18.76 53.61-56.4 107.23-112.79 160.87-169.17 20.22-21.45 40.79-42.6 60.82-64.21-9.53 6.66-18.33 14.37-27.56 21.46-90.93 72.1-181.85 144.2-272.78 216.29-7.07 5.77-17.79 6.25-25.38 1.21-42.91-27.1-85.79-54.26-128.71-81.36-5.85-3.78-12.03-7.09-17.46-11.48-13.99-10.94-24.6-26.11-30.11-43-6.48-19.84-5.83-41.93 1.87-61.33 7.37-18.84 21.42-34.88 38.9-44.99 6.14-3.8 13.06-6.03 19.4-9.45C367.53 303.66 591.93 192 816.39 80.44m29.5 35.43c-8.59 1.68-16.08 6.44-23.89 10.13-211.67 105.31-423.36 210.57-635.07 315.8-12.57 6.1-24.82 12.85-37.68 18.34-8.28 3.85-15.38 10.15-20.32 17.82-6.8 10.77-8.97 24.37-5.7 36.7 3.17 12.64 12.01 23.49 23.34 29.78 31.95 19.99 63.74 40.25 95.62 60.36 9.26 5.63 18.16 11.9 27.62 17.18 145.05-115.01 290.1-230 435.12-345.04 10.85-8.38 21.62-17.36 34.48-22.51 8.62-3.58 19.44-2.83 26.53 3.63 6.05 5.17 9.03 13.58 7.66 21.42-1.16 8.38-6.06 15.54-10.89 22.24-10.68 14.46-23.72 26.92-35.94 40.05C619.72 454.38 512.67 567 405.58 679.57c-1.82 2.28-5.16 4.07-4.84 7.39 0.01 23.35 0 46.7 0 70.04-0.15 21.34 0.45 42.66 0.26 64-0.01 27.67 0.02 55.34-0.02 83.01-0.07 2.06 0.87 3.93 2.01 5.6 3.28-0.82 5.56-3.46 8.1-5.49 38.1-32.25 76.3-64.39 114.42-96.62 2.71-2.27 5.34-4.74 8.56-6.28 6.73-3.14 15.02-2.58 21.23 1.54 43.5 27.48 87 54.95 130.48 82.48 6.24 3.86 12.27 8.43 19.47 10.38 15 4.53 32.23 1.07 44.03-9.33 8.62-7.26 14.16-17.67 16.14-28.71 45.49-229.57 90.85-459.17 136.36-688.73 2.74-16.94-4.86-34.87-18.77-44.86-10.5-7.81-24.33-10.75-37.12-8.12z" fill="#0C00BF"></path>
    <path d="M745.3 581.31c5.4-0.94 11.19-0.29 16 2.47 8.68 4.64 13.6 15.28 11.47 24.91-8.99 40.24-18.06 80.47-27.07 120.71-0.71 3.06-1.27 6.17-2.35 9.14-2.57 6.83-8.65 12.17-15.71 13.95-7.98 2.16-17.07-0.34-22.73-6.4-5.33-5.46-7.57-13.63-5.94-21.07 9.49-42.15 18.89-84.34 28.41-126.49 1.94-8.62 9.29-15.54 17.92-17.22z" fill="#FC4E7F"></path>
  </symbol>
  <symbol id="icon-weixin" viewBox="0 0 1024 1024">
    <path d="M683.058 364.695c11 0 22 1.016 32.943 1.976C686.564 230.064 538.896 128 370.681 128c-188.104 0.66-342.237 127.793-342.237 289.226 0 93.068 51.379 169.827 136.725 229.256L130.72 748.43l119.796-59.368c42.918 8.395 77.37 16.79 119.742 16.79 11 0 21.46-0.48 31.914-1.442a259.168 259.168 0 0 1-10.455-71.358c0.485-148.002 128.744-268.297 291.403-268.297l-0.06-0.06z m-184.113-91.992c25.99 0 42.913 16.79 42.913 42.575 0 25.188-16.923 42.579-42.913 42.579-25.179 0-50.365-17.391-50.365-42.58 0-25.788 25.181-42.573 50.36-42.573h0.005z m-216.365 85.131c-25.187 0-50.36-17.392-50.36-42.58 0-25.789 25.173-42.574 50.36-42.574 25.987 0 42.917 16.785 42.917 42.574 0 25.19-16.93 42.58-42.917 42.58h0.005z m388.574 151.523c-93.053 0-170.388 59.982-170.388 136.236 0 76.198 77.336 136.181 170.388 136.181 25.969 0 42.896-8.39 68.857-16.785l60.838 33.584-16.946-59.408c50.36-33.545 85.132-76.208 85.132-126.153 0-76.254-68.9-136.655-136.894-136.655v0.001z m-85.132-85.126c25.981 0 42.91 16.79 42.91 42.58 0 25.188-16.93 42.579-42.91 42.579-25.193 0-50.375-17.391-50.375-42.58 0-25.788 25.181-42.573 50.375-42.573v-0.006z m170.263 85.132c-25.99 0-50.366-17.392-50.366-42.58 0-25.789 25.181-42.574 50.366-42.574 25.98 0 42.91 16.785 42.91 42.574 0 25.19-16.93 42.58-42.91 42.58z"  ></path>
  </symbol>
  <symbol id="icon-shouye" viewBox="0 0 1024 1024">
    <path d="M936.941 481.882c-3.726 3.072-8.281 4.587-12.811 4.587-4.235 0-8.512-1.488-12.049-4.497l-384.053-313.6-384.064 313.6c-6.933 5.696-17.061 6.016-24.853 0.64-8.021-5.504-10.688-15.701-6.688-24.171l37.611-79.659-69.056 56.32c-2.944 2.368-6.72 3.584-10.496 3.584-4.757 0-9.536-2.112-12.629-6.165-5.824-7.467-4.672-18.304 2.667-24.107l460.629-376.277c6.24-5.141 15.509-5.269 21.931 0.405l460.629 376.277c7.36 5.989 8.491 16.96 2.667 24.107zM834.048 557.227c-10.837 0-19.648 8.811-19.648 19.648v292.651h-188.715v-201.259c0-25.557-20.787-46.4-46.293-46.4h-104.32c-25.557 0-46.293 20.843-46.293 46.4v201.259h-188.715v-292.651c0-10.837-8.811-19.648-19.648-19.648s-19.648 8.811-19.648 19.648v312.299c0 10.837 8.811 19.648 19.648 19.648h228.011c10.837 0 19.648-8.811 19.648-19.648v-220.907c0-3.072 2.411-5.504 5.568-5.504h104.32c3.072 0 5.568 2.432 5.568 5.504v220.907c0 10.837 8.811 19.648 19.648 19.648h228.011c10.837 0 19.648-8.811 19.648-19.648v-312.299c0-10.837-8.811-19.648-19.648-19.648z"  ></path>
  </symbol>
  <symbol id="icon-zhuye" viewBox="0 0 1024 1024">
    <path d="M512 106.666667L106.666667 341.333333v512h298.666666V576h213.333334v277.333333h298.666666V341.333333L512 106.666667zM512 0l426.666667 256v597.333333C938.666667 941.866667 914.133333 966.4 882.986667 966.4H682.666667c-17.066667 0-32-14.933333-32-32v-277.333333H373.333333v277.333333c0 17.066667-14.933333 32-32 32H141.013333C109.866667 966.4 85.333333 941.866667 85.333333 910.72V256L512 0z m0 597.333333c-72.533333 0-128-55.466667-128-128s55.466667-128 128-128 128 55.466667 128 128-55.466667 128-128 128z m0-213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333s38.4 85.333333 85.333333 85.333333 85.333333-38.4 85.333333-85.333333-38.4-85.333333-85.333333-85.333333z"  ></path>
  </symbol>
  <symbol id="icon-guanyu" viewBox="0 0 1024 1024">
    <path d="M576 896H320a128 128 0 0 1-128-128V320c0-70.4 57.6-128 128-128h384c70.4 0 128 57.6 128 128v128c0 17.6-14.4 32-32 32s-32-14.4-32-32V320c0-35.2-28.8-64-64-64H320c-35.2 0-64 28.8-64 64v448c0 35.2 28.8 64 64 64h256c17.6 0 32 14.4 32 32s-14.4 32-32 32z m73.6-192c0-14.4-9.6-24-24-24H496c-14.4 0-24 9.6-24 24s9.6 24 24 24h129.6c12.8 0 24-11.2 24-24z m-24-144H496c-14.4 0-24 9.6-24 24s9.6 24 24 24h129.6c12.8 0 24-11.2 24-24s-11.2-24-24-24z m-152-96h129.6c12.8 0 24-11.2 24-24s-11.2-24-24-24H496c-14.4 0-24 9.6-24 24s9.6 24 24 24zM576 64C317.6 64 96 285.6 96 544s221.6 480 480 480 480-221.6 480-480S834.4 64 576 64z m0 896c-229.6 0-416-186.4-416-416s186.4-416 416-416 416 186.4 416 416-186.4 416-416 416z" fill="#707070" ></path>
  </symbol>
  <symbol id="icon-xiangxuexiao" viewBox="0 0 1024 1024">
    <path d="M968.96 451.84c-1.28-7.68-5.12-14.72-10.24-20.48L517.12 35.84c-4.48-4.48-10.24-7.04-16.64-7.04s-12.16 2.56-16.64 7.04L60.8 431.36c-4.48 5.12-8.96 12.8-10.24 20.48-5.12 23.04 14.08 43.52 36.48 43.52H160v448c0 11.52 8.96 19.84 19.84 19.84h221.44c11.52 0 19.84-8.96 19.84-19.84V646.08h160.64v293.12c0 11.52 8.96 19.84 19.84 19.84h221.44c11.52 0 19.84-8.96 19.84-19.84v-448H932.8c22.4 0 41.6-20.48 36.16-43.52zM486.08 81.92l350.72 327.68H135.36L486.08 81.92z m-266.24 777.6V520.96h143.36V849.6H219.84z m384 0V520.96H747.2V849.6H603.84z m230.4-478.72H189.76l-0.64-0.64h0.64V451.2h644.48v0.64h0.64z"  ></path>
  </symbol>
  <symbol id="icon-guanwang" viewBox="0 0 1024 1024">
    <path d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m277.632 448h-172.8a582.4 582.4 0 0 1 11.84 121.984l0.128 8.832h191.872a311.296 311.296 0 0 0 5.376-121.856l-0.48-8.96z m-601.28 0-0.512 8.96a311.296 311.296 0 0 0 5.44 121.856h191.872c0-2.944 0-5.824 0.128-8.832a582.4 582.4 0 0 1 11.84-121.984H188.352z m152.32-187.584-6.976 6.656a489.472 489.472 0 0 0-99.328 180.16l-2.304 8.832H282.24a651.84 651.84 0 0 1 96.192-195.52l5.248-6.4a311.552 311.552 0 0 0-42.016-24.96z m324.864-56.32-7.36 0.128c-49.344 1.984-102.144 24.384-155.648 63.424l-5.632 4.224a651.84 651.84 0 0 0-60.032 53.184 651.84 651.84 0 0 0-41.664 45.056h422.656a491.584 491.584 0 0 0-39.936-45.056l-5.376-4.224c-55.04-42.08-110.272-65.6-164.928-66.944zM301.888 272.576l-5.12 6.4a650.24 650.24 0 0 0-95.872 195.52h67.2a487.808 487.808 0 0 1 82.112-149.568l5.248-6.656a312.064 312.064 0 0 0-53.568-45.696z m423.104 32.832-7.104 6.4a488.192 488.192 0 0 1 78.016 143.104l2.432 8.832h67.2a650.24 650.24 0 0 0-93.824-180.48l-6.72-6.912a312.32 312.32 0 0 0-39.936 28.8z m-214.528-63.04-8.32 0.512a311.36 311.36 0 0 0-126.208 35.52c17.152 13.76 33.6 28.288 49.344 43.52l6.144-5.568a488.32 488.32 0 0 1 133.44-77.632l7.296-2.56a312.704 312.704 0 0 0-61.696 6.72z m83.456-6.72-8.32 2.56a488.32 488.32 0 0 1 133.44 77.632l6.4 5.568a651.84 651.84 0 0 0 49.344-43.52 311.36 311.36 0 0 0-127.232-36.032l-8.32-0.512a312.704 312.704 0 0 0-61.696-6.72z"  ></path>
  </symbol>
</svg></div>
  </body>
</html>
</div>

总的来说，这个 SVG 雪碧图包含了多个定义好的符号，可以在页面中方便地引用和使用这些符号，避免重复定义相同的图形。

插件使用

安装并激活插件后，用户可以在WordPress后台的插件页面找到该插件，并通过点击“配置插件”链接进入插件设置页面进行配置。