【问题标题】:Dashicons in wordpress (frontend) won't displaywordpress(前端)中的 Dashicons 不会显示
【发布时间】:2018-10-04 21:49:35
【问题描述】:

目前,我正忙着在 WordPress 中创建一个网站。 我正在使用破折号来评分(手动)假期。 它曾经可以工作,但是更新后,未登录的用户将看不到破折号。 只有登录后才能看到星级。

星级评分应显示在每个假日优惠的左上方。

谁知道解决方案?

网站网址是 www.ikwilopvakantie.nl

【问题讨论】:

    标签: wordpress fonts logged


    【解决方案1】:

    Dashicons is the official icon font of the WordPress admin as of 3.8..

    为未登录的用户加载 Dashicon:

    1. 打开目录{your-website-folder/wp-content/themes/}
    2. 进入活动子主题的文件夹(如果您没有活动子主题,请打开活动父主题的文件夹)
    3. 找到functions.php 文件并在其末尾添加提供的代码( 确保文件末尾没有?> php 结束标记。如果是这样,只需将其删除):

      function ww_load_dashicons(){
          wp_enqueue_style('dashicons');
      }
      add_action('wp_enqueue_scripts', 'ww_load_dashicons');
      
    4. 保存更改。 Dashicon 将为所有用户加载到您的网站上。

    编辑:可能有一些插件/代码从页面中删除了 Dashicons。尝试用这个更改您的代码:

    function ww_load_dashicons(){
       wp_enqueue_style('dashicons');
    }
    add_action('wp_enqueue_scripts', 'ww_load_dashicons', 999);
    

    【讨论】:

    • 嗨代码已经在我的functions.php文件中(我已经添加了这个)。但还是同样的问题...
    • 嗯还是什么都没有,我看到的是方形标志而不是星形短划线...
    • 您的网站中有一些缓存插件。清除插件中的所有缓存,也清除浏览器中的缓存
    • 是的,我删除了网站和 cloudflare 中的所有缓存。我也在使用设置为不缓存网站的 Firefox 私人浏览器...但是什么也没有发生...你还看到你看到星星的方块吗(左上角)
    • 我的问题是我使用的是我自己的 HTML,却忘记在其中添加 dashicons font-family。
    【解决方案2】:

    试试这个:

    <span class="bx-next dashicons dashicons-arrow-right-alt2"></span>
    

    'dashicons-arrow-right-alt2' 是图标的类。 你可以在这里找到它们:https://developer.wordpress.org/resource/dashicons/#arrow-up-alt

    这必须转到您的functions.php文件:

    function load_dashicons(){
        wp_enqueue_style('dashicons');
    }
    add_action('wp_enqueue_scripts', 'load_dashicons');
    

    【讨论】:

      【解决方案3】:

      对我来说,问题只是我的浏览器拦截器插件不允许 dashicons.css 的来源

      【讨论】:

        【解决方案4】:

        如果您使用插件“资产清理”,您可以导航到“批量更改”并轻松使用“删除站点范围的规则”,其中列出了“dashicon”的网址。

        【讨论】:

          【解决方案5】:

          当在register_post_type 函数中定义为menu-item 属性的值时,official list 上的许多图标对我来说都是空白的。

          如果您打开wp-includes/css/dashicons.css,您将看到可用图标的完整列表,其中许多具有不同的名称,例如dashicons-quote 实际上是dashicons-editor-quote

          使用这些值解决了我的问题。如果您不想深入研究源文件,我还发现此 cheat sheet 很有帮助。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2011-08-16
            • 1970-01-01
            • 2013-06-10
            • 2013-09-15
            • 1970-01-01
            • 2014-02-12
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多