老Q主题:以极速极简易用模块化为目标优化更新

因老Q不知道什么时候喜欢上了hexo的主题NexT,这一款主题是由Hexo驱动的。好像WP没有同款模板。可能是自己的喜好另类了,那么只好自己操刀慢慢堆砌。老Q的Hexo-NexT的WP版会根据自己的需求进行规划。老Q的主题就不以NexT命名了,直接以本站域名colinqi命名。

主题目标计划:

以极速极简易用模块化为目标,通过设计文案,内容营销为基础,执行N+1营销推广战略,推动内容引流,交织社交SNS,强化搜索引擎优化SEO,建立以服务于外贸B2B为中心的营销推广一体式的个人基站。

  1. 自适应外贸首页
  2. 着陆页Loading Page建立与优化
  3. 内容博客引流
  4. 整合社交SNS内容分享

具体功能包括:

  1. 支持文章类型:
    • 普通文章:由标题+特色图片+文章摘要组成;
    • image图片:由标题+文章摘要和一张排在右边的小图片225*280px组成;
    • gallery相册:由标题+三张225*280px图片替换普通文章下的特色图+文章摘要组成;
    • aside旁白:由标题+文章摘要以时间轴的方式组成连篇;
    • status状况:由标题+文章摘要组成,无图片显示;
    • link链接:由标题+图标组成,在Customize-More Customizing下设置指定分类显示样式;去掉指定分类link,凡是文章定为Link的都以link显示,并需要放在同一分类下;
  2. 整合主题自定义选项到Appearance - Customize菜单,无需额外插件;
    • 扩展网站介绍: Customize  - Site Identity - About My Site;
    • 日志首页分类过滤: Customize - Homepage Settings - Exclude Category in Homepage;
    • 可以在以及中增加自定义代码: Customize - Additional JSContact Form7插件表单后台控制;
    • 通过在Customize - More Customizing - 输入联络表单Get In Touch的ID;
    • 通过在Customize - More Customizing - 选项指定分类为catalog卡片式浏览模式;
    • 增加安全选项Customize - Security Reinforce - 增加后台登陆页安全验证码;
    • 更换后台login.php的页面logo,建议在Customize-Site Icon下修改站点Logo;
  3. 支持Widgets小部件功能;
  4. 自动设置Thumbnail size为225*280px,此尺寸可以media下修改;取消其它默认图像尺寸; 另外增加Featured image特色图像尺寸为800x250px;
  5. 禁用Gutenberg编辑器,默认使用传统编辑器;图片上传自动使用图片名称填充图片属性,防止图片属性空白;
  6. 自动检测缩略图,实现无缩略图自动截取第一张图片为文章特色图片;并配合插件crop-thumbnails可实现按需截取图片位置;
  7. 自动实现文章摘要,优先原则:文章默认摘要excerpt --> 文章中more标签前面内容  --> 自动截取文章前面300个字为文章摘要;字数可在后台更改;
  8. 利用shortcode插入代码高亮功能;-->自写无后台插件显示代码高亮
  9. 搜索关键词高亮
  10. WP极简优化,去掉一些影响加载速度而不常用的功能;
  11. SEO优化:增加schema语义化,让搜索引擎机器人更好理解;
  12. SEO优化:增加社交meta元素
  13. 指定分类为卡片式图片浏览效果,用于产品展示;
  14. pjax 页面无刷新加载;
  15. 支持在文章中插入图片相册;
  16. 增加图片灯箱lightbox浏览功能;
  17. 支持在文章中插入标签;
  18. 支持在文章插入时间轴shortcode,用于滚动记录一件事;-->自写无后台插件显示时间轴,脱离代码

已经在计划中的功能已经列入上表中,其它未列入的功能待有需要再增加!

这是h2标题内容

这是h3标题内容

这是h4标题内容

这是h5标题内容
这是h6标题内容

更新记录

使用无后台插件可在编辑器插入代码高亮和时间轴
将文章内的时间轴做成插件形式,放到了可视化编辑器上,同时保留了quicktags内的链接;只是CSS要插件才能激活显示;
修正post link的Likes的jquery.ajax传输问题

去掉Prism代码高亮的首行自动空白的问题


// remove first blank line from prismjs.js
$("code[class^='language-']").each(function(){
$(this).html($(this).html().trim());
});
Prism.highlightAll();

去掉shortcode功能,因为解决不了短代码内含短代码被解析的问题


QTags.addButton( 'php', 'PHP', '[php]', '[/php]' );
// add shortcode [php]
function cq_shortcode_addphp($atts, $content = null) {
$tags = '<pre class="line-numbers"><code class="language-php">'.do_shortcode($content).'</code></pre>';
return $tags;
}
add_shortcode('php', 'cq_shortcode_addphp');

更新timeline代码,将手动写入时间变成自动插入时间


// add shortcode [timeline].
function cq_shortcode_timeline($atts = array(), $content = null) {
extract(shortcode_atts(array(
'date' =>; ''//must use "date" same as buttom date
), $atts));
$tags = '<div class="timeline-item">'.do_shortcode($content).'</div>'; return $tags; } add_shortcode('timeline', 'cq_shortcode_timeline'); QTags.addButton( 'timeline', 'timeline', timeline_date ); 
function timeline_date() { 
var timeline_date = new Date().toJSON().slice(0,10) + " " + new Date(new Date()).toString().split(' ')[4]; 
if ( timeline_date ) { QTags.insertContent('[timeline date="' + timeline_date + '"] [/timeline]'); } }
修复seo-semantics.php的$post->post_name,当无搜索结果时的错误显示
更新post-link样式,增加like功能
更新手机菜单代码,更新网站标签以及class变得可读,可理解
在文章Post页面底部增加一个GoBack返回上一面按钮
增加文章相册,并支持lightbox灯箱浏览
Customizer可指定具体分类为卡片式图片浏览
修正时间轴attr变量date必须与shortcode的date变量名一致
将首页不显示分类文章的方法由人工输入cat-ID,变为复选框
修复指定分类为link文章类型,并增加开关
增加shortcode支持文章内容中增加时间轴
增加安全代码,修正body_class样式,contact form表单只在指定page页加载,修复图片上传自动添加文章标题到alt{未成功}
« 头部标签元素和搜索引擎优化SEO 无插件使用ajax建立点赞喜欢按钮 »

Say Something!

Leave a Reply