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

产品在于迭代,细节在于打磨!倾力打造个人使用的老Q主题!

主题目标计划:

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

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

具体功能包括:

  1. 支持文章类型:
    • 普通文章:由标题+特色图片+文章摘要组成;
    • image图片:由标题+文章摘要和一张排在左边的图片280*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卡片式浏览模式; 更改Catalog为专用卡片CardView浏览模式: 可以自由指定分类
    • 增加安全选项Customize - Security Reinforce - 增加后台登陆页安全验证码;
    • 更换后台login.php的页面logo,建议在Customize-Site Icon下修改站点Logo;
    • 去掉SMTP插件,在Customize中增加账号填写
  3. 支持Widgets小部件功能;
  4. 主题支持Featured image特色缩略图,尺寸为800x250px;所有尺寸的缩略图禁止自动生成,包括特色缩略图,只有在主动设置时特色缩略图才会生成,其它尺寸缩略图只有在模板中调用时才生成并指定由内容中第一张图片生成,其它图片不再自动生成缩略图
  5. 主题支持Second Featured Image第二张特色缩略图,定义为thumbnail尺寸
  6. 禁用Gutenberg编辑器,默认使用传统编辑器;图片上传自动使用图片名称填充图片属性,防止图片属性空白;
  7. 自动检测缩略图,实现无缩略图自动截取第一张图片为文章特色图片;并配合插件crop-thumbnails可实现按需截取图片位置;
  8. 自动实现文章摘要,优先原则:文章默认摘要文章中more标签前面内容  --> excerpt --> 自动截取文章前面300个字为文章摘要;字数可在后台更改;保留more标签前内容的HTML格式
  9. 利用shortcode插入代码高亮功能;-->自写无后台插件显示代码高亮
  10. 搜索关键词高亮
  11. WP极简优化,去掉一些影响加载速度而不常用的功能;
  12. SEO优化:增加schema语义化,让搜索引擎机器人更好理解;
  13. SEO优化:增加社交meta元素
  14. 指定分类为卡片式图片浏览效果,用于产品展示;
  15. pjax 页面无刷新加载;
  16. 支持在文章中插入图片相册;
  17. 增加图片灯箱lightbox浏览功能;
  18. 支持在文章中插入标签;
  19. 支持在文章插入时间轴shortcode,用于滚动记录一件事;-->自写无后台插件显示时间轴,脱离代码
  20. 增加文章点击次数显示,并以cookie跟踪,防止重复写入。

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

这是h2标题内容

这是h3标题内容

这是h4标题内容

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

更新记录

增加PHP扩展Imagick来锐化缩略图片,让缩略图看起来更清晰点。
使用无后台插件可在编辑器插入代码高亮和时间轴
将文章内的时间轴做成插件形式,放到了可视化编辑器上,同时保留了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