快讯

• 手把手教你在WordPress中使用Iconfont字体图标

  Iconfont，从事设计与开发的人员应该都知道，这是一个NIU X的图标站。 Iconfont的自我介绍： Iconfont是阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 只看介绍可能很难联想到和WordPress站长有什么关系，但要说道实用性，估计每位站长都觉得很赞：

  • Iconfont上有数以百万计的图标（目前二百多万个图标），贡献者很多；
  • 你可以在Iconfont上选择自己喜欢的图标；
  • 你可以将喜欢的图标简单的运用到自己的网站上；
  • 你可以直接使用阿里的外链图标文件，速度很快，重要的是还支持https；
  • 所以，你应该想尝试一下。

  目前Iconfont支持微博和Github账户的直接登录，你根本不用注册，去试试吧，Iconfont.cn。 登录后，你会看到一个大大的搜索框，然后输入你想要的中文或者英文，比如你想要一个“首页”的图标，你可以直接搜索“首页”或者“房子”来查找。 每个图标上都有一个添加入库的购物车图标，只需点击这个图标即可将该图标收纳入库。 当你觉得收纳的图标足够了的时候，你可以点击页面右上角的购物车来“添加至项目”，没有项目的话可以创建一个项目。 然后你就来到了图标项目页，你可以看到刚刚选择的所有图标。 浩子说：不要嫌我啰嗦，我现在找一个图标速度飞快，因为流程就这些，图标找好了就要用上，继续下文。

  Iconfont图标在网页中的运用：

  第一步：在图标项目页中可以“查看在线链接”，你将得到类似下图的代码。 第二步：将以下全部代码复制到 主题设置-自定义代码-自定义css样式 中。 PS：非themebetter主题可以自行添加到主题使用的样式表中，一般是 style.css。

  /* 这段代码改成你自己项目的代码 */
  @font-face {
    font-family: 'iconfont';  /* project id 554365 */
    src: url('//at.alicdn.com/t/font_554365_4c45s45ollgwg66r.eot');
    src: url('//at.alicdn.com/t/font_554365_4c45s45ollgwg66r.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_554365_4c45s45ollgwg66r.woff') format('woff'),
    url('//at.alicdn.com/t/font_554365_4c45s45ollgwg66r.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_554365_4c45s45ollgwg66r.svg#iconfont') format('svg');
  }
  
  /* 这段必须有 */
  .iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }

  复制

  第三步：选择相应图标并复制图标代码，如： ，然后像下面一样使用。

  <i class="iconfont">&#xe871;</i>

  复制

  第四步：复制第三步的全部代码粘贴到你想要显示图标的位置。 如果你想在导航菜单中加入图标，你需要将代码复制到 外观-菜单 的 导航标签 中，比如你的导航文字原本是“首页”，现在你只需要在“首页”前面加上第三步的代码即可。 如果你想在文章中加入图标，你需要在编辑文章的时候切换成文本模式，将第三步的代码粘贴进去即可。 如果你想修改主题的代码并添加或者替换图标，你需要找到合适的位置来放置第三步的代码即可。

  4小时前

• 推荐一款非常好看的导航页

  偶然在 github 上看到一款非常好看的静态导航页的源码，

  

  独立开发者的导航站 Demo | 更新日志 | 提BUG

  极客猿导航截图

  前台

  

  

  

  后台

  

  

  

  

  

  发展历程

  纯静态导航

  起源于腾讯导航站，那时候刚接触前端，到底找网站模仿，这个导航站因此诞生了。

  

  JSON 版本导航

  上一个版本添加导航要修改 HTML，JSON 版本解决了管理导航修改代码问题，通过管理 JSON 文件的形式来管理所有的导航。

  

  Vue2 动态导航

  上面版本的管理导航还是太麻烦，从这个版本开始，改为用数据库来管理，前台采用的 Vue 全家桶，服务端使用的框架是 Express，数据库是 Mongodb。

  

  Nuxtjs导航

  Vue 动态导航是采用的单页面方式，非常不利于 SEO 优化，所以改用了 Nuxt SSR 的方式，这也是这个版本最大的改动。

  

  V3.0版本导航

  这个版本开始将不再进行大的改动，将持续迭代下去。

  V3.0版本，最大的改动就是把项目拆分为三个子项目

  • Nuxt后台 -> Ant Design Pro后台
  • Express -> Eggjs

  优化了整体代码，提高了代码可读和可维护性。

  产品设计相关图

    

  作者仿的是 腾讯AlloyTeam前端团队导航 项目地址：https://github.com/geekape/geek-navigation
  11小时前

• wordpress安装后如何不让他自动升级更新成最新版本呢

  WordPress 默认会自动更新其核心、插件和主题，以确保网站的安全性和功能性。然而，某些情况下，自动更新可能会导致兼容性问题或影响网站的正常运行。以下是如何禁用 WordPress 自动更新的详细方法，以及每种方法的优缺点和适用场景。 一、禁用自动更新的原因 避免兼容性问题：自动更新可能使插件或主题与当前版本不兼容，导致网站功能异常。 控制更新时机：手动更新可以确保在合适的时机进行，避免因更新导致网站访问中断。 安全性考虑：某些更新可能引入不必要的新功能，增加安全风险。 需要注意的是，禁用自动更新可能会使网站暴露在已知漏洞中，因此建议仅在确保可以手动管理更新的情况下进行操作。 二、禁用自动更新的方法 方法一：通过代码禁用自动更新 这是最直接的方法，适合熟悉代码的用户。 禁用核心更新 在 WordPress 根目录下的 wp-config.php 文件中添加以下代码： define( 'WP_AUTO_UPDATE_CORE', false ); 此代码会禁用所有核心更新。 禁用插件和主题更新 在当前主题的 functions.php 文件中添加以下代码： add_filter( 'auto_update_plugin', '__return_false' ); // 禁用插件自动更新 add_filter( 'auto_update_theme', '__return_false' ); // 禁用主题自动更新 禁用所有自动更新 如果要完全禁用所有自动更新，可以在 wp-config.php 中添加： define( 'AUTOMATIC_UPDATER_DISABLED', true ); 优点：简单直接，适合熟悉代码的用户。 缺点：需要手动编辑文件，可能因操作不当导致文件损坏。 方法二：使用插件禁用自动更新 这是更简单的方法，适合不熟悉代码的用户。 使用 Easy Updates Manager 插件 在 WordPress 后台，点击“插件”→“添加新插件”，搜索“Easy Updates Manager”并安装激活。 激活后，转到“仪表板”→“更新选项”，选择禁用插件和主题的自动更新，但保留核心更新（如需）。 插件还提供日志功能，方便回滚更新导致的错误。 使用 Disable Automated Updates 插件 在插件搜索框中输入“Disable Automated Updates”，安装并激活。 激活后，在“设置”→“Disable Automated Updates”页面中，选择禁用所有自动更新。 优点：操作简单，无需修改代码。 缺点：插件可能增加网站资源占用。 方法三：通过服务器配置禁用自动更新 如果使用的是共享主机，可以通过修改 .htaccess 文件或联系主机提供商禁用自动更新。 在 .htaccess 文件中添加以下代码：<IfModule mod_rewrite.c> RewriteEngine On RewriteRule ^wp-admin/includes/ - [F,L] RewriteRule !^wp-includes/ - [S=3] RewriteRule ^wp-includes/[^/]+\.php$ - [F,L] RewriteRule ^wp-includes/js/tinymce/langs\.php$ - [F,L] </IfModule> 优点：彻底禁用更新，适用于共享主机环境。 缺点：操作复杂，可能需要服务器权限。 三、禁用自动更新的优缺点 优点 避免兼容性问题：手动更新可以确保插件和主题的兼容性。 控制更新时间：可以根据业务需求选择更新时机。 减少意外中断：避免因自动更新导致网站功能异常。 缺点 安全性风险：禁用自动更新可能使网站暴露在已知漏洞中。 增加管理负担：需要手动检查并更新网站，增加管理成本。 四、建议 选择性禁用更新：建议禁用插件和主题的自动更新，但保留核心更新，以平衡安全性和稳定性。 定期手动更新：即使禁用自动更新，也应定期检查并手动更新，以避免安全漏洞。 备份网站：在禁用或修改更新设置前，务必备份网站文件和数据库，以防止意外情况。
  22小时前

• 拿了blog.gs.cn

  拿了 blog.gs.cn，我看了下，续费时间到2028年了，其实也没啥用，毕竟我已经有了 blog.xj.cn  blog.qh.cn VF.Q.Q
  1天前

• WordPress主题CoreNext1.7.1.1免授权开心版

  最近刚找到的，需要的可以自行测试一下[哈哈][哈哈] CoreNext主题是一款由果核开发的Wordpress的轻量化主题，界面美观、运行速度快，其代码是全开源的，担心其他付费主题安全性问题的可以选择这款。 主题是全新制作的，拥有无需伦比的先进架构和性能。以前CorePress Pro，在CoreNext主题上，自动授权，无需额外操作。 免授权版本仅为喜欢该款主题，但无力购买正版授权的站长准备，仅限用于个人爱好、学习研究和体验使用，禁止用于商业、运营、违法等非法用途，否则禁止使用该主题，并且承担相应的法律后果！

  链接: https://pan.baidu.com/s/15SMo-IHbpTqlp1eSJpYYVg?pwd=hry5 提取码: hry5 链接：https://pan.quark.cn/s/5cbbda7f9fa0
  1天前

• WordPress 文章添加副标题 wordpress副标题添加

  后台编辑区添加自定义副标题字段 /** * Add Subtitle in all post */ function article_subtitle( $post ) { if ( ! in_array( $post->post_type, [ 'post', 'page', 'knowledgebase' ], true ) ) { return; } // The subtitle field. $_stitle = sanitize_text_field( get_post_meta( $post->ID, '_article_subtitle', true ) ); echo '<label for="article_subtitle">' . __( 'Sub Title ' ) . '</label>'; echo '<input type="text" name="article_subtitle" id="article_subtitle" value="' . $_stitle . '" size="100" spellcheck="true" autocomplete="off" />'; } function article_save_subtitle( $post_ID, $post, $update ) { if ( ! in_array( $post->post_type, [ 'post', 'page', 'knowledgebase' ], true ) ) { return; } // Prevent to execute twice. if ( defined( 'DOING_AJAX' ) && DOING_AJAX ) { return; } if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { return; } // Get the subtitle value from $_POST. $_stitle = filter_input( INPUT_POST, 'article_subtitle', FILTER_SANITIZE_STRING ); if ( $update ) { // Update the post meta. update_post_meta( $post_ID, '_article_subtitle', sanitize_text_field( $_stitle ) ); } else if ( ! empty ( $_stitle ) ) { // Add unique post meta. add_post_meta( $post_ID, '_article_subtitle', sanitize_text_field( $_stitle ), true ); } } add_action( 'edit_form_after_title', 'article_subtitle', 20 ); add_action( 'wp_insert_post', 'article_save_subtitle', 20, 3 );   保存或预览文章，会将副标题字段插入到数据库中的 wp_postmeta 表中，如下图所示：   需要在文章模板页面中添加副标题显示的样式等，代码如下：   最终效果如下图所示：
  1天前