分类目录归档:WP主题

wordpress主题相关。

TypeNow: Just Type Now

typenow-screenshot

主题说明

TypeNow 根据 WordPress 官方主题 TwentySeventeen 框架结构修改。

主题安装

Clone 或者 下载 Zip 文件 ,上传到 wp-content/themes 文件夹。

仅在以下环境测试可行,其他环境下请自行测试:

  • WordPress 4.7 及以上版本
  • PHP 7.1
  • Chrome 62.0 or Safari 11.0

主题预览

iiiryan.com

主题亮点

  • 更丰富的主题自定义设置选项
  • HighlightJS 代码高亮
  • 文章目录
  • 相关文章
  • 评论验证码
  • 自定义文章样式:aside、status、quotes
  • 自定义页面模板:archive、search
  • 更多精彩期待着你的发现……

第三方资源

HTML5 Shiv, Copyright 2014 Alexander Farkas
Licenses: MIT/GPL2
Source: https://github.com/aFarkas/html5shiv

jQuery scrollTo, Copyright 2007-2015 Ariel Flesler
License: MIT
Source: https://github.com/flesler/jquery.scrollTo

normalize.css, Copyright 2012-2016 Nicolas Gallagher and Jonathan Neal
License: MIT
Source: https://necolas.github.io/normalize.css/

Site title font: Aaargh
License: Creative Commons attribution license
Source: https://www.fontsquirrel.com/fonts/aaargh

Font Awesome icons, Copyright Dave Gandy
License: SIL Open Font License, version 1.1
Source: http://fontawesome.io/

Bundled header image:
– Header Image 1: Photo by Mathieu Barrette on Unsplash
– Header Image 3: Photo by Simon Matzinger on Unsplash
– Header Image 2: Photo by dan carlson on Unsplash
– Archive Page Header Image: Photo by Rob Bates on Unsplash
– About Page Header Image: Photo by Max Langelott on Unsplash
– Search Page Header Image: Photo by Hedi Alija on Unsplash
– Aside Post Featured Image: Photo by Anete Lūsiņa on Unsplash
– Related Post Default Image: Photo by Breather on Unsplash

部分 CSS 样式参考:Pinghsu, A Typecho Theme
License: MIT
Source: https://github.com/chakhsu/pinghsu

WordPress breadcrumbs function
License: MIT
Source: http://dimox.net/wordpress-breadcrumbs-without-a-plugin/

Get copyright time
Source: https://www.gznotes.com/wp-copyrighttime/

Display Metaboxes According to the Current Post Format
Source: https://code.tutsplus.com/tutorials/how-to-display-metaboxes-according-to-the-current-post-format–wp-27970

就这样吧….


原文链接:https://iiiryan.com/wordpress/typenow-just-type-now.html

博客下一阶段主要计划

主题 MinimalismPro 1.0 已经基本完成了,但是与她相搭配的一些功能还没有完成,所以下一阶段工作将会转移至相关插件的开发上。

以下是几个计划内的插件:

  • Markdown编辑器
  • 博客文章同步到新浪微博(修改)
  • 博客连接微信
  • 结构化数据:文章评分(Post Rating)
  • 未完待续…

    Ryan’s 专用主题:MinimalismPro 1.0

    minimalismpro 1.0 designed for ryan's

    我理解的个人博客

    每个人对于自己的网站都会有一个不同的定位,在我看来,不管是哪一种,内容永远是第一位的,尤其对于个人博客而言。这就是这个主题最初的出发点,并且也会是本站一直坚持的风格。很多时候,除了文章的标题与内容,页面上再出现其他的项目总会让我觉得多余。

    我是有着很深的极简主义情怀的,对于简单、追求细节的事物总是会特别的欣赏。特别喜欢那种即使在一张白纸上,简单的几个线条也让人赏心悦目的感觉。所以,我希望的我博客:就如一张普通的白纸上面记录着我学习、生活的点滴。

    可能现在还相差很远,但这个目标不会变!

    MinimalismPro:简单体现细节

    表面如白纸一般,她却有着十分强大的内心:

    • 基于最新的 WordPress 3.6 设计,中、英文双语言版本。
    • 基于 HTML5 与 CSS3。
    • 采用了自适应网页设计的理念进行设计,在大部分设备上都可以获得十分完美的浏览体验。
    • 不同的文章形式采用不一样的展现样式,体现不一样的关注点。
    • 根据页面内容重新做了SEO优化,对搜索引擎更加友好。
    • 强大的自定义功能:自定义社交媒体链接、自定义广告位。
    • 全新的管理功能菜单。
    • 所有图标使用 web icon font。
    • 集成:自定义文章归档页面。
    • 集成:主要社交媒体分享按钮,包括Twitter、Facebook、Google+、新浪微博、人人网、印象笔记。
    • 集成:根据文章标签自动生成相关文章。
    • 集成:评论回复自动邮件通知。
    • 集成:发表评论验证码,防止垃圾评论困扰。

    阅读全文

    日志

    新增:

    1. 自定义设置:可以通过主题后台自定义设置添加社交媒体链接,包括:Facebook、Twitter、Google+、新浪微博、人人网。
    2. 管理菜单:隐藏默认的管理工具条(wp_admin_bar),取而代之的是全新的功能菜单,保留了最有用的。
    3. 文章分享按钮:文章页面添加常用的分享按钮,包括:Facebook、Twitter、Google+、新浪微博、人人网与 Evernote。
    4. 相关文章:文章末尾添加相关文章列表,相关文章依据文章标签产生。

    修改:

    1. 调整评论框样式。
    2. 修改、添加部分 icon 图标。
    3. 调整优化主导航菜单链接样式。
    4. 删除了 Beta 2.0 中添加的像素相对大小单位(rem)。为什么删除?我也不知道,随心吧!
    5. 其他细节优化。

    日志
    wordpress theme minimalismpro screenshot

    The Screenshot of WordPress theme MinimalismPro.

    1. 相册样式:文章页面不再只是显示那小小的缩略图了。(Bassd Bootstrap Carousel
    2. CSS Style:删除了一些重复的样式,代码结构更趋合理。
    3. CSS Style:设置像素相对大小(rem)。
    4. CSS Style:链接增加背景过渡动画。
    5. CSS Style:按钮(submit)、分页导航(page-links)、页面导航(post-nav/paging-nav)及文章形式角标(entry-format-badge)增加 2px 圆角。
    6. CSS Style:增加打印样式。
    7. 颜色微调:#4affff => #00eeff
    8. 增加webicons(Fontello)。
    9. 日志(Aside)类文章末尾添加日期。
    10. 除日志(Aside)类文章外,其余文章页面(Single)文章底部增加一个EOF标记。
    11. 文章页面(Single)增加版权声明:BY-NC-SA

    主题 MinimalismPro 计划列表

    虽然第一个测试版本已经可以使用了,但仍还有许多未完成的工作,为了使自己不至于停滞不前,将接下来的一些计划事项编列在此,借此提醒自己及时完成!

  • 测试版本上线
  • CSS 代码精简、优化以及完成 fontello web icon 添加
  • Header 社交媒体链接菜单优化
  • 文章页面分享链接
  • 重定义 Admin Bar,添加登录按钮及新建菜单
  • 添加主题后台设置页面
  • Markdown 编辑器(另写插件)
  • 本地化翻译
  • 跨浏览器兼容性调整
  • 修改文章导航链接显示方式(post_nav)
  • 添加页面模板:友链、归档、留言板
  • 添加广告位

  • 8/20 更新:Beta 2.0

    更新内容参考日志:主题 MINIMALISMPRO BETA 2.0 修改日志


    8/29 更新:Beta 3.0

    更新内容参考日志:主题 MINIMALISMPRO BETA 3.0 更新日志

    总算看到完成的曙光了:) 只剩下几个相对较难的项目了。 Markdown 编辑器思来想去还是觉得不适合整合到主题中,比较适合依托插件进行,所以还是决定等完成主题之后再另写插件;本地化翻译相对比较简单;最难的应该是跨浏览器兼容调整了,初步决定不再去做 IE 8.0 以下的兼容了,真搞不懂为什么还有那么多人用 IE 6.0。 胜利在望,给自己加油!


    9/2 更新:Beta 4.0

    • 添加简体中文(zh_CN)文本翻译
    • 添加文章归档页面模板,并定义了归档页面显示样式
    • 简单添加了一个友链页面模板
    • 修改了Beta3.0版本中的post-nav显示样式
    • 添加广告位控制,可通过台自定义页面进行设置
    • 支持的广告位位置:每页第一篇文章之后、页脚(footer)、文章页面(Single)文章内容之后、相关文章右侧;另外,在移动设备浏览时,只在页面顶部(Header)显示广告。
    • 添加“返回顶部”按钮
    • 增加评论回复邮件通知功能
    • 其他细节优化、调整

    p.s. 累了,不写日志了!


    9/9 更新:

    取消置顶。

    第一版本目前为止只剩下浏览器的兼容调整了,所以把本文置顶取消了,但不代表已完全结束!

    给自己鼓掌,加油!


    9/23 更新:1.0 完成

    • 浏览器兼容调整:Chrome,Firefox,Opera,IE10.0,IE9.0,IE8.0,IE7.0;不支持IE7以下版本。
    • 增加评论验证码(此实属无奈,最近受垃圾评论困扰!如有不便,敬请谅解)
    • 其他细节优化。

    OK,主题 MinimalismPro 1.0 暂时告以段落!

    日志

    Four blank white speech bubbles

    接触wordpress有一段时间了,从一开始的一窍不通,到现在可以自己写一些简单的主题。这其中或许有些建议是值得分享的,它不会让你成为WP高手,但对于初学者来说或多或少会些帮助。

    • 多点时间多探索下wordpress文档。
    • 多关注一此介绍WP的博客。
    • 多利用Google、百度等搜索工具。
    • 从弄明白自带主题开始,WP的每个自带主题都有很详细的代码说明。
    • 代码尽量不要复制、粘贴,,弄明白每一个函数的意义何在。
    • 从最简单的开始,不要急于求成。
    • 善于利用那些优秀的主题,多向开发者请教。
    • 一个问题可能有多种解决方法,选择你理解最深的那种。
    • ..and so on…

    主题Minimalism说明

    85Ryan.com

    这个主题完全是一时心血来潮之作。

    我喜欢极简主义的风格,因此将她命名为:Minimalism。她是我第一个独立作成的完整主题(之所以说完整,是因为之前三三两两的写过几个不够完整的主题)。当然,如果严苛一点来说,这个主题现在也还不够完整。

    主题配色

    • 蓝(#2cafe3)
    • 灰(#eceef0)
    • 黑(#111111)

    阅读全文