Category: WordPress进阶

  • WordPress邮件发送插件WP Mail SMTP新版介绍

    前两天,Wopus的一篇文章:WP Mail SMTP发布新版,重构所有功能设置页面,今天就详细讲讲这款插件的新版,之所以要花很多时间,很多文章介绍这款插件,是因为这是一款最好的WordPrees发送发送邮件的插件。因为25端口会被大多数的主机商封掉,用这款插件,可以很容易的使用替换的端口发送邮件,是一款WordPress必装的插件之一。

    和之前一个版本相比,新版的WP Mail SMTP在功能模块化和UI设计上做了升级,之前是所有的功能都是从上到下每个功能排列,现在分三个功能模块:

    常规设置/邮件功能测试/其他 三个功能模块。

    一,常规设置功能介绍

    常规设置模块中,最重要的就是Mailer这个部分,之前是完全用户寻找可以发送邮件的提供商,现在官方默认集成了5种发送邮件的方式。

    选择第二种,从Google开始,都会在下方延展出需要填写的信息模块,这些信息都填写对应的即可,最后保存,测试邮件功能即可。

    通常我们都用Other SMTP:

    目前国内可以用的是阿里云邮箱,腾讯邮箱和网易邮箱,这三家的企业邮箱用的是最多的。

    二,测试邮件功能模块

    设置好之后,输入一个邮箱地址,点击发送,就可以测试之前设置的功能了,如果不对,那就是设置的有问题,需要再次返回设置修改。

    三,其他

    目前还有只有一个小的功能选项,这个部分插件官方后续应该会更新新的功能。

    下一篇文章,Wopus会总结一篇文章,把国内常用的邮箱都总结一下,方便各位使用。

    WP Mail SMTP插件官方地址:https://wordpress.org/plugins/wp-mail-smtp/

  • WordPress如何导入xml数据

    xml数据是WordPress通过后台工具导出的最原始数据,如果您无法通过phpmyadmin导入sql数据,也无法拿到sql的原始数据,那么最后一个办法就是导出xml,再导入即可。

    导入xml数据的详细步骤:

    1,登陆到WordPress管理后台/工具/导入:

    2,选择WordPress,这个插件WordPress默认并没有在WordPress插件目录里的出现,所以需要单独安装,直接点击 现在安装:

    3,安装成功之后,点击运行,并选择xml文件,点击 上传文件并导入:

    这个一定要是.xml结尾的,不能是.zip格式的,如果是.zip格式的,一定要先解压出来。

    4,导入成功之后,分配所有数据给具体的管理员即可,如果主题有很多的图片,一定要勾选 下载并导入附件 文件。

    5,最后回到网站首页,可以看到效果了,然后可以继续回到管理后台逐个查看每个功能了。

  • 替换分享工具自带图标

    目前常用的社会化分享工具有 百度分享 和 JiaThis,特别是这个JiaThis年代够久远,在百度也加入这个领域后,居然还坚持为大家提供免费工具,这里点32个赞!

    随着时代的变化,这些分享工具自带的小图标却一成不变,已不符合目前流行的扁平化风格,与网站风格极不协调,但有些网站虽用的也上面两款分享工具,但图标却不一样,扁平、大方、简洁,显得高大上。今天就分享一下修改后的代码,起个抛砖引玉的作用,以JiaThis分享工具为例,下面是修改后的效果:

    默认的分享按钮
    美化后的分享按钮

    基本原理就是找到默认分享代码的DIV选择器,然后隐藏背景图片,添加字体图标并重写样式。

    一、首先将下面代码添加到当前主题functions.php的最后:

    1. function entry_share($content) {
    2. if (is_single()) {
    3. $content .= ‘
    4. <div class=“entry-share”>
    5. <div class=“share-box”>
    6. <span class=“share-pu”>分享到</span>
    7. <!– JiaThis Button BEGIN –>
    8. <div class=“jiathis_style_32x32”>
    9. <a class=“jiathis_button_tsina”><i class=“fa fa-weibo”></i></a>
    10. <a class=“jiathis_button_weixin”><i class=“fa fa-wechat”></i></a>
    11. <a class=“jiathis_button_renren”><i class=“fa fa-renren”></i></a>
    12. <a class=“jiathis_button_qzone”><i class=“fa fa-qq”></i></a>
    13. <a class=“jiathis_button_fb”><i class=“fa fa-facebook”></i></a>
    14. <a class=“jiathis_button_twitter”><i class=“fa fa-twitter”></i></a>
    15. <a href=“http://www.jiathis.com/share” class=“jiathis jiathis_txt jtico jtico_jiathis” target=“_blank”><span><i class=“fa fa-share-alt”></i></span></a>
    16. <a class=“jiathis_counter_style”></a>
    17. </div>
    18. </div>
    19. <script type=“text/javascript” src=“http://v3.jiathis.com/code/jia.js” charset=“utf-8”></script>
    20. <!– JiaThis Button END –>
    21. </div>’;
    22. }
    23. return $content;
    24. }
    25. add_filter(‘the_content’,’entry_share’);

    之后分享代码会自动添加到文章正文的下面。

    上面代码只是在原JiaThis分享代码基础上添加了字体图标。

    二、再把下面配套的样式添加到当前主题样式文件style.css中即可。

    展示代码[s][p]

    1. /** 外部盒子 **/
    2. .entry-share {
    3. font-size: 14px;
    4. text-align: center;
    5. margin: 0 auto 20px;
    6. }
    7. /********* 分享文字 ********/
    8. .entry-share .share-pu {
    9. font-weight: 700;
    10. line-height: 40px;
    11. }
    12. .entry-share .share-pu {
    13. float: left;
    14. color: #4d4d4d;
    15. }
    16. /******** 分享样式 ********/
    17. .entry-share div.share-box {
    18. display: inline–block;
    19. overflow: hidden;
    20. }
    21. .entry-share .jiathis_style_32x32 {
    22. float: left !important;
    23. margin-left: 10px;
    24. }
    25. .entry-share .jiathis_style_32x32 a {
    26. float: left;
    27. width: 40px;
    28. height: 40px;
    29. color: #a8a8a8;
    30. font-size: 16px !important;
    31. display: block;
    32. border-radius: 5px;
    33. margin-right: 10px;
    34. border: 1px solid #999;
    35. }
    36. .entry-share .jiathis_style_32x32 a:hover {
    37. text-decoration: none;
    38. color: #fff;
    39. }
    40. /** 图标大小 **/
    41. .entry-share .jiathis_style_32x32 a span {
    42. background: transparent !important;
    43. width: 38px !important;
    44. height: 38px !important;
    45. padding: 0 !important;
    46. margin: 0 !important;
    47. float: none !important;
    48. font-size: 20px !important;
    49. display: block !important;
    50. text-align: center !important;
    51. line-height: 38px !important;
    52. }
    53. /******** 更多分享 ********/
    54. .entry-share .jiathis_style_32x32 a.jtico_jiathis {
    55. background: transparent !important;
    56. width: 38px !important;
    57. height: 38px !important;
    58. padding: 0 !important;
    59. margin: 0 !important;
    60. font-size: 24px !important;
    61. display: block !important;
    62. text-align: center !important;
    63. line-height: 38px !important;
    64. }
    65. .entry-share .jiathis_style_32x32 a:hover.jtico_jiathis {
    66. background: #666 !important;
    67. border-color: #666;
    68. }
    69. /******** 分享次数 ********/
    70. .entry-share .jiathis_style_32x32 a.jiathis_counter_style {
    71. width: auto;
    72. margin-left: 10px;
    73. padding: 0 15px;
    74. border-radius: 5px;
    75. display: inline–block;
    76. position: relative;
    77. background: #e8e8e8;
    78. border-color: #e8e8e8;
    79. color: #fff !important;
    80. }
    81. /** 箭头 **/
    82. .entry-share .jiathis_style_32x32 a.jiathis_counter_style:before {
    83. content: ”;
    84. width: 0;
    85. height: 0;
    86. border-style: solid;
    87. border-width: 10px 10px 10px 0;
    88. border-color: transparent #e8e8e8 transparent transparent;
    89. position: absolute;
    90. right: 100%;
    91. top: 50%;
    92. margin-top: –10px;
    93. }
    94. .entry-share .jiathis_style_32x32 a.jiathis_counter_style span.jiathis_bubble_style {
    95. color: #666 !important;
    96. font-size: 14px !important;
    97. width: auto !important;
    98. }
    99. /******** 不同图标悬停背景颜色 ********/
    100. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_tsina {
    101. background: #e74c3c;
    102. border-color: #e74c3c;
    103. }
    104. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_weixin {
    105. background: #2ecc71;
    106. border-color: #2ecc71;
    107. }
    108. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_fb {
    109. background: #4760A5;
    110. border-color: #4760A5;
    111. }
    112. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_twitter {
    113. background: #50ABF1;
    114. border-color: #50ABF1;
    115. }
    116. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_renren {
    117. background: #3777BE;
    118. border-color: #3777BE;
    119. }
    120. .entry-share .jiathis_style_32x32 a:hover.jiathis_button_qzone {
    121. background: #2174C3;
    122. border-color: #2174C3;
    123. }

    [/p]

    鼠标悬停在分享按钮上,背景会变成不同的颜色。

    注:

    因代码中使用了Font Awesome字体图标,如果你的主题没有加载字体图标,可以到WP后台–插件–安装插件页面搜索:Font Awesome 4 Menus 安装并启用,才能显示替换后的图标。

    如果你动手能力比较强,也可以同样替换百度分享图标。

  • WP First Letter Avatar插件代码版

    留言者未申请Gravatar头像,显示的是WordPress自带的默认头像或丑陋的随机图片,安装WP First Letter Avatar 插件可以较好地解决这一问题,如留言者无Gravatar头像,则以留言者名称第一个字母为头像。

    默认WP First Letter Avatar插件并不支持中文名称,经搜索有修改版本的支持中文,另外,插件源代码只有一个关键文件,于是去掉插件后台控制页面,添加对中文的支持,精简代码,直接改成代码版,分享给大家。

    相关文件下载

    使用方法:

    一、将下载的文件解压后的,将里面的avatar文件夹,放到当前主题根目录中。

    二、添加调用代码

    将下面的代码添加到当前主题函数模板functions.php的最后:

    1. require get_template_directory() . ‘/avatar/zm-first-letter-avatar.php’;

    因其它尺寸很少用到,代码版只保留了96和128尺寸的头像图片。

    另外,下载的zm-first-letter-avatar.php文件中有几行加了注释:

    1. const IMAGES_PATH = ‘avatar’; // 图片目录
    2. const GRAVATAR_URL = ‘https://cn.gravatar.com/avatar/’; // 从cn获取url
    3. // const GRAVATAR_URL = ‘https://secure.gravatar.com/avatar/’; // 从ssl获取url
    4. // 默认配置:
    5. const USE_GRAVATAR = true; // true:如果用户设置了头像,则显示Gravatar头像;false:所有用户使用字母头像
    6. const LETTER_INDEX = 0; // 0:首字母;1:第二字母;-1:最后一个字母等。
    7. const IMAGES_FORMAT = ‘png’; // 文件格式
    8. const ROUND_AVATARS = false; // TRUE: 头像添加类round-avatars; FALSE: 不添加
    9. const IMAGE_UNKNOWN = ‘mystery’;// 未知头像名称,
    10. const FILTER_PRIORITY = 10; // 过滤优先级别

    可以根据需要适当修改。

    WP First Letter Avatar插件和代码版,都不支持本地环境显示字母头像。

  • WordPress随机显示本地头像

    WordPress随机显示本地头像

    随机显示本地头像

    Gravatar头像加载缓慢的问题,一直困扰着我们,启用头像本地缓存或者缓存到类似七牛云上可能是唯一可行的办法。

    还有一个让人郁闷的是,很多评论留言者并没有申请Gravatar头像,只能显示WordPress自带的古怪头像,看着很不爽。

    下面分享一段随机显示本地评论头像的代码,预先准备一些漂亮的图片代替WordPress自带的头像。

    添加代码

    将下面代码添加到当前主题functions.php中:

    1. add_filter( ‘get_avatar’ , ‘local_random_avatar’ , 1 , 5 );
    2. function local_random_avatar( $avatar, $id_or_email, $size, $default, $alt) {
    3.     if ( ! empty( $id_or_email->user_id ) ) {
    4.         $avatar = ”.get_template_directory_uri().’/avatar/admin.jpg’;
    5.     }else{
    6.         $random = mt_rand(1, 10);
    7.         $avatar = ”.get_template_directory_uri().’/avatar/’. $random .’.jpg’;
    8.     }
    9.     $avatar = “<img alt='{$alt}’ src='{$avatar}’ class=’avatar avatar-{$size} photo’ height='{$size}’ width='{$size}’ />”;
    10.     return $avatar;
    11. }

    其中:mt_rand(1, 10);数字为随机图片张数可以自行修改。

    准备头像图片

    在当前主题目录中新建一个名称为avatar的文件夹,里面放10张名称连续的jpg图片,比如1.jpg、2.jpg、3.jpg………,和一张用于管理员的图片,名称为admin.jpg

    添加上述代码后,只有管理员是显示固定的图片,其他留言者都是随机显示预先准备的头像图片,包括注册用户。

    可以安装本地上传头像插件:Simple Local Avatars,让注册用户在后台上传头像,从而显示自己固定的头像。

    可能有童鞋会问,已申请Gravatar头像的留言者,是否能显示正常的Gravatar头像,理论上是可以通过判断实现的,不过这就需要到Gravatar头像站点去检测,会严重拖慢速度,得不偿失。

  • WordPress七牛镜像存储插件使用教程

    关于WordPress七牛镜像存储插件,Wopus之前有教程介绍过:云储存插件:七牛镜像存储 WordPress 插件;这也是三款云存储插件的系列教程之一。

    WordPress七牛镜像存储插件已经被WordPress官方收录,可以直接在wp-admin后台/插件/安装插件,在搜索框里输入:wpjam,就可以有WPJAM Basic插件和七牛镜像存储WordPress插件。

    想要安装WordPress七牛镜像存储插件,就要先安装 WPJAM Basic 插件并激活这个插件。然后再安装七牛镜像存储WordPress插件。在激活WPJAM Basic插件的时候,会提示:该插件没有有效的标题。 这样直接回到wp-admin/插件/已安装插件列表,启用这个插件即可。

    安装之后通过微信扫码,激活插件,就可以正式使用了。

    七牛云存储插件有5个功能模块:七牛设置/本地设置/缩略图设置/远程图片设置/水印设置;

    比较重要的是:七牛设置/本地设置

    在设置这两个之前,先到七牛云存储网站注册:注册连接(使用Wopus的注册链接,可以给Wopus带来5G的流量,感谢。)

    注册成功之后,马上充值10元,只要充值10元即可,因为只有充值10元的用户,才可以使用 对象存储的域名绑定功能。

    接下来开始详细的使用教程:

    1,点击 对象存储:

    1

    2,点击 新建存储空间:

    2

    存储空间名称:这个可以自定义,比如imgs,cdns,pics等;

    存储区域:有四个区域可以选择,因为只有备案的域名才可以绑定到七牛,所以,这里尽量选择离自己主机机房所在的区域,如果不知道自己的国内主机在哪里,可以咨询主机提供商;

    访问控制:这里都可以的。

    创建完成之后,就到这里了:

    3

    3,点击 绑定域名–新建加速域名:

    4

    加速域名:这里可以是网站域名的二级域名,也可以是新的顶级域名,都可以的;

    使用场景:因为我们要存储JS,CSS和图片文件,所以选择:图片小文件 即可;

    最后点击创建。

    4,等待生成cname的七牛二级域名:

    5

    域名信息:七牛会生成一个用于cname解析的二级域名,但需要一些时间,不用一个小时,基本30分钟就足够了,生成了七牛的二级域名之后,到域名管理的地方,去解析一个cname就行,解析一般2个小时就会生效;

    5,设置 镜像存储:

    7

    这里很重要,如果您设置好之后数据没有同步,基本上就是这里没有设置好;如果你的网站是:http://blog.wopus.org的,就写这个,如果是https://www.wopus.org/blog/ ,就写这个,总之一条原则是:程序所在的访问目录地址,就是正确的地址,到这里,在七牛的设置就完成了。

    6,返回网站的 wp-admin/七牛镜像存储 继续设置:

    6

    如果你有多个七牛存储空间,也创建了多个绑定的域名,这里就要注意,一定不要设置错了。

    ACCESS KEY和SECRET KEY在右上角的 个人面板/密钥管理 里插件,然后分别复制过来,最后点击 保存更改就行。

    7,本地设置:

    9

    扩展名:这是想要镜像到七牛的内容,一般都是网站的JS,CSS和图片,这里需要注意一点,有些功能比较复杂的主题,使用了大量的JS代码,如果镜像到七牛之后,可能会造成主题的一些功能失效,如果这样,可以选择不同步JS。如果开始不知道,已经镜像到七牛之后,到七牛镜像存储里删除.JS后缀的所有文件即可。

    目录:默认是WordPress的两个目录,这里没什么需要修改的;

    本地域名:就是你的网站地址;

    图片瘦身:这个可以尽可能的利用七牛的存储空间,虽然免费的有10G,但是如果图片很多使用这个功能,可以尽可能的多镜像一些图片到七牛;

    渐进显示:这个是当前主流的一种图片显示访问,各位访问:https://www.wopus.org/ 可以看到图片就是这么显示的,这样做的目的是网站打开的速度会快一些,节省七牛的宽带资源,如果图片存储在本地,那可以节省主机的宽带资源,如果图片量很大,这样可以节省很多的宽带资源,让网站打开的速度快很多;

    图片质量:按照默认的即可;

    使用 jQuery 2.0:是否勾选看个人;

    设置完之后,点击保存设置,这时候回到七牛,看创建的存储空间/内容管理,已经可以看到需要同步的扩展名文件已经开始逐渐同步到七牛的空间里;

    这个需要一些时间,服务器的网络质量和宽带大小会影响这个,所以不要着急;但最迟一天应该会同步完成。

    这时候你打开自己的网站,鼠标查看图片,点击 复制图片地址,然后粘贴到浏览器的地址栏里,这样可以看到,图片的地址,已经是以:http://imgs.wopus.org/开头的地址了。

    如果你有很多网站,可以在七牛里创建对应的存储空间,绑定对应的二级域名,然后每个都安装七牛镜像存储插件,这样可以给这些网站使用七牛云存储的功能。

    到这里,WordPress七牛镜像存储插件的使用教程,就写完了,如果您看了之后有任何问题,可以直接留言,我会即使的回复你,也可以加WordPress爱好者QQ群:39872098 。

    总结:

    WordPress网站使用七牛镜像存储的好处显而易见:

    1,减少主机的资源使用:如果把JS,CSS,图片都使用七牛的,这些资源的请求会占用七牛的资源,而不会消耗服务器的资源使用;

    2,减少主机的宽带使用:JS,CSS,图片都是很消耗流量的资源,镜像到七牛之后,会让主机的宽带使用减少大半甚至更多;

    3,提高网站的访问速度:只要你主机所在的机房,到七牛的存储空间所在的机房速度不是特别慢,那么你网站的速度打开会提高很多,因为网站慢,主要就是图片载入速度,JS,CSS载入慢,这些不占用主机的宽带之后,网站的速度就快了。

  • 利用七牛云存储缓存Gravatar头像加速 WordPress

    WordPress默认集成的头像系统是:gravatar,如果您的网站上评论较多,而又没有使用第三方的评论系统,那么因为gravatar在国内打开速度很慢的原因,会影响你的网站载入速度,甚至会把你的网站速度拖的很慢。

    利用七牛云存储缓存Gravatar头像,是一种很完美解决头像速度的办法,可以大大的提升头像的载入,也提升了网站的速度,让评论的用户更加有评论的欲望。

    22

    原理很简单,就是借助七牛云的“对象存储”拉取Gravatar的SSL服务器上的头像图片转存到七牛空间来实现,如果再在“对象存储”空间上再开启七牛云的融合CDN的话那就超级完美了,当然不使用CDN单就七牛空间的速度也比原有的强出了很多。

    首先,当然是注册个七牛云账号(https://qiniu.com)并通过实名认证了,然后登陆七牛云账号新建一个“对象存储”空间,空间名字可以任意英文组合即可,镜像源要设成https://secure.gravatar.com/以便拉取 Gravatar 官网的头像图片(当然你也可以设定成多说 Gravatar 头像服务器地址),如下图:

    20170211024351

    然后根据自己WordPress主题使用到的头像尺寸设定七牛云对象存储空间的“图片样式”,参照 Gravatar 官方头像不同 size 的图片,依次是?s=40、60、80、100、120(你可以审查元素看看):

    4

    就明月使用的 Begin 主题来说32、40、60、80、100尺寸是最合适的,所以分别创建“图片样式”如下图:

    20170211025130

    这是全部创建完成后的处理样式列表:

    20170211025503

    每个图片处理样式就参照上图设定即可,样式名称即为尺寸数字即可。

    至此七牛云存储端设置全部完成,剩下的就是在 WordPress 所使用的主题下根目录下的function.php里添加如下代码替换 WordPress 默认评论头像地址:

    //缓存Gravatar 头像到七牛云存储,WordPress 4.0+ 适用
    function qiniu_avatar($avatar) {
    $avatar = preg_replace(‘/.*\/avatar\/(.*)\?s=([\d]+)&.*.srcset=.*/’,’‘,$avatar);
    return $avatar;
    }
    add_filter( ‘get_avatar’, ‘qiniu_avatar’, 10, 3 );

    记得要把你自己的七牛空间域名或者绑定的自定义域名在代码里填上(代码内紫色字部分替换即可),然后保存,浏览一下评论页面后,对评论头像地址进行验证是不是已经替换为七牛云空间缓存的图片了。这时登录七牛云可以看到空间里面已经缓存了头像图片了,如下图:

    20170211030841

    最后就是体验博客载入速度了,如果你是七牛付费用户还可以给头像缓存的七牛空间开启融合 CDN(前提是你的域名备案了,否则不能使用七牛的融合CDN服务) ,这样头像调用会选择离你最近、速度最快的节点链接,这样就可以避免Gravatar被“墙”以来头像总是获取失败和载入龟速的尴尬了,也算是变相的给我们的 WordPress 提了速!话说也不知道啥时候 WordPress 才会考虑在国内架设服务器,但愿这个愿望可以实现。

    如果遇到 Gravatar 头像缓存到七牛后会造成用户更换头像后不能同步更新的问题,这个同步更新估计是没戏了,但我们可以通过设定 Gravatar 头像的缓存有效期来避免出现这样的尴尬,只需设定缓存 Gravatar 头像的七牛空间的“文件客户端缓存 maxAge”就可以了,如下图:

    wp-content-uploads-2017-02-20170214183238

    文件客户端缓存 maxAge的值是以秒为单位的,为了方便大家根据不同情况设定不同的天数,下面直接给出不同天数对应的秒数,以方便大家填写:

    1天=86400秒
    3天=259200秒
    7天=604800秒
    10天=86400秒
    14天=1296000秒
    20天=1728000秒

    为什么可以这样设定,这是因为前文讲到的缓存 Gravatar 头像的七牛存储空间镜像源是 Gravatar官方的https://secure.gravatar.com/服务器,七牛会重新拉取对应的头像图片的。

    转载于:明月登楼博客

  • WordPress杂志主题Awaken使用教程

    Wopus之前分享的这款主题版本是:2.0.3,现在这款主题于2016年4月4号更新到2.0.4版本了,在使用的用户可以直接在WordPress控制面板升级即可(升级不影响设置)。

    WordPress杂志主题:Awaken 地址:https://www.wopus.org/themes/cms/3142.html

    这款主题使用教程主要是要注意几个方便:文章都要加缩略图;小工具的使用;静态首页的创建和设置。

    Awaken主题使用教程详细步骤:

    首先:请保证您的网站有5个分类,每个分类下面有3~5篇文章,每篇文章,都要设置特色图像。

    1,安装并激活Awaken主题;

    2,下载并把Wopus翻译的中文包放到主题的languages目录,详情;

    3,上传Logo:在主题–自定义–站点身份 里操作,显示网站LOGO有几个选项,各位可以根据自己的需求设置;

    4,上传favicon:和上传Logo的操作一样;

    5,设置网站首页:

    a,先在页面里创建一个新的页面,页面名称可以自定义,比如用:首页;页面属性–模板这里选择:Magazine Template,其他不需要填写任何内容,直接点击发布即可:

    1

    b,回到 主题–自定义–首页设置–静态首页,设置如图:

    2

    这样,再配合主题的小工具功能,就可以设置出和DEMO一样的首页了;

    6,轮播图设置:这个功能不需要使用插件,是主题内置的一个功能,也是在主题–自定义–首页设置里操作;

    7,菜单设置,这个也没有难点,不详细说,其他的设置因为有设置中文语言包,各位可以自己查看。

    着重讲一下小工具的使用:

    主要用到的五个小工具,如图:

    3

    官方的文档地址:http://themezhut.com/awaken-wordpress-theme-documentation/,在最后有一张图片,小工具的详细用户,各位可以对照着看看;

    具体的使用,各位可以自己测试,这样就可以打造一个很好的杂志类的网站了。

  • Wopus翻译:WordPress杂志主题Awaken中文语言包

    Wopus之前分享的这款主题版本是:2.0.3,现在这款主题于2016年4月4号更新到2.0.4版本了,在使用的用户可以直接在WordPress控制面板升级即可(升级不影响设置)。

    WordPress杂志主题:Awaken 地址:https://www.wopus.org/themes/cms/3142.html

    主题有languages目录,只要把中文语言包解压到这个目录即可。

    [button]Awaken杂志主题中文语言包下载[/button]

  • WordPress图片主题photos中文包及使用教程

    最近一直在思考的问题是,只是分享主题,似乎不够,因为主题有简单和复杂之分,复杂的主题使用起来需要大量的设置,所以Wopus今后除了继续分享主题,也会分享主题的中文包和使用教程,特别是使用教程,是分享主题很重要的一个步骤。

    这款主题是今天才分享的,语言包的翻译也很简单,各位直接把zip文件下载,解压并上传到主题的languages目录即可。

    photos图片主题中文包:点击下载;

    photos主题使用教程:

    1,首页显示的图片,需要给每篇文章设置缩略图,如果文章没有设置缩略图,会有一张猫的图片作为默认图片;

    2,缩略图默认尺寸是:370*247;至于demo里的瀑布流格式,是根据每篇文章的缩略图尺寸不同而显示不同;

    3,主题–自定义–顶部图片;这里的图片包含两张图片,一张是背景图片,一张是背景图片前一层的圆形头像;背景图片尺寸是:900*600,圆形头像图片尺寸:120*120(最小尺寸);

    4,其他就没有什么需要设置的地方了,如果您使用这款主题,还有问题,可以直接发表评论。

    5,Wopus分享的所有主题,如果您在使用的过程中遇到问题而解决不了,Wopus可以提供收费设置主题的服务,详情可以咨询我们的客服QQ:12216833。