Category: Wordpress基础

WordPress基础教程,涉及WordPress文章数据调用、侧边栏小工具设置增强、网站模板的基本定制、文件管理等方面的内容,帮助你开始定制你的WordPress站点。

  • WordPress实现中英文数字之间自动加空格排版

    WordPress实现中英文数字之间自动加空格排版

    通常来说中文与英文、中文和数字之间加上空格的排版会更加好看,但是如果让我们在编辑文章的时候人工添加,感觉非常繁琐和让人厌烦,所以就来 跟大家介绍一下 WordPress 如何实现中英文数字之间自动加空格的排版技巧。 第一步:html或body标签中加入han-la类 在html标签中添加 class=”han-la”(一般在 header.php 文件中)。但是并不是硬性规定,现在很多博客都是通过功能函数动态加载class类,那么同样的,你也可以将这个han-la类动态加载到body中去。 将类加载到html标签中的方法就不说了,这里说下怎么加载到body标签中,当然在这里,你的主题应该是使用了body_class()这个标准函数的。 /** * WordPress实现中英文数字之间自动加空格排版 - 龙笑天下 * http://www.ilxtx.com/wordpress-text-autospace.html * 在body标签中加入han-la类 */ function lxtx_add_hanla_to_body_class( $classes ) {     $classes[] = 'han-la';     return $classes; } add_filter('body_class', 'lxtx_add_hanla_to_body_class'); 另外,值得一提的是该函数也会暴露一个问题,具体见下文: (全网独家)如何正确的避免你的 WordPress 管理员登录用户名被暴露 第二步:引入js文件 在jquery文件后面引入text-autospace.min.js或text-autospace.js,下载地址为:https://github.com/mastermay/text-autospace.js /** * WordPress实现中英文数字之间自动加空格排版 - 龙笑天下 * http://www.ilxtx.com/wordpress-text-autospace.html * 加入text-autospace.min.js文件 */ function lxtx_styles_scripts() {     //全局加载js脚本     wp_enqueue_script( 'han-la-js', get_template_directory_uri() . '/includes/js/text-autospace.min.js', array( 'jquery' ), '', true ); } add_action( 'wp_enqueue_scripts', 'lxtx_styles_scripts' ); 注意修改代码中第8行的文件引用路径哦~ 最后一步:添加CSS代码 将以下代码加入你的style.css文件中。 /* han-la xtx */ body.han-la hanla:after {     content:" ";     display:inline;     font-family:Arial;     font-size:0.89em; ...

    View More

  • WordPress使用 WooSidebars 为不同的页面设置不同的侧边栏

    WordPress使用 WooSidebars 为不同的页面设置不同的侧边栏

    很多主题虽然内置了几个小工具区域,但可能还是无法满足为不同页面(归档、分类、文章类型等)设置不同侧边栏的要求,赶巧我们又不懂代码,怎么办?那就试试 WooSidebars 吧! WooSidebars 允许创建新的侧边栏区域,然后选择要使用这个新的侧边栏区域的页面,从而非常灵活地实现了不同页面不同侧边栏的需求,一起看下图解: 以下就是新建侧边栏区域的界面,注意看下图片文字说明: 以下就是我们刚才创建的小工具区域: 总的来说是非常方便了,对于内容比较复杂多样的网站,灵活地设置侧边栏的内容可以很好地提高用户体验以及网站效益! 在后台插件安装界面搜索 WooSidebars 即可在线安装,或者在这里下载 WooSidebars。有什么问题可以看下官方的教程。 类似插件:Custom sidebars,感兴趣不妨也试试,挑选最适合你的!

    View More

  • WordPress插件之Custom sidebars为存档、文章等自定义侧边栏

    WordPress插件之Custom sidebars为存档、文章等自定义侧边栏

    是否在为你的主题边栏不够灵活而烦恼?想要为你的不同页面设置不同的侧边栏?建议你试试 Custom sidebars 插件。 Custom sidebars 允许你添加无数个侧边栏区域(前提是你的主题原本就支持小工具),你可以给分类、文章、页面等等设置不同的侧边栏,非常强大和自由。具体的功能请看配图和下载体验:   在后台插件安装界面搜索 Custom sidebars 即可在线安装,或者下载 Custom sidebars 插件已汉化(能力有限,翻译马马虎虎),如有需要,下载 简体中文包(链接: https://pan.baidu.com/s/1mieLZ7a 密码: gsmn),解压后上传到该插件的 lang 目录即可。

    View More

  • WordPress 文章/页面添加时间限制,到期后自动重定向到指定网址

    WordPress 文章/页面添加时间限制,到期后自动重定向到指定网址

    您是否只想在指定的时间内展示某些文章/页面内容,例如活动、广告内容、优惠信息?不想手动管理或删除过期且过期的活动、优惠或旧内容?那今天推荐的 Content Expiration & Redirect 插件应该适合你,可以让你设置文章、页面的有效期,以及到期后需要重定向的网址。一旦文章/页面到期,用户访问这个文章/页面,就会自动被重定向到你设置的网址。以下就是这个插件的预览: 没有再多的介绍了,需要的就自己试试吧! 在后台插件安装界面搜索Content Expiration & Redirect 就可以在线安装,或者在这里下载后手动安装。

    View More

  • 美化文章标题和内容–WordPress集成有字库字体插件

    美化文章标题和内容–WordPress集成有字库字体插件

    有字库简介 有字库是全球第一中文Web Font(网络字体)服务平台。 我们致力于美化网页界面,降低网页设计和维护的难度,同时提升效率。 Web Font 的服务在国外已经比较普及, 著名的有Google Fonts、Typekit等网站,但是国内在中文Web Font上面一直是一片空白,众多中文网站设计者们只能望洋兴叹。 有字库为此应运而生。 在正式介绍插件以前,先来普及下有字库能够干什么,换句话说,就是其特色功能。由于官方的介绍比较长,在本文我就简略描述下,需要具体了解的可以通过我给的链接查看。 特色功能 在线字体: 通过按需截取的方式生成小字库(可以小到几十K,甚至几K),有效控制了字体文件的大小,使中文也加入了网络字体的阵营。 解决了之前由于中文字体过于庞大,小则三五兆,大则十几兆,在线字体只流行于英文网站的情况。 美化网页: 现在已经不是万维网初期的草莽时代,用户们对网页的效果越来越挑剔。 由于网页中最主要的元素莫过于字体了,所以要根据不同的场景,采用不同风格的字体。 全面兼容: 常见的都支持,不过有一点点儿版本限制,基本可以忽略不计负面影响。 极速稳定: 采用了阿里云的存储与CDN服务,即使官网宕机,其服务依旧可用。 简单易用: 有字库有三种调用方式,第一种是CSS引用方式,第二种是Javascript引用方式,第三种就是用有字库的SDK 。 而我这次介绍的,就是第三种方法——官方开发的WordPress插件。 托管独享: 这是针对商业客户的功能,为了客户方便使用其购买的商业字体开发的。 有字库对你从方正、蒙纳能字体厂商处购买的字体进行托管,该字体只有你自己才能使用,其他人无权使用。 要了解更多,可访问有字库官方:http://www.youziku.com/introduce/index 接下来的是我个人认为的一点优势: 第一,其字库服务使用了安全证书,能有效保证网站的绿锁正常。使用最新版的Chrome浏览器的人可能深有体会,没错,就是上面会有大大的“安全”字样。 第二,每个月赠送10万库币,个人用户使用基本上不用出太多的钱。 第三,这个是我潜伏在群里看他们聊天发现的。如果你对你的字特别有信心,有字库可以免费帮你把自己的字制作成字体,然后进行托管使用。 第四,暂时没发现,先占坑留着。接下来,就正式开始介绍其插件的使用步骤了。 使用步骤 第一,下载插件。官方开发的WordPress插件 下载完成以后对压缩包名称进行重命名,比如我的是“youziku”。 第二,安装插件。 登录WordPress后台,点击 插件 》 安装插件 》 上传插件 》 选择文件 》现在安装。安装完成以后,会跳转到成功界面。点击下面的启用插件,进入下一步的设置。 第三,设置插件。 进入有字库官网,注册并登录帐号。点击个人中心进入我的账户。点击接口白名单,添加要使用服务的域名,通常只需添加其一级域名(不带 www. 的部分),默认的带 www. 的二级域名就会自动添加上。 接下来,鼠标移动到WordPress后台的左侧边栏的有字库设置,会弹出“有字库设置”和“初始化设置”。点击初始化设置,填入有字库分配的ApiKey和UserKey。 进入有字库官网,点击在线字库。选择你喜欢的字体进行收藏,至少选择两款字体,一款标题字体和一款内容字体。 然后导入你收藏的字体,并保存更改。如果以后收藏了更多的字体,再次重复其操作。我们也可以在这里导出其字体设置,并妥善保存,以便日后不时之需。 点击“初始化设置”上方的“有字库设置”,选择合适的文章标题字体和文章内容字体,保存更改并应用到所有文章。特别提示,下方的自定义字体设置部分,需要使用者个人有较扎实的前端知识,适合网页设计师和前端工程师等专业人士使用,这里就不多说了。 到了这里基本上就设置完成了。如果你只是想测试一下,上一步中只需选择相关字体并保存更改,不用应用到所有文章。随机选择一篇文章,点击编辑器上方的绿色有字库标识,选择合适的字体,把代码插入到文中,然后进行文章更新。多刷新几遍,然后就可以看到具体效果了,如下图。

    View More

  • WordPress站外域(链接)nofollow

    WordPress站外域(链接)nofollow

    WordPress站外域(链接)nofollow是指在文章、页面中不属于自己网站域名的域名加上nofollow。与阅读全文more-link nofollow、评论链接nofollow、分页插件WP-PageNavi分页导航nofollow有所不同,这些都是针对站内的url地址,而WordPress站外域(链接)nofollow显然是针对站外地址。我使用的这款主题也没有这个功能,我发现很多Wordpress主题都没有这个功能,所以果断扒了扒网上的教程,发现了一些代码,不管怎么说这是对SEO来说是很有帮助的。 为什么要在WordPress站外域(链接)加nofollow  保证文章权重不被传递到其他网站,文章中的每个链接都很重要,一个链接就是对目标地址的一个投票,你的权重就传递到了目标地址。 WordPress站外域(链接)加nofollow的方法  在WordPress模板函数文件functions.php中加入以下代码即可。 //站外域nofollow add_filter('the_content','the_content_nofollow',999);  functionthe_content_nofollow($content){  preg_match_all('/href="(.*?)"/',$content,$matches);  if($matches){   foreach($matches[1] as $val){    if( strpos($val,home_url())===false ) $content=str_replace("href=\"$val\"", "href=\"$val\" rel=\"external nofollow\" ",$content);   }  }  return $content; }  

    View More

  • WordPress插件-在 WordPress 的页眉(header)和页脚(footer)添加代码

    WordPress插件-在 WordPress 的页眉(header)和页脚(footer)添加代码

    在网站项目中,网站客服需要在网站中添加某个客服交谈工具代码,还需要对PC和手机添加不一样的脚本代码。如果没有太多时间精力每个网站修改代码,所以就需要找一个插件实现。 Download Header Footer Code Manager 就是一个可以在网站页眉或页脚、文章内容上方和下方插入代码(HTML / Javascript / CSS等)的插件。你可以在插件中创建一个个代码片段,就像发布文章一样简单。可以选择代码加载的页面、位置,也可以通过简码进行调用。可以意见禁用和开启,支持设置PC端还是手机端,或者两者都加载。 代码片段列表: 新建片段界面: 你可以在后台插件安装界面搜索 Header Footer Code Manager 在线安装,或者在这里下载 Header Footer Code Manager。倡萌已经将该插件汉化,并提交给作者,如果你急着使用,点击下载中文包(密码:j6xr),解压后上传到该插件的languages目录即可。

    View More

  • 让WordPress RSS Feed输出自定义文章类型的内容

    让WordPress RSS Feed输出自定义文章类型的内容

    WordPress支持RSS Feed输出,但在整站Feed源只会输出文章(post),如果你添加了自定义文章类型,需要将它们添加到WordPress的整站Feed源中。实现方法很简单,将下面的代码添加到主题的functions.php文件即可: // 添加自定义文章类型到RSS Feed输出 function custom_feed_request( $vars ) { if (isset($vars['feed']) && !isset($vars['post_type'])) $vars['post_type'] = array( 'post', 'product', 'book' );//根据自己的实际修改第 4 行数组(array)中的文章类型别名。 return $vars; } add_filter( 'request', 'custom_feed_request' ); 请根据自己的实际修改第 4 行数组(array)中的文章类型别名。

    View More