Zblog相关

zblog
Zblog使用中遇到的问题和解决办法

Zblog隔壁老李果皮主题修改备忘录

4个月前 (06-24)Zblog相关444

贝联科技网站使用的是ZBLOG系统的隔壁老李出品果皮主题,当时看上这个主题主要基于两点:

其一,自带了生成海报功能。

其二,文章页面的两栏布局,接近今日头条样式。

这个主题使用以来也发现一些问题,本人在此做以备份记录,主要是给自己看,对有遇到相同问题的朋友可能也有些用处。

Zblog隔壁老李果皮主题修改录

(1)登录网站后台后,前台文章页面不会自动出现编辑菜单。

参考其他主题,本人做了修改,完美解决,修改文件为果皮主题中post-single.php文件,代码加在这行下面即可。

<li class="uptimer">更新:{$article.Time('Update','Y-m-d H:i:s')}</li>

<li class="uptimer">{if $user.ID>0}<span>{if $type=='category'}<a href="{$host}zb_system/admin/category_edit.php?act=CategoryEdt&id={$category.ID}" target="_blank">编辑</a>
{elseif $type=='article'}<a href="{$host}zb_system/admin/edit.php?act=ArticleEdt&id={$article.ID}" target="_blank">编辑</a>{elseif $type=='page'}<a href="{$host}zb_system/admin/edit.php?act=PageEdt&id={$article.ID}" target="_blank">编辑</a>
{elseif $type=='tag'}<a href="{$host}zb_system/admin/tag_edit.php?act=TagEdt&id=1{$tag.ID}" target="_blank">编辑</a>
{else}{/if}</span>{/if} </li>

(2)PC版文章页面的左侧分享图标长度过长,覆盖了尾部文字超链接问题。

这个老李写的左侧分享图标DIV列为position:fixed,层级权重99,同时设定了bottom值为0,导致鼠标下拉到下面后覆盖了尾部菜单超链接点击功能。解决办法为修改主题中style.css,文件中 #sticky-wrapper元素样式中删除bottom:0即可。 

(3)主题适配用户下拉卡片代码备份

<ul class="row">
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzhome"></i></span><small class="d-block">我的主页</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzqipaoc"></i></span><small class="d-block">我的评论</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzxin-b"></i></span><small class="d-block">我的收藏</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzchuangzuo"></i></span><small class="d-block">我的投稿</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzrmb-b"></i></span><small class="d-block">我的消费</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzsystem"></i></span><small class="d-block">账户设置</small> </a></li>
</ul>

(4)修改主题默认超链接样式,在style.css中替换颜色即可。

默认的颜色#3355ff,替换为#ff1a1a,也就是把蓝色变成了红色

(5)修改最上方导航菜单文字默认加粗

#starlist li {
  float: left;
  display: block;
  padding: 0 0 0 35px;
  font-size: 16px;
  font-weight:bold;
  position: relative;
}

(6)修改PC端logo显示大小,默认高度只有30px改为50px。

.logo img {
  height: 50px;
  margin-top: 0px;
}

(7)解决主题空搜索提交,在主题最后一个JS文件后加上如下语句

(8)zblog后台百度编辑器粘贴文字不会换行问题解决

FTP找到百度编辑器内JS文件UEditor中ueditor.all.min.js,修改删除此部分内容即可white-space:nowrap;

有人可能说删除了不生效,哈哈,你再仔细想下那里问题。

(9)首页幻灯片和上方四个小图的标题去掉黑乎乎的背景色

.slideBox .list-body {
  position: relative;
  z-index: 1;
  left: 0;
  bottom: 68px;
  padding: 0 20px;
  height: 68px;
  line-height: 68px;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.topsige li h3 {
  left: 0;
  bottom: 0;
  position: absolute;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85));
  color: #fff;
  font-size: 15px;
  padding: 5px 10px 10px 10px;
  width: 100%;
}


版权声明:本文由贝联科技发布,如需转载请注明出处,如需分享可点击上方生成海报按钮。

分享给朋友:
返回列表

没有更早的文章了...

下一篇:猫贝zblog文章自动出图插件修改备忘

相关文章

Zblog插入西瓜视频和头条视频的方法(自适应浏览器宽度)

Zblog插入西瓜视频和头条视频的方法(自适应浏览器宽度)

一些站长需要在网站中插入西瓜视频,可惜字节跳动公司没有对外公布站外引用方法。很多年前,还是优酷称霸视频内容的时代,优酷,土豆,酷6,腾讯视频等众多网站每个视频下面有个站外引用链接。博客站长需要引用这些网站某个视频时可以很简单的在编辑器内粘贴...

Zblog拓源企业主题修改备忘录

Zblog拓源企业主题修改备忘录

本文记录Zblog拓源企业版修改方法,这个是购买的企业版模板,非免费纯净版拓源主题,特此说明。(1)修改默认的文章内H3标题样式默认的.single h3 {     margi...

百度ueditor编辑器bug修复完善

百度ueditor编辑器bug修复完善

本站所用的Zblog系统后台编辑器为百度ueditor编辑器,这款编辑器使用挺方便,但有一些bug,官方也不维护修复,只好自己解决了。问题一、编辑器内上传图片撑破编辑器显示框百度编辑器ueditor上传图片后,图片尺寸小了没事,如果大了则会...

猫贝zblog文章自动出图插件修改备忘

猫贝zblog文章自动出图插件修改备忘

猫贝zblog文章自动出图插件免费版的就可以用了,自己修了了一些地方,这里记录一下:后台插件参数设置:字体:32,图片宽度:900,自动出图不建议打开,手动生成比较好,压缩图片:随意,随机颜色:随意修改了include.php文件部分(1)...

ZBlog微信公众号引流吸粉插件修正及免费下载

ZBlog微信公众号引流吸粉插件修正及免费下载

zblog后台有款不错的公众号涨粉插件,名字叫YK微信公众号引流吸粉必备神器,有需要的朋友可以自己搜索下载,本文主要记录对该插件的修改完善。一、插件现存的问题YK微信公众号引流吸粉必备神器下载安装好后,发现移动端文字排版有点乱,参下图,PC...

Zblog西京同城老白极简三栏主题修改备忘录

Zblog西京同城老白极简三栏主题修改备忘录

本文记载西京同城老白极简三栏主题修改细节备忘,目前已记录20多个修改点,供自己查看。(1)移动端点击菜单按钮下拉菜单去掉全屏宽度,宽度改为240px style.min.css.mainl{display:none;width:240px;...

评论列表

iloveyou
iloveyou
4个月前 (06-25)

不错,很有用学些了

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待

智能客服
欢迎咨询智能客服,我可以回答些简单问题