共计 1051 个字符,预计需要花费 3 分钟才能阅读完成。
今天搜问题的时候看到了一个不错的 WordPress 主题,于是就想着把自己网站的主题替换下。
这个主题就是目前用的 hueman, 这个主题还是很漂亮的。以下是遇到的问题,供大家参考下。
1. 网站首页面文章列表不显示文章名字
这个问题自己定位 css 分析出来了,不知道主题的什么地方设置的原因,导致了 post-title 类的 display 属性设置成了 none, 所以在主题的额外 css 位置,添加如下 css 代码
1 | <span class= "hljs-selector-class" >.form-aside</span> <span class= "hljs-selector-class" >.post-title</span>{<span class= "hljs-attribute" >display</span>: block } |
2. 网站左右边栏在网站内容过长的时候不自动固定在顶部
这个问题很奇怪,明明在主题选项里面设置了固定的,一直没有生效。所以就采用了最保底的方法,使用其他 js 代码来实现侧边栏的固定顶部,以下为代码,加载 </head> 之前即可。
1 | <table class = "hljs-ln" ><tbody><tr><td class = "hljs-ln-line hljs-ln-numbers" data-line-number= "1" ><div class = "hljs-ln-n" data-line-number= "1" ></div></td><td class = "hljs-ln-line hljs-ln-code" data-line-number= "1" ><span class = "hljs-tag" ><<span class = "hljs-name" >script</span>></span><span class = "language-javascript" ></span></td></tr><tr><td class = "hljs-ln-line hljs-ln-numbers" data-line-number= "2" ><div class = "hljs-ln-n" data-line-number= "2" ></div></td><td class = "hljs-ln-line hljs-ln-code" data-line-number= "2" ><span class = "hljs-comment" > // 侧边栏固定</span></td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="3"><div class="hljs-ln-n" data-line-number="3"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="3"><span class="hljs-keyword">var</span> documentHeight = <span class="hljs-number">0</span>;</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="4"><div class="hljs-ln-n" data-line-number="4"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="4"><span class="hljs-keyword">var</span> topPadding = <span class="hljs-number">15</span>;</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="5"><div class="hljs-ln-n" data-line-number="5"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="5"><span class="hljs-title function_">jQuery</span>(<span class="hljs-keyword">function</span> (<span class="hljs-params">$</span>) {<span class="hljs-keyword">var</span> offset = $(<span class="hljs-string">".sidebar"</span>).<span class="hljs-title function_">offset</span>();</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="6"><div class="hljs-ln-n" data-line-number="6"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="6"> documentHeight = $(<span class="hljs-variable language_">document</span>).<span class="hljs-title function_">height</span>();</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="7"><div class="hljs-ln-n" data-line-number="7"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="7"> $(<span class="hljs-variable language_">window</span>).<span class="hljs-title function_">scroll</span>(<span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) {<span class="hljs-keyword">var</span> sideBarHeight = $(<span class="hljs-string">".sidebar"</span>).<span class="hljs-title function_">height</span>();</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="8"><div class="hljs-ln-n" data-line-number="8"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="8"> <span class="hljs-keyword">if</span> ($(<span class="hljs-variable language_">window</span>).<span class="hljs-title function_">scrollTop</span>() > offset.<span class="hljs-property">top</span>) {<span class="hljs-keyword">var</span> newPosition = ($(<span class="hljs-variable language_">window</span>).<span class="hljs-title function_">scrollTop</span>() - offset.<span class="hljs-property">top</span>) + topPadding;</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="9"><div class="hljs-ln-n" data-line-number="9"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="9"> <span class="hljs-keyword">var</span> maxPosition = documentHeight - (sideBarHeight + <span class="hljs-number">368</span>);</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="10"><div class="hljs-ln-n" data-line-number="10"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="10"> <span class="hljs-keyword">if</span> (newPosition > maxPosition) {newPosition = maxPosition;}</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="11"><div class="hljs-ln-n" data-line-number="11"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="11"> $(<span class="hljs-string">".sidebar"</span>).<span class="hljs-title function_">stop</span>().<span class="hljs-title function_">animate</span>({<span class="hljs-attr">marginTop</span>: newPosition});</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="12"><div class="hljs-ln-n" data-line-number="12"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="12"> } <span class="hljs-keyword">else</span> {$(<span class="hljs-string">".sidebar"</span>).<span class="hljs-title function_">stop</span>().<span class="hljs-title function_">animate</span>({<span class="hljs-attr">marginTop</span>: <span class="hljs-number">0</span>});</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="13"><div class="hljs-ln-n" data-line-number="13"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="13"> };</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="14"><div class="hljs-ln-n" data-line-number="14"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="14"> });</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="15"><div class="hljs-ln-n" data-line-number="15"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="15">});</td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="16"><div class="hljs-ln-n" data-line-number="16"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="16"> </td></tr><tr><td class="hljs-ln-line hljs-ln-numbers" data-line-number="17"><div class="hljs-ln-n" data-line-number="17"></div></td><td class="hljs-ln-line hljs-ln-code" data-line-number="17"><span class="hljs-tag"></<span class="hljs-name">script</span>></span></td></tr></tbody></table> |
3. 升级插件的时候报错:因为我们不能复制一些文件, 升级未被安装。这通常是因为存在不一致的文件权限
这个解决方法比较简单,就是将报错里面出错的文件权限修改给网站用户(www 或 wwwuser, 根据自己的环境来定),以下为修改代码, 将 wp-content 替换为需要修改的文件夹,若不是文件夹,则将 - R 参数去掉即可。
1 | <span class= "hljs-keyword" >chown</span> -R www:www wp-content/ |
正文完
发表至: wordpress
2020-03-31