shuilog

上周本来打算设计一款WordPress情侣博客以供未来使用，大概样子设计出来后ELL小MM说很像棺材，很像国外的那种棺材，听ELL一说，再看看那绿色的草地背景，还真的很像哇。呵呵，就不发图片吓唬大家了。本来想就这样放弃了的，结果上周六灵感突然闪现，开始为自己的这个小博客设计新的主题模版，我把这个主题模版命名为“Blue sea”，就是现在这个样子，很经典的Google蓝，圆角效果我也很喜欢，我很满意，不过header部分不太美观，有待改进。

截个图片纪念一下：

Blue主题WordPress模版制作教程

基本的设计流程我就不讲啦，主要讲一下我在设计过程中的一些重点环节。

1.圆角设计。圆角的设计方法使用的Google导航网站的设计方法，本来自己觉得很经典，结果被苏MM彻底鄙视了，彻底仰慕苏MM。的确这种圆角设计方法使用了很多的空<div>，对SEO可能有点影响，不过优点是完全兼容所有的浏览器，即便是老掉牙的IE6也是完全兼容的。以后再设计圆角我就听从苏MM建议选择图片或私有属性方法吧。至于我现在使用的圆角方法，你可以用firebug自己查看，相信你能看懂，嗯哼!?

2.让Sidebar支持自定义。开始设计的sidebar.php不支持自定义，结果导致后台的sidebar插件无法显示，按照Google大神的指导，我在sidebar.php适当的位置添加了如下代码：

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
{……}
<?php endif; ?>

然后在functions.php里添加了如下代码：

<?php if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<div id=”%1$s”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’,
));
?>

这两段代码的大概意思就是如果不存在自定义侧栏，就执行……的代码，如果存在自定义侧栏就执行functions.php的代码，为自定义插件添加<div>和<h3>属性，相信你能看懂，嗯哼!?

3.LOGO设计。之前的那个LED效果的LOGO那这个主题太不协调，所以重新拿photoshop设计了一个简单的LOGO，还是期待Kevin给我设计的LOGO，一定很不错。

4.“直达顶部”按钮设计。看到http://twitterkr.com/ （嘘~低调~）这个韩国的twitter第三方网站的“直达顶部”按钮设计的不错，所以模仿着twitterkr也为这个主题模版设计了一个“直达顶部”按钮，希望哪天苏MM能给添加上js平滑滚动效果。

好啦，就说这些吧，等哪天我把这个Blue sea主题模版通过了W3C标准就发布出来，希望大家能喜欢。

偶还要向苏MM学习一下css的高级选择器和js语言呀。

人家还要...

• 让twitterFollowBadge支持https
• N个经典网络营销案例
• 提供免费VPN代理翻墙上YouTube