• 欢迎访问南思工作室官方站点.
  • 文章内容如有失效请文章下留言,我们看到后会第一时间处理。
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏南思工作室吧。
  • 图片服务器和主服务器都挂了CDN,如有异常,请留言,我们会尽快处理。

欲思主题常见问题与解答[非官方FAQ]

前端 nansi 来源:云洛 4个月前 (05-16) 137次浏览 2个评论

欲思主题常见问题与解答[非官方 FAQ]

前言

关于 Git 主题常见问题使用指南,原作者云落是出售的,20R,虽然我也买了,但是发出来不合适,原址:点我进入,要看的自行购买吧。当然,有什么问题可以文章下留言,简单的小问题我还是可以帮忙解答下的。

注意:懒得看目录的亲,请直接使用 Ctrl+F 搜索关键字查询

首先感谢欲思提供的这款优秀的主题,主题的强大无需多说
博猪发现还是有一些朋友在使用中有各种各样的问题,博猪将这些问题集中起来,然后一起解答,希望能帮到诸位
PS ,其实很多都不是主题问题,而是 WordPress 的使用常识而已。
注意!
1,在修改主题之前,建议先进行网站备份;
2,编辑代码绝对不准使用记事本或者 WordPress 自带的主题编辑功能;
3,编辑代码全过程使用 UTF-8 编码方式

下载主题

作者主页 主题主页

FAQ 目录

缩略图问题

首先需要检查下主机是否开启了 GD 库

作者给出了缩略图解决方案

wordpress 使用 timthumb 和七牛云存储函数实现缩略图

在主题文件夹内timthumb.php文件内添加图片域名第 133 行第 141 行,添加自己的图片域名,建议添加自己的博客域名,如果临时用七牛,添加 http://[空间名].qiniudn.com。
在和timthumb.php同一个目录下新建一个cache文件夹用来存储生成的小图片,设置 cache 文件夹为 755 777 权限

请使用绝对地址来表示原有图片,该程序不支持外链图片。

头部字体

欲思主题常见问题与解答[非官方 FAQ]

先看下我是怎么解决的

欲思主题常见问题与解答[非官方 FAQ]

如何修改头部字体,头部字体采用的是有字库中文版在线字体,首先需要在有字库注册
欲思主题常见问题与解答[非官方 FAQ]

注册有字库

引用有字库字体

在有字库里面选择一个自己喜欢的字体,然后跟着来就是了
欲思主题常见问题与解答[非官方 FAQ]

获取字体代码

获取字体代码

欲思主题常见问题与解答[非官方 FAQ]

一个网站名称,另一个是网站描述,所以需要 2 个字体,即便是网站标题和描述采用同样的字体也需要两次这样做。
然后用你的字体相关数据替换下面的代码

替换方法
把第二个的红框里面的代码替换掉下面代码的第一行
把第一个红框里面的代码替换掉第三行花括号里面代码
然后网站描述重复做一次
将代码放在主题文件夹 header.php 文件里面的标签内
将以下代码按照自己字体修改后添加到 header.php 文件标签内
<link href='http://www.youziku.com/webfont/CSS/xxxxxxxxxxxxxxxxxxx' rel='stylesheet' type='text/css'/>
<link href='http://www.youziku.com/webfont/CSS/xxxxxxxxxxxxxx' rel='stylesheet' type='text/css'/>
<style type="text/css">.yusi-mono{font-family:yyyyyyyyyyyyyy;}.yusi-bloger{font-family:yyyyyyyyyyyyyyyy;}</style>

over 欲思主题常见问题与解答[非官方 FAQ] 欲思主题常见问题与解答[非官方 FAQ]
so easy!so happy!

注意
由于有字库偶尔不太稳定,引用在线字体可能会拖慢网站打开速度
您可以选择将字体保存在本地引用

欲思主题常见问题与解答[非官方 FAQ]

如果您只是想修改掉默认字体,改成楷体,仿宋等等常见字体,那么这个方法可能最简单

在 header.php 文件搜索以下代码

<span class="yusi-mono">

替换成以下代码

<span style="font-family:楷体;" class="yusi-mono">

就可以替换掉网站标题为楷体字体了。


在 header.php 文件搜索以下代码

<span class="yusi-bloger">

替换成以下代码

<span style="font-family:楷体;" class="yusi-bloger">

就可以替换掉网站描述成楷体字体了
然后可能还有人既想要漂亮的字体,有想要不影响网页加载速度,那么可以参考这里 缓存本地有字库

百度分享样式错乱

看到这个样子是不是很搓火???
欲思主题常见问题与解答[非官方 FAQ]

开启百度分享之后发现样式错乱,怎么回事?
其实很简单,打开主题文件/js/jquery.js
在代码编辑器里面 ctrl+F 搜索yusi
/wp-content/themes/yusi1.0/share.css中间的yusi1.0改为你目前的主题名字
总之,就是你如果把主题名字改了的话就会出现这个问题
如果你的事二级域名博客,比如 blog..me,那么还需要添加你的二级域名 blog/wp-content/themes/yusi1.0/share.css
看看下面做好的效果
上面的方法无法解决问题,请使用下面方法
[v_qing]一句话:将主题文件 share.css 内代码复制粘贴到主题 style.css 里面就好了[/v_qing]
欲思主题常见问题与解答[非官方 FAQ]

彩色标签

欲思主题常见问题与解答[非官方 FAQ]

主题自带功能,控制面板——外观——小工具——标签云,添加即可
欲思主题常见问题与解答[非官方 FAQ]

二级菜单

欲思主题常见问题与解答[非官方 FAQ]

▲欲思主题是支持多级菜单的,一般二级菜单就够了,其他用不着了。
开启主题二级菜单,进入后台》外观》菜单,将菜单中的任意一个拖放至任意一个菜单下
欲思主题常见问题与解答[非官方 FAQ]

关于多级菜单,推荐浏览知更鸟的更详细的说明

WordPress 导航菜单图文使用教程

下拉自动加载

欲思主题常见问题与解答[非官方 FAQ]

看到主题作者的底部自动加载了吗?想要?
网站后台——主题设置—— 开启列表 Ajax 加载分页内容
欲思主题常见问题与解答[非官方 FAQ]

显示 H2 绿色边缘以及下划线

主题的 h2 标题都有样式,只是在文章页面外,所以在手机里面看不到,将以下代码添加到 sigle.php 文件上面就好了

<style type="text/css">.article-content h2 {border-left: 8px solid #00A67C; border-bottom: 2px solid #00A67C; }</style>

代码高亮

主题支持代码高亮,采用 google-code-prettyprint 着色方案

<pre class="prettyprint linenums" >代码内容<pre>

害怕切换主题之后代码乱掉???采用同样采用 google-code-prettyprint 着色方案的代码插件就好了,比如我的插件G-prettify:最轻量最简单的代码高亮插件发布

下载,链接按钮

链接地址下载链接开源地址

 {dm href=''}链接地址{/dm}{dl href=''}下载链接{/dl}{gt href=''}开源地址{/gt}
注意,将代码中的{}改为 []

幻灯片错乱

欲思主题常见问题与解答[非官方 FAQ]

首先你需要启用幻灯片功能(主题设置,启用幻灯片)
标准图片尺寸为 716*297,需要保证第一幅图片尺寸为 716*297,另外墙裂建议在设置–多媒体里面,将所有数字设为 0!!!

在上传图片的时候注意需要插入的是完整尺寸,而不是缩放的

友情链接在哪?

WordPress 自带了友情链接功能,只是被隐藏了,恢复友情连接功能

恢复 WordPress 隐藏的友情链接功能

代码神秘失踪

插入代码的时候可能会被转义,可以通过先在 html 编辑器点击代码按钮,然后切换到可视化编辑器添加代码,所以,代码可以留到文章结尾添加。

由于代码转义,添加不方便等等原因,个人推荐使用代码高亮插件 G-prettify

关于 wp-code-highlight,您可能需要阅读这些文章;

WordPress 代码高亮插件:WP Code Highlight
修改 WP-Code-Highlight 插件支持自动换行
G-prettify:最轻量最简单的代码高亮插件发布

点击喜欢没有+1

不建议使用代码压缩插件压缩 js 文件

网站图标不显示,只有 4 个数字

主题采用了部分图标字体,换一个浏览器试试

那些社交图标

欲思主题常见问题与解答[非官方 FAQ]

后台——主题设置,开启即可,另外图标数量不建议超过 6 个,否则会出错。
新浪微博,腾讯微博开启后直接添加链接即可,比如某个新浪微博:http://weibo.com/u/3916790072,另外求关注哈
腾讯微信填入微信账号,比如我的是yunluoV587,然后再主题images目录上传weixin.gif二维码图片
邮箱代码推荐使用 QQ 邮箱的邮我组件。QQ 邮件的邮我组建的使用教程最后获取的代码是这样的:
http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=luXmr6fW8Pnu_-f-_rj1_fs
QQ 填写代码 tencent://message/?uin=12315&Site=&Menu=yes,将代码中的数字改为自己的 QQ 号

微信图标一直是作者的

下载最新版主题覆盖即可!

特别推荐模块

主题自带,后台,外观,小工具,特别推荐模块。

搜索不能用

首先要说明的,搜索有问题的一般都是环境问题
如果 http://博客域名/?s=2014 可以打开的话,下面这个方法可以有效

在 header.php 文件里查找这段代码

onsubmit="location.href='<?php echo home_url('/search/'); ?>'

改为

onsubmit="location.href='/?s='

头像不显示

在主题后台开启头像缓存,然后在 WordPress 程序根目录新建 avatar 文件夹,然后授予 777 权限,OK!

热门排行不显示

应该是最近评论数量不多,可以考虑在提高天数

左右移动 LOGO

欲思主题常见问题与解答[非官方 FAQ]

你是不是想要这样???如何做到??其实很简单,和添加本地头部字体一样,搜索以下代码

 <span class="yusi-mono">乐趣公园</span>

替换成以下代码

<span style="left : -365px;" class="yusi-mono">乐趣公园</span>

其实就是给class=yusi-mono添加一个left : -365px;属性,具体大小看你自己,网站描述是同样的道理。

热门排行不显示

热门排行是按照评论数目排行的,如果你的热门排行不显示,那就是你的网站评论数目太少了-_-||,另外主题默认的天数是 7 天,也就是一周,修改天数为 30,改成一个月吧。应该会有显示的。

如何添加文章置顶

文章置顶方法:
方法一、编辑文章时,左侧发布面板 → 公开度 → 勾选“将文章置于首页顶端”
方法二、打开所有文章页面 → 快速编辑 → 勾选“置顶这篇文章 ”

侧边栏小工具不显示评论

最新评论小工具,排除管理员 ID,差不多都是 1
欲思主题常见问题与解答[非官方 FAQ]

添加注册以及后台管理按钮

欲思主题常见问题与解答[非官方 FAQ]

在主题header.php文件中搜索以下代码

<?php if(is_user_logged_in()){echo '<i class="fa fa-user"></i> '.$u_name.'   '; echo '     <i class="fa fa-power-off"></i> ';}else{echo '<i class="fa fa-user"></i> ';}; wp_loginout(); ?>

替换为以下代码

<?php if(is_user_logged_in()){ echo '<i class="fa fa-user"></i> <a href="/wp-admin">'.$u_name.'</a> ';   }else{  echo '<i class="fa fa-user"></i> <a href="/wp-login.php?action=register">注册</a>';   };  echo '   <i class="fa fa-power-off"></i> ';echo wp_loginout();echo'';  ?>

OK!

文章页评论不计数

如果你发现的的文字页面下面的评论不计数,一直都是 0 的话,可以照着试试,打开single.php,找到以下代码'去', '1', '%').'评论,替换为'0', '1', '%').'评论,看看好了吗?

投稿怎么添加或者投稿无法使用

投稿功能是主题自带的,首先在后台主题设置里面先打开这个功能,然后新建页面,选择投稿这个模板就好了

如果启用之后,新建页面了还是没法开启投稿功能或者不能用,看这篇文章
欲思主题更换投稿页面

网站标题和描述之间添加分割符号添加

主题在首页,网站标题有点问题,那就是网站名和网站描述会挤在一起,但是很明显,这不是我们想要的,我们想哟的是这样的
欲思主题常见问题与解答[非官方 FAQ]

怎么才能做到呢,有两种方法

第一种,也是推荐的方法

在 header.php 文件里面搜索以下代码

<title><?php wp_title('-', true, 'right'); echo get_option('blogname'); if (is_home ()) echo get_option('blogdescription'); if ($paged > 1) echo '-Page ', $paged; ?></title>

修改成下面代码就好了

<title><?php wp_title('-', true, 'right'); echo get_option('blogname'); if (is_home ()) echo ' — ' ,get_option('blogdescription'); if ($paged > 1) echo '-Page ', $paged; ?></title>

OVER 欲思主题常见问题与解答[非官方 FAQ] 欲思主题常见问题与解答[非官方 FAQ] 欲思主题常见问题与解答[非官方 FAQ]

第二种方法,也是比较傻瓜点的方法了

欲思主题常见问题与解答[非官方 FAQ]

在设置里面的描述前面加个横线就可以了

友情链接页面不显示链接

这是一个血的教训,我自己之前怎么弄也弄不好,然后才发现问题
新建页面,确定为友情链接模板之后,在链接里面寻找 ID
欲思主题常见问题与解答[非官方 FAQ]

把鼠标放在链接分类上面,然后可以查看分类 ID,比如这个分类就是 69,
然后在主题后台添加这个 ID,就可以了
欲思主题常见问题与解答[非官方 FAQ]

然后好了吧

私密文章密码提交按钮错位

single.php添加一下样式代码

input{padding:0px 20px;height : 30px;}

页面竖行菜单

首先看一张截图吧,这个就是最后效果
欲思主题常见问题与解答[非官方 FAQ]

首先进入后台,外观——菜单选项,欲思主题自带了两个菜单,一个是导航菜单,就是全站头部黑色的导航条菜单,还有一个就是页面菜单
进入菜单,需要有两个菜单,如果不够自己新建一个吧
欲思主题常见问题与解答[非官方 FAQ]

然后再左边页面里面选择准备显示出来的页面
欲思主题常见问题与解答[非官方 FAQ]

然后在下面选择页面菜单
欲思主题常见问题与解答[非官方 FAQ]

保存菜单,然后看效果吧

改头部文字 logo 为图片 logo

欲思主题的 logo 为文字,但是有很多人想改成图片,这个做个好图就行了,看怎么做吧
欲思主题常见问题与解答[非官方 FAQ]

首先如上图,打开header.php文件,在文件中搜索以下代码,很好找的

<h1>
                                                        <span class="yusi-mono"><?php bloginfo('name'); ?></span>
                                                        <span class="yusi-bloger"><?php bloginfo('description'); ?></span>
                                                    </h1>

将他换成下面的代码

<h1></h1>
logo 图片大小参考 200*70

OK!!

给头部添加背景图

在主题文件打开header.php文件,寻找以下代码

<header id="header" class="header">

更改为以下代码

<header style="background: url('自己添加 jpg 格式图片链接') center 0px repeat-x;background-size: cover;" id="header" class="header">
背景图片大小参考 1100*150

移动端显示幻灯片

打开文件modules/sticky.php文件,首先删除第一行代码,也就是下面这段代码

<?php if (!Yusi_is_mobile() ): ?>

然后再删除最后的那个 endif,也就是这句代码

<?php endif ;?>

然后清理缓存看看,用手机浏览看看吧,贴上我的效果
欲思主题常见问题与解答[非官方 FAQ]



南思工作室 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:欲思主题常见问题与解答[非官方 FAQ]
免责声明:本站一切资源仅用作交流学习,请勿用作商业或违法行为!如造成任何后果,本站概不负责!
喜欢 (6)
关于作者:
南思工作室管理员
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 用这个主题,点喜欢有+1 但是数字一直是0是为什么啊? 插件没装也没启用任何插件 也没改过主题文件 :cry: 求教
    火星的幸存者2018-09-02 22:49 回复 Windows 10 | Chrome 68.0.3440.84
    • ajax 方式点赞,如果不显示+1,试试下面的方法1、禁用全部插件,尤其是部分缓存插件,已知 W3T 缓存插件开启会影响,其他也有可能吧2、如果你的 WordPress 网站是二级域名的,比如:blog.xxoo.cpm这种的,点赞肯定会失效的,打开主题js/globle.js文件,搜索/wp-admin/admin-ajax.php这句代码,在这句代码之前加入你的 WordPress 目录,比如你的 WordPress 在 blog 这个目录,就应该改为/blog/wp-admin/admin-ajax.php一般点赞不生效的就这两个方面的问题 。
      nansi2018-09-09 18:17 回复 Windows 10 | Firefox浏览器 61.0