天兴工作室

主题演示站

无限下拉加载瀑布流zblogphp模板 还有自适应+seo优化

主题更新:

2019年01月11日更新:此次更新较大,请老用户先浏览演示网站确定符合需求后再升级。

1、增加主题自带seo配置(新增seo标题和间隔符);

2、大幅度优化了界面,彻底修复了某些分辨率下错位的问题;

3、重写了大多数主题自带函数;

4、修复了一些已知问题;


2018年07月28日更新:修复手机端某些分辨率下错位的问题;优化了css小改了一下风格;优化js文件;

2017年10月09日更新:优化界面;简化代码;修复了一些小问题。

2017年08月25日更新:修复评论翻页问题;修复搜索页面问题;优化js调用;增加tag页面标题关键词描述功能。

2017年05月08日更新:优化手机端导航栏;增加发布文章界面可关闭右侧栏开关;优化了一些css。

2017年01月12日更新:此次更新将只支持zblogphp1.5,不兼容旧版本。

1、评论模块全新升级;

2、增加文章列表里面的文章摘要开关,可以关闭不显示摘要;

3、调整了一些css,整理了一下代码。


2016年11月05日更新:升级支持最新的zblogphp1.5;修复了更新主题会替换logo的问题;美化了下拉加载的提示文字图片模块;修复了之前由于css引起的一些错位;修改搜索框占用导航栏过多宽度的问题(改为点击下拉弹出式搜索框)。


2016年6月28日更新:增加首页自适应幻灯片(可选择关闭);增加下拉导航功能,优化导航栏高亮,修复广告位开关无效错误,优化了一些css。


2016年5月22日更新:八折促销;增加主题自带seo功能(支持首页列表页内容页自定义关键词描述);增加主题自带搜索优化界面;大幅度修改显示界面(老用户升级前请先看下演示界面后确定是否升级);修复了一些css错误。


2015年11月9日更新:内容页正文上下添加了两个广告位,修复手机版搜索框搜索错误。


2015年11月6日更新:手机端增加搜索框。


2015年10月12日重大更新:风格大调整,老用户请先看截图确定是否升级。此次升级只调整了界面,具体如下:

1、调整了文章列表的显示界面(之前只顾做功能,界面太丑不忍直视)

2、手机端大调整,增加两个判断,屏幕太窄的情况下一排显示,ipad之类的平板则是两排;

3、手机端顶部调整。logo居中,右侧导航左侧返回首页;

主题说明

这个主题是由免费的瀑布流布局模板升级而来的,收费版有以下特点:

  1. 无限下拉加载瀑布流布局;

  2. 增加自适应,手机电脑一套主题全搞定;

  3. 首页增加友情链接;

  4. 增加面包屑导航;

  5. 内容页增加相关文章;

  6. 其他seo优化。

主题其他特点

  1. 自定义网页色彩;

  2. 自定义网页宽度;

  3. 无需任何插件即可启用本主题;

  4. 顶部导航栏固定;

主题演示截图

电脑端主题演示:

手机端主题演示:

阿里云服务器linux系统使用zblogphp伪静态的方法

买了一台阿里云服务器一直没用,最近才折腾起来,把其中的一些经验记录下,期望可以帮助到有需要的朋友。

本文讲的是zblogphp在阿里云服务器装下伪静态的方法。

注意:天兴工作室阿里云服务器是linux的,具体是 CentOS  6.5 64位,然后装的是amh面板,环境是nginx+php+MYSQL。但是估计nginx下的伪静态都是差不多的。具体步骤如下:

在新建环境的时候伪静态规则文件要选择好:

QQ截图20150728223418.png

zblogphp后台-插件管理-静态管理中心,设置好伪静态各项规则(具体可参考:zblogphp伪静态规则(URL配置)案例说明),设置完后将得到的ReWrite规则复制下来。

amh管理面板中通过文件管理打开网站的伪静态规则文件amh.conf,将刚才得到的ReWrite规则粘贴在这里,注意要将ReWrite规则放在location / { }的花括号里面,完整代码如下:

QQ截图20150728224002.png

红框为你自己的ReWrite规则。

最后重启下nginx。整个阿里云服务器linux系统使用zblogphp伪静态就完成了。

zblogphp调用指定多篇文章ID的方法

天兴工作室之前写过两篇“zblogphp调用指定id文章的方法”和“zblogphp调用指定单篇文章代码升级版”,但是都是调用指定的单篇文章,如果想调用多个单篇文章怎么搞呢?本文就来介绍下。

先上代码:

        {php}
            $array = explode(',',1,2,3,4);
        {/php}
        {foreach $array as $hotid}
        {$related=GetPost((int)$hotid)}
        <li><a href="{$related.Url}" target="_blank">{$related.Title}</a></li>
        {/foreach}

代码第二行中的1,2,3,4代表要调用的文章ID,用英文小写逗号隔开,并没有数量限制。

当然1,2,3,4也可以用变量调用,在后台可以更方便的修改。

zblog用键盘上的左右箭头(←和→)实现快速翻页

zblog用键盘上的左右箭头(←和→)实现快速翻页这个功能是用js实现的,加上这个好听点说就是优化了用户体验。实现起来也非常简单,有动手能力的朋友可以尝试下。

zblog现在分为zblogasp和zblogphp两个版本,js代码都是一样的,html代码略有不同。


zblogphp版,将以下代码和最下面的js代码添加到post-single.php合适的位置:

<p>{if $article.Prev}
<a  href="{$article.Prev.Url}" title="{$article.Prev.Title}" class="up" id="up" >上一篇</a>
{/if}</p>
<p>{if $article.Next}
<a  href="{$article.Next.Url}" title="{$article.Next.Title}" class="next" id="next">下一篇</a>
{/if}</p>
<p>试试用"←"或"→"方向键快速翻页把 \(^o^)/</p>


zblogasp版,在模板文件夹里面新建两个文件,分别是“b_article_navbar_l.html”和“b_article_navbar_r.html“,如果模板内已有这两个文件的仅需需求代码和下面的代码保持一致即可。

b_article_navbar_r.html:

<p>下一篇:<a  href="<#article/nav_r/url#>" title="<#article/nav_r/name#>" class="up" id="up"><#article/nav_r/name#></a></p>

b_article_navbar_l.html:

<p>下一篇:<a  href="<#article/nav_l/url#>" title="<#article/nav_l/name#>" class="up" id="up"><#article/nav_l/name#></a></p>

然后在b_article-single.html合适的位置添加以下代码和js代码即可。

<#template:article_navbar_l#> <#template:article_navbar_r#>


最后上js代码,zblogasp版和zblogphp版的js代码都是一样的。

<script language="javascript">
last=document . getElementById("up").href;
next=document.getElementById("next").href;
function keyUp(e) {
    if(navigator.appName == "Microsoft Internet Explorer"){
        var keycode = event.keyCode;var realkey = String.fromCharCode(event.keyCode);
    }else{
        var keycode = e.which;var realkey = String.fromCharCode(e.which);
    }
    if(keycode==39){window.location.href=next;}
    if(keycode==37){window.location.href=last;}
}
document.onkeyup = keyUp;
</script>

最后的最后,按照自己的需求美化下css就是大功告成了,上个演示截图:

QQ截图20150724232805.png

初级教程:zblog后台地址是什么?

装好了zblog程序,选好的zblog模板,发了第一篇文章,然后高兴满足的睡觉去了。第二天早上再来打开网站,我擦...zblog的后台地址呢?这应该怎么登录进去啊?

这个步骤是我编的,如有雷同 纯属巧合。

小白们遇到这个问题请看过来,zblog现在分为zblogasp和zblogphp两个版本:

zblogasp后台地址:你的域名/zb_system/login.asp

zblogphp后台地址:你的域名/zb_system/login.php

浏览器输入这个地址后记得保存起来...

然后如果想修改zblog后台地址的请看这篇教程:zblog后台登录地址怎么修改?

卢松松博客模板zblogphp版 适合seo功能强大(已支持1.6)

新年促销价:80元!

卢松松博客想必玩seo的,或者往大了说做网站的都应该听说过。卢松松博客网站程序使用的是zblogasp,近来很多朋友反映想要卢松松博客模板的php版本。所以就搞了一套,注意看演示,此套为卢松松博客老版,和现在卢松松博客样式并不一样。

主题升级记录:

2020年07月20日:升级支持最新的zblogphp1.6;优化搜索页面;修复已知的用户反馈问题;


2018年10月17日:优化标题seo;优化缩略图显示;优化手机端样式;修复一些已知问题;


2016年12月02日:升级支持最新的zblogphp1.5;增加下拉导航功能;优化部分js代码,修复部分css。


2016年05月14日:增加搜索页面优化功能;修改了文章页列表页关键词描述的展现形式;增加了文章列表可以显示缩略图的功能(此功能有开关可以选择关闭)。


2016年04月23日:优化内容页列表页标题关键词描述的代码;增加内容页顶踩功能开关(可选择关闭此功能了);修复部分css错误。

主题特点

与卢松松博客代码层面完全一样,极度适合seo;

针对性的做了seo优化,网站首页、列表页、内容页均可很方便的设置关键词和描述;

主题所有自定义部分均可在后台主题配置里面自由修改,方便小白用户;

css部分做了相对应的修改,去除卢松松博客模板本身存在的一些css错误;

自适应,手机、平板、电脑,一套模板全搞定。

主题演示截图

卢松松博客模板php版首页演示截图:


卢松松博客模板php版内容页演示截图:

卢松松博客模板php版手机界面演示截图:

博士的大杀器:ajax化任意主题

此插件在zblog官方应用中心的下载地址是:app.zblogcn.com/?id=791。插件名称叫:”ajax化任意主题“。多么霸气的名字。

任意主题......

ajax......

高大上啊。


来看看博士的插件简介:

GitHub: https://github.com/zblogapp/ajaxTemplate


可对任意主题进行ajax化处理。

需要有相关CSS选择器知识,如需高级开发需有JavaScript知识。


与部分JavaScript插件不兼容。


部分配置(不包含侧栏刷新):

默认主题、Clear主题、WhitePage主题选择器:【title】【#divAll】

X2013主题:【title】【.content-wrap】

HTML5CSS3主题:【title】【#main】

blob.png

zblog瀑布流布局模板zblogasp版本 可自定义色彩

主题说明

  1. 天兴工作室瀑布流布局;

  2. 需要安装ytcms+minitu两个插件;

  3. 自定义网页色彩;

  4. 自定义网页宽度;

  5. 顶部导航栏固定;

  6. 建议在后台--网站设置--页面管理--列表页显示文章的数量设置多一点,数量少了出不来效果。

  7. 不支持自适应,不过欢迎联系我们定制修改。


主题演示

首页:

内容页:

zblog瀑布流布局模板 可自定义色彩

主题说明

  1. 天兴工作室瀑布流布局;

  2. 自定义网页色彩;

  3. 自定义网页宽度;

  4. 无需任何插件即可启用本主题;

  5. 顶部导航栏固定;

  6. 建议在后台--网站设置--页面管理--列表页显示文章的数量设置多一点,数量少了出不来效果。

  7. 不支持自适应,不过欢迎联系我们定制修改。


主题演示

首页:


内容页:

主题后台:

11.png


zblog插件:右下角网站公告

右下角网站公告,可设置宽度+颜色。

前台演示:

后台演示:


<< 1 2 > >>
«    2015年7月    »
12345
6789101112
13141516171819
20212223242526
2728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.4

天兴工作室主题演示站点,如遇到问题请联系我们的在线qq:207649916咨询