好些Emlog模板宣称支持全站Pjax,然而于实际运用当中,搜索跟评论功能时常致使页面刷新,体验出现割裂情况。本文会为你剖析一款切实达成全站无刷新体验的模板功能,并且给出详尽的安装指南,助力你一次性部署妥当。
这个模板,借助监听所有链接的点击事件,来拦截默认跳转,运用Ajax对目标页面内容发起请求。其关键之处在于,它自定义了Pjax回调函数,此函数能够精准无误地把返回的HTML片段,插入至预设好的容器里,就像把评论内容定向加载到评论区那样。这就确保了,在从文章浏览开始,历经站内搜索,直至提交评论的整个完整操作链的过程中,页面主体都不需要进行重载,。
该模板在多种不同分辨率的设备之上开展过实机测试,以此来保证从手机直至桌面电脑的显示都是正常的。它的那些独立页面,像是留言板、微语以及友情链接,全都采用时间轴布局,风格既统一又现代。每一个页面都具备独特的面包屑导航以及图标,能够帮助用户清楚地定位当前所在位置。
内置实用短代码系统的模板,输入特定代码就能渲染出美观代码高亮框。采用网页字体图标技术的模板,所有图标都是矢量图形,加载速度快。文章页面有分享、字体调整、宽屏模式等组件,浏览器本地存储会保存宽屏模式的状态。
可在后台那儿,对首页文章摘要长度进行自由设置,缩略图会优先去调用文章首张附件图。侧边栏会动态展示,最新、热门以及随机文章列表,并且是以彩色数字做排序的。导航栏集成了功能,用来滚动显示最新微语,与此同时,LOGO加载带有平滑动画,增强了视觉反馈。
评论提交的整个过程借助Ajax得以完成,期间不存在页面刷新之情状。而系统凭借评论者的IP能够调用纯真数据库以此呈现地理位置,并且可以区分访客及博主各自的评论样式,比如说会为博主添加上特殊的认证标识。还有,评论者的头像会在本地主题目录里进行缓存操作,如此一来能够有效地提升加载速度,同时还可以减轻外部API所承受的压力。
用于呈现的样板给出了单独的于后台进行设置的面板,这便利了对各项功能开关展开管理。除开有着鼠标跟随特性的标题提示这类细节方面的特效,导航栏右侧的那些链接同样能够于后台实现自由编辑。存在着一个隐藏起来的彩蛋,具体是:在页面里的任意一处位置迅速地双击鼠标左键,如此便能够触发返回至顶部的动画效果。
在进行安装之前,务必要保证你的服务器环境是PHP 5.6或者比这个版本更高的版本,而且系统当中所安装的Emlog版本是5.3.0以及比5.3.0还要高的版本。首先,借助FTP工具把解压之后的模板文件夹传送到网站的/content/templates/这个目录下面。接着,登录到Emlog的后台,在“模板”的设置页面当中寻觅并且启用新上传上去的那个模板。启用之后,进入到该模板的专门设置页面,依据指引一步步地去配置Pjax开关、缩略图规则、评论功能等选项。最后,将浏览器缓存进行清空,接着去访问 website 的前台,对各项功能是不是在正常运行展开检查 。
究竟是模板的哪一项功能,致使你往昔最终做出更换它的决定,是因体验欠佳?欢迎于评论区将你的经历予以分享,倘若此文对你存有帮助,烦请点赞给予支持。



