WordPress 主题 seabye_blog [ air 2.x 重制 ]

2015-12-17_001806

2015-12-17_001937

呃,主要就是使用了新版的框架重新写了一遍,去除了不少多余的东西,包括预知的广告位也取消了,而后是原先自适应有3个尺寸样式,现在减少到2种,即桌面和手机。CSS 本着自身技术有所进步体积缩小了不少。风格为之前发布过的 seabye_air 2.x 的红蓝灰风格。

其它都延续旧的主题功能,例如 气泡显示文章数量(也可以修改成今日更新数 详细的翻看老模板介绍吧),以及 24小时 内更新的文章样式标记。对 code 和 pre 标记执行可直接编辑,边栏支持短代码,对 hermit 这个音乐插件做了些许默认样式调整 等。

主要变更在于各种细微的调整,如提升了整体饱和度(文字),按钮样式大小,评论的间距将有不同这些。添加了字体图标,之前是纯文本的设计,然后在文章列表页面(例如首页和分类)添加了对应文章的最近5个评论的显示比较实用。

主题模板整体风格相对很简约,但它也有良好的自适应和一些现代元素。当时制造它有出于想要一个非常简单,但又很适合浏览和发布很多东西,以及可以放很多的菜单项,最后它看上去就像是搜索引擎的搜索结果列表……很多模板有很多特效,但是细节处理的都不是很好,另一类则是需要图片衬托出好看(因为我觉得那样实际上是图片好看,而实际使用中我们无法有那么多高清的好图片和好照片),从而催生了用间距,位置,色彩去制作一个主题,不用图片元素和过多的框设计……

以后大概很少会发布更新和其它新的模板,可能的话这个版本会保持每年都进行兼容性适应和改进或看情况再重制。欢迎提交 BUG 和新的点子 或者新事物。

—-

一些一直以来使用的设计:比如气泡,在函数模板 中修改日期(注释中有其它日期,默认我设置了 1000 年),气泡标记的使用方法是,在【外观】-【菜单】中将分类 ID 填写入【图像描述】中(如果没有这个选项 在页面右上角点击【显示选项】勾选。

2015.08.31 1.0.0
生日快乐呢 ^^
2015.09.04 1.0.1
2015.12.14 1.0.2
2015.12.14 1.0.3
2015.12.16 1.0.4
整体从方角变成使用圆角设计,优化和修改了不少东西(文字大小与色彩的调整、文本删除线、置顶文章红线标记 等),增加了 Emoji One(统一 Emoji 显示)插件(整体体积挺大的,因为我保留了一些没有用上的文件,它们并不会载入浪费流量的),/seabye_blog/js/script.js 中用注释修改是否载入字体,中文字体 17MB 体积,建议把 /seabye_blog/fonts/STHeitiSC/STHeitiSC-Light.woff 放到七牛并修改 js 中的文件地址,如果你不喜欢这个字体,干脆注释掉这段内容也可以(回到原本的字体设计不会崩坏)。
Emoji One,你可以在任何地方调用这些 Emoji(如果需要表情支持,请在站内搜索表情插件,我在里面写入了几个常用的不过依旧需要你手动设定表情对应的代码……);
Font Awesome,或者使用这些字体图标。
这个版本的压缩包有 31M 体积,主要是以上体积的插件和字体以及最初就有的图标字体文件,去除插件本体只有 40KB 运行体积。关于压缩包体积之后的版本不再阐述。
2015.12.17 1.0.5
用黄金比例调整了一些元素间距,优化了 blockquote 标签样式,对置顶文章标记进行了改进(前 5 篇置顶文章的红线透明度渐变),更改了 input button 类的居中方式(安卓内边距不对问题)。
2016.03.07 1.0.6
更新了 Emoji One 插件,同时去除了部分多余文件,但依旧保留了 SVG 和大尺寸 PNG,至于怎么调用!我也不知道。私密文章显示不正常问题(最近用到这个功能修复),和一部分边栏小工具优化。另外一个比较重要的变化是,去掉了自定义字体对应代码和字体文件(网速不行不实用,死刑),因而体积变成 19M。

Download: seabye_blog.zip

WordPress 主题 seabye_copy [停止更新]

版权:

禁止 对本主题副本进行盈利性分发;
禁止 在对本主题副本进行修改后进行盈利性分发;
您可以使用该主题,和对其进行免费分发;
您可以修改该主题,和对修改版进行免费分发;
请保留作者和本站与链接信息,以支持我的工作。

转载、引用和推荐:因为可能经常更新,可能您的截图与保存的版本很快就会变得陈旧,请附上本文或本站网址,以使大家获取到新鲜的文件版本;同时,也让我们展示给用户最好的一面。

Theme Name: seabye_copy
Theme URI: http://seabye.com/blog/11211.html
Author: seabye
Author URI: http://seabye.com/blog
Version: 1.6 ( 2014.02.18 )

下载:
seabye_copy.zip

问题:
你可以在评论区,或使用电子邮件提交 bugs,在我看到的时候会进行修正与回复,请同时提交 问题的链接演示 或 截图,当然,如果你觉得文字已经足够描述该问题。
Email : seabye@live.com

演示:
本体 seabye_copy论坛 bbPress(部分边栏可能错位,清除地址栏 ?themedemo=seabye_copy 离开演示模式)

iOS 设备尺寸模拟(这种模拟执行的是您的 桌面浏览器 显示结果,所以它仅仅是尺寸上的模拟)
注意:演示效果也许并非当前提供下载的版本的效果。
注意:博主的博客文章很多都没图片并且风格不统一,首页会不怎么美观,你可以进入菜单中的“日常”-“音乐”等下级分类,在电脑与手机效果都更加。
如果你可以提供贵站的演示地址,请在评论留言。这将使我更好的看到它的效果,需求,以及问题。当然,这需要你喜欢并决定长期使用这个主题,而不是在一个礼拜过后这个演示地址就变成其它主题了。

捐赠:
如果它对你有所帮助,请我杯咖啡如何?

  • 支付宝 : seabye@live.com
00:00/00:00

概述:
适用:分类信息资源的,对菜单有着复杂级次需求的,对移动设备需要自适应的,希望搭配 bbPress论坛 的,不失实用的简约;
论坛:支持 bbPress 2.5.4-5380,含移动设备兼容,bbPress 2.5.4-5380 的地址:http://seabye.com/blog/11073.html
菜单:导航菜单支持无限个下级,左侧为边栏,可以按钮开关,右侧为内容,它们都使用各自的滚动条,底部菜单与版权信息悬浮缩小在底部;
兼容:Chrome、Firefox、IE9及以上;
兼容:移动设备显示模式为宽度至少 320px;
文件:favicon.ico 是网站小图标,这个你应该有;
文件:apple-touch-icon.png 是苹果设备(也包括安卓)的大图标,要求最小尺寸 152×152 正方形,推荐 256×256,手机版 Logo 与 登录界面 我将引用它;
文件:logo.png 是电脑模式的显示 Logo,可以不是正方形。
注意:
   缩略图:新的文章会在图片上传的时候生成缩略图,Force Regenerate Thumbnails 插件可以重新生成一次缩略图(它会删除你未使用的缩略图,并重新制造你在后台设定的缩略图尺寸以及模板主题中设定的缩略图,当然,它不影响原图。

   bbPress:bbPress论坛 本身存在的一些 bug(至当前使用的 2.5.4-5380),如在帖子与回帖直接使用 li 会导致内容提前被判断为结束以致页面混乱,移动帖子后版块对帖子的统计信息却没有变化(也即成为错误)等。这些本身来源于 bbPress 的错误主题无法涉及修复,请参考 bbPress 以后更新的版本。

函数模板 设定:
1、8个小工具位置,分别为电脑与手机模式;
2、取消前台的各种 WordPress 字符转义(如 – 被转义成 —);
3、边栏,评论,摘要位置开启 [ ] 中括号短代码支持;
4、更改登录界面 图标、文字、链接;
5、更改后台字体默认为 微软雅黑;
6、上传的附件将以时间命名(为避免修改中文名的麻烦);
7、创建一个主题需要的缩略图尺寸(和以往的主题相同尺寸,并不重复创建);
8、自动调用特色图片;
9、前台文章图片 alt 自动替换输出为文章标题;
10、后台文本编辑模式下几个自定义快捷按钮;
11、新建文章将不勾选默认分类,发布前会提示选择分类(为避免遗忘);
12、1个重构了的带头像的评论,1个简化了的自带登录登出小工具;
13、以及一些其它东西…

JavaScript 设定:
1、外部链接均以新窗口打开;
2、失效图片均自动替换成 1px 透明图片;
3、pre 和 code 标记内容将可编辑(配套的代码高亮插件为 Crayon Syntax Highlighter);
1、键盘左右翻页(归档型页面)。

CSS 设定:
1、不允许滑选内容;
2、不允许打印。

1.6 ( 2014.02.18 ):

更改了配色和一些设计元素;
取消了几乎所有 CSS3 过度特效;
以及 Logo 的放置方式;
优化一个外貌问题:鼠标点击会出现虚线框。
(涉及文件:header.php style.css style/sidebar.css)

1.5 ( 2014.11.22 ):

主色调灰色过度到蓝色;
档案类显示摘要;
优化一些自带小工具显示效果。

1.4 ( 2014.11.18 ):

档案类隐藏边栏将保留搜索框(同时修复无法点击页码问题);
如果文章没有评论,将不显示“0评论”;
支持 ICP备案号显示;
紧急问题:Gravatar 头像 从 https 调用(取消从多说调用),有 ssl 功能的网站可去函数模板中关闭它;
修正隐藏边栏后的阴影小细节;
微调一些颜色与间距;
一些其它东西;
本版主要修复以上一些问题。

1.3 ( 2014.11.14 ):

重新使用一些 1.0 的设计元素,简化一些元素,整体色调调整为冷色灰;
取消博客“置顶”和“24小时内发布的文章”的着色;
取消论坛左侧边栏;
紧急问题:Gravatar 头像 从多说服务器调用(函数模板);
一些其它东西。

1.2 ( 2014.11.12 ):

区分放大倍数以选择像素尺寸以适应近早期安卓设备与桌面版放大结果;
优化 bbPress论坛 显示效果;
修复细节问题若干。

1.1 ( 2014.11.10 ):

优化代码;
调整色彩,简化线条;
对“置顶”的文章着色(红色);
对24小时内发布的文章着色(蓝色)。

1.0 ( 2014.11.06 ):

初版。

1.5 截屏:

seabye_copy_1.5

WordPress 主题 seabye_blue [ 停止更新 ]

版权:

禁止 对本主题副本进行盈利性分发;
禁止 在对本主题副本进行修改后进行盈利性分发;
您可以使用该主题,和对其进行免费分发;
您可以修改该主题,和对修改版进行免费分发;
请保留作者和本站与链接信息,以支持我的工作。

转载、引用和推荐:因为可能经常更新,可能您的截图与保存的版本很快就会变得陈旧,请附上本文或本站网址,以使大家获取到新鲜的文件版本;同时,也让我们展示给用户最好的一面。

Theme Name: seabye_blue
Theme URI: http://seabye.com/blog
Author: seabye
Author URI: http://seabye.com/blog
Version: 1.1 ( 2014.09.24 )

下载:
seabye_blue.zip

演示:
站内(部分小工具可能错位,清除地址栏 ?themedemo=seabye_blue 离开演示模式)

鸣谢:
暂无捐助

你需要知道:

编辑 header.php 添加网站 标题 以及 关键字(SEO 搜索引擎索引);
归档中的装饰条为 1天 之内发布的文章标识;
class 的增强使用:pc 仅在电脑显示,phone 仅在手机显示(可以在任何地方,如 菜单 中 等 使用)。

1.1 说明:( 2014.09.24 )

删除多数无用,未用注释代码与文件,外观无变化。

1.0 说明:( 2014.09.24 )

你可以搭配另一个 Discuz! 论坛模板用;
它不支持自适应,以后也不会的;
颜色几个地方蓝色,你可以在 CSS 文件里替换色彩代码,还是挺方便切换成其它颜色的;
阿,懒得写了。。。

WordPress 主题 seabye_cat [ 停止更新 ]

版权:

禁止 对本主题副本进行盈利性分发;
禁止 在对本主题副本进行修改后进行盈利性分发;
您可以使用该主题,和对其进行免费分发;
您可以修改该主题,和对修改版进行免费分发;
请保留作者和本站与链接信息,以支持我的工作。

转载、引用和推荐:因为可能经常更新,可能您的截图与保存的版本很快就会变得陈旧,请附上本文或本站网址,以使大家获取到新鲜的文件版本;同时,也让我们展示给用户最好的一面。

Theme Name: seabye_cat
Theme URI: http://seabye.com/blog
Author: seabye
Author URI: http://seabye.com/blog
Version: 2.8 ( 2014.10.05 )

下载:
seabye_cat.zip

演示:
站内(部分小工具可能错位,清除地址栏 ?themedemo=seabye_cat 离开演示模式)

鸣谢:
暂无捐助

初始设定描述位于 2.1 说明;
大部分功能都位于 函数模板 functions.php,可以根据需要去注释关闭,日常操作基本上不再需要什么插件;
若建议或意见及疑问请提交至评论留言或邮件。

你需要知道:

编辑 header.php 添加网站 标题 以及 关键字(SEO 搜索引擎索引);
今日更新数 气泡(非气泡造型) 的使用方法(已制作):http://seabye.com/blog/9528.html
今日更新数 时间设定 在 函数模板 functions.php 中搜索:代表时间,默认为 1天 之内,如本站使用的是 1000年(1000 year ago 即为文章总数);
归档中的装饰条为 1天 之内发布的文章标识;
class 的增强使用:pc 仅在电脑显示,phone 仅在手机显示(可以在任何地方,如 菜单 中 等 使用)。

为了更方便找到分类对应 ID,推荐插件:Catch IDs
WordPress 插件页面:http://wordpress.org/plugins/catch-ids/
它会在分类编辑页的分类旁标记 ID 号。

2.8 还原 说明:( 2014.10.05 )

删除点击音效(因手机端它会导致音乐暂停);
调整编辑器按钮;
对 code 标签进行了代码处理;
对 背景图做了视差处理;
Ubuntu 字体增设粗体(400 使用老 woff 格式,700 使用 woff2 格式);
基本还原了以前的造型,除了文章列表的展示方式。

2.7 说明:( 2014.10.03 )

优化部分间距距离;
PC版 标题更换为 Logo(Logo 放置于 WordPress 根目录/logo.png);
其余细节不再明细。。

2.6 说明:( 2014.09.24 )

删除多数无用,未用注释代码,外观无变化。

2.5 说明:( 2014.09.19 )

下边1像素颜色代替阴影。

2.4 说明:( 2014.09.17 )

浮动导航条居中位置调整;
一点点细节。

2.3 说明:( 2014.09.16 )

自适应支持(根据浏览器 UA 判断)。

2.2 说明:( 2014.09.16 )

配色;
优化了手机显示;
添加背景图。

2.1 说明:( 2014.09.15 )

结构和 seabye_air 一模一样,外观上不同;
自适应,响应式;
夜间模式;
边栏 支持谷歌的 300宽 广告,正文下方 可放分享代码,引荐下方 支持谷歌 728宽 广告;
1天 之内发布的在归档会有条条装饰;
支持无限下级分类(只测试过 3级);
添加了部分常用快捷代码到 文章编辑器 文本模式;
缩略图只设定了 1个 归档的特色图片(自动调用);
上传图片与附件自动更名为日期数字;
图片 alt 强制使用文章标题(SEO);
移除前台工具栏;
更改后台字体默认为 微软雅黑;
更改登录页面 Logo,链接,描述,字体(网站根目录 apple-touch-icon.png)
选择分类提示(不自动使用默认分类 防止忘记);
允许 投稿用户 上传文件;
媒体库 只显示用户自己上传的文件;
支持分类描述显示,分类描述编辑强化 ;
正文内页添加 url 链接;
初步防采集代码;
归档类支持键盘翻页;
支持多模板(例 夜间模式);
自动替换失效图片(1像素 透明);
功能页面模板:近期更新 100+,标签,随机文章;
外部链接均自动新窗口打开。

2.0 之前:( 2014.04 – 2014.07 )
这个模板原来的名字叫 Crow Bootstrap,我在一开始制作空气猫的时候设计的,大致是14年4月份出的第一个版本,随后在频繁的更新到了2.0.4,但一直未公开,有几个好友在使用或曾经使用过。
因为代码和设定过于复杂,并且代码量过大(当时采用的一个 WordPress 的一个 Bootstrap 风格框架(但实际上我并不推荐你们去用,更多时候应该选择结构优秀而非带着一大堆你可能用不上的CSS、JS文件的框架模板)),引起的后果是维护难度和载入速度有增加。

WordPress 主题 seabye_air 蓝改 [ 停止更新 ]

版权:

禁止 对本主题副本进行盈利性分发;
禁止 在对本主题副本进行修改后进行盈利性分发;
您可以使用该主题,和对其进行免费分发;
您可以修改该主题,和对修改版进行免费分发;
请保留作者和本站与链接信息,以支持我的工作。

转载、引用和推荐:因为可能经常更新,可能您的截图与保存的版本很快就会变得陈旧,请附上本文或本站网址,以使大家获取到新鲜的文件版本;同时,也让我们展示给用户最好的一面。

Theme Name: seabye_air
Theme URI: http://seabye.com/blog
Author: seabye
Author URI: http://seabye.com/blog
Version: 2.4 ( 2015.05.27 )
  Version: 3.2 ( 2014.10.16 )

下载:
2.3 经典
seabye_air.zip
3.1 蓝改
seabye_air_3.zip

(截图位于底部)

演示:
2.4 经典(部分小工具可能错位,清除地址栏 ?themedemo=seabye_air 离开演示模式)

鸣谢:
http://mfml.net 捐助 260元
http://manyouzhe.com 捐助 100元

初始设定描述位于 1.0 说明;
大部分功能都位于 函数模板 functions.php,可以根据需要去注释关闭,日常操作基本上不再需要什么插件;
该模板在代码与外观上都尽量去简约,故名空气,主旨是将它制造成一个通用的,精炼的,又不失站点风貌的 WordPress 主题(好吧只是最近很痴迷用间距,大小,位置这些排版元素去控制,真太棒了!不过控制的还不够好(╯□╰);
若建议或意见及疑问请提交至评论留言或邮件。

你需要知道:

编辑 header.php 添加网站 标题 以及 关键字(SEO 搜索引擎索引);
今日更新数 气泡(非气泡造型) 的使用方法(已制作):http://seabye.com/blog/9528.html
今日更新数 时间设定 在 函数模板 functions.php 中搜索:代表时间,默认为 1天 之内,如本站使用的是 1000年(1000 year ago 即为文章总数);
归档中的装饰条为 1天 之内发布的文章标识;
class 的增强使用:pc 仅在电脑显示,phone 仅在手机显示(可以在任何地方,如 菜单 中 等 使用)。

为了更方便找到分类对应 ID,推荐插件:Catch IDs
WordPress 插件页面:http://wordpress.org/plugins/catch-ids/
它会在分类编辑页的分类旁标记 ID 号。

3.2 蓝改 说明:( 2014.10.16 )

手机模式将不显示文章标签;
搜索结果将不显示文章标签;
打印模式将不显示文章标签;
手机模式菜单与正文间距调整;
此次更改只涉及 style.css 文件。

3.1 蓝改 说明:( 2014.10.10 )

对归档页footer隐藏元素做了反转处理。

3.0 蓝改 说明:( 2014.10.09 )

一个蓝色的改版;
你只能其中一个,因为目录一样的。

2.4 说明:( 2015.05.27 )

调整一些 CSS 上的细微。

2.3 说明:( 2014.10.05 )

删除点击音效(因手机端它会导致音乐暂停);
调整编辑器按钮;
对 code 标签进行了代码处理;
调整了导航菜单 二级菜单的间距;
Ubuntu 字体增设粗体(400 使用老 woff 格式,700 使用 woff2 格式)。

2.2 说明:( 2014.10.04 )

新增二级主题:“萤火の光”。

2.2_Firefly

2.1 说明:( 2014.10.03 )

优化部分间距距离;
二级导航的透明方式调整以更好的显示;
其余细节不再明细。

2.0 说明:( 2014.09.24 )

删除多数无用,未用注释代码,外观无变化。

1.9 说明:( 2014.09.16 )

细微的调整。

1.8 说明:( 2014.09.15 )

标题与描述默认使用“楷体”(英文并不使用楷体),以保证 Windows 下的中文美观,但为此牺牲了一点整体感,就整体而言,若标题和描述是中文,应该会更好看;若不喜欢可以在 CSS 中搜索“KaiTi, KaiTi_GB2312”将其删除即可,有 2处代码(若本机操作系统无“楷体”将会引用“雅黑”或默认字体);
重构表单类 CSS 代码,使其输入指针位置居中(兼容增强);
优化缩放窗口时边界;
整理CSS代码;
一些细微的调整。

1.7 说明:( 2014.09.14 )

删除了部分文件中的一些代码;
删除了所有未使用的文件(含1个 js 文件的多余引用);
404页面 加上 侧边栏;
404页面 图片显示 取消;
以上使主题压缩包体积从 194K 缩小至 101K。

1.6 说明:( 2014.09.13 )

优化手机上的超长副标题越界问题;
近期评论简化;
添加 文本小工具(带缩进);
添加 功能小工具(去除了 评论RSS 和 WordPress.org 链接);
页面 文章下方 添加 电脑与手机 的广告小工具位(为了美观不可显示标题);
和一些些小细节。

1.5 说明:( 2014.09.06 )

夜间模式 的完整支持;
底部菜单限制只显示 1级;
去除 CSS 中的不必要 -webkit- 代码。

1.4 说明:( 2014.09.05 )

修复 WordPress 4.0 更新后 今日更新数 功能失效;
优化内页评论显示效果。

1.3 说明:( 2014.09.04 )

微调配色(低分辨率下的色彩抖动既视感问题);
优化内页文字间距;
优化部分元素间距;
更换一些文字符号。

1.2 说明:( 2014.09.02 )

(在 1.1 的基础上升级,只需替换 seabye_air/style.css 文件,与 seabye_air/style/night.css 这两个文件即可);
优化内页评论显示效果;
优化归档元素间距;
优化部分按钮元素显示效果;
调整部分位置文字大小;
微调 404 页面。

1.1 说明:( 2014.08.31 )

再次使用一些 beta 版元素;
部分元素改为 圆角;
清除 未使用到的代码 与 注释内容;
修复手机版菜单错位;
修复新文章装饰中国区延迟 8小时 问题;
去除背景图片功能;
强化小工具(区分 电脑 与 手机);
其它细节省略。

1.0 说明:( 2014.08.30 )

边栏 支持谷歌的 300宽 广告,正文下方 可放分享代码,引荐下方 支持谷歌 728宽 广告;
1天 之内发布的在归档会有条条装饰;
支持无限下级分类(只测试过 3级);
添加了部分常用快捷代码到 文章编辑器 文本模式;
缩略图只设定了 1个 归档的特色图片(自动调用);
上传图片与附件自动更名为日期数字;
图片 alt 强制使用文章标题(SEO);
移除前台工具栏;
更改后台字体默认为 微软雅黑;
更改登录页面 Logo,链接,描述,字体(网站根目录 apple-touch-icon.png)
选择分类提示(不自动使用默认分类 防止忘记);
允许 投稿用户 上传文件;
媒体库 只显示用户自己上传的文件;
支持分类描述显示,分类描述编辑强化 ;
正文内页添加 url 链接;
初步防采集代码;
归档类支持键盘翻页;
支持多模板(例 夜间模式);
自动替换失效图片(1像素 透明);
功能页面模板:近期更新 100+,标签,随机文章;
外部链接均自动新窗口打开。

经典:

蓝改: