快轉到主要內容

WordPress主题修改

·1282 字·3 分鐘
Y Cheung
作者
Y Cheung
Blogger, Programer & Traveler.
目錄

2010-07-23 18:10
#

今天突发奇想,觉得自己的主题也完善得差不多了,想试试提交到WordPress官网,结果一提交才知道自己的主题有多破陋。

  1. 没有screenshot啦,要求是png格式的,大小为774 × 738 像素。

解决办法: 用 chrome插件Webpage Screenshot截取网页图像。

  1. 主题缺少 wp_footer() ,这个是方便有人在页脚部分添加插件的。

解决办法: 在footer.php文件最后面添加

1<?php wp_footer():?>
  1. 单页面缺少 wp_link_pages()分页啦~

解决办法: 在single.php页面和其他你想添加此效果的页面比如page.php等,查找以下代码

1<?php the_content(); ?>

在其后添加如下代码:

1<?php wp_link_pages(array('before' => ' **文章分頁:** ', 'after' => ' ', 'next_or_number' =>'number')); ?>

当然你也可以在style.css中进行CSS美化,比如:

1.link_pages { font: 12px Verdana, Arial, Helvetica, sans-serif; padding-top: 30px; padding-bottom: 10px; margin: 0px; } .link_pages a { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; } .link_pages a:hover { color: #ffffff; background: #0DDAFF; border-color: #0DDAFF; text-decoration: none; }
  1. 缺少archive.php页面

解决办法: 新建一个archive.php页面,把index.php页面的内容复制过来,查找

1<?php the_content(); ?>

替换成

1<?php the_excerpt(); ?>

其他细节部分再依喜好做修改。同理可以建立分类目录页面category.php。

  1. 主题与别人已提交的主题重名,主题TAGS不准确,主题URL错误等等。

解决办法: 修改style.css上的相应描述。

以上,改了一大圈下来,发现主题还是不够完善啊啊啊啊啊啊啊!!!!!!

接下来要做的修改是:

  • 样式化category.php,争取让不同分类有不同的样式
  • 个性化404.php页面

2010-07-19 17:54
#

  • 增加阴影效果。
  • 修改页面头部样式。 效果如图。
    3271302179332603599

PS.昨晚还修改了ABOUT页面内容,建了个网站地图。

2010-07-09 15:09
#

  • 修复顶部菜单栏,实现浮动显示二级菜单~~~

  • 添加背景图

  • 增加某些标题和图片阴影效果

  • 增加blog简要统计

  • 优化评论列表 效果如下图:(浮动效果就请自行前往浏览吧。)

    3849733256471683153

2010-07-08 14:22
#

RSS和twitter链接图片本来想学阿修做发光效果的,也可以说是阴影啦,一回事,但后来又发现hover时做成按下的效果更加好诶~

所以就是现在这样啦。

  • 给人按下感觉的效果是通过位移来做的。

  • 发光or阴影效果是通过box-shadow来做的。

2010-07-07 22:09
#

  • 把深色的底色给换浅色的了,感觉舒服了一点。

  • 添加了几个图标代替文字。

  • 更换评论字体为宋体。

  • 更换文章字体颜色。

  • 修改翻页样式。

2010-07-05 21:23
#

  • 添加google analytics代码

今天才发现新主题忘记添加google analytics的代码了,╥﹏╥…

搞到这些天的数据都没有统计到,( >﹏< 。)~呜呜呜……

我真是笨蛋!

2010-06-26 13:15
#

新主题,在昨晚已然上线。

结果,我的红绿配色令人相当之不满意,╥﹏╥…

于是乎临时改成了蓝色— —+ 这下总可以接受了吧?

效果如图示。

2366923079160171103

需要改进的地方:

  1. Ajax评论
  2. alignleft(早前评论)和breadcrumb-nav最好加个左边距,最下面的上下文也是。
  3. 评论部分:可以用.thread-even和.thread-alt区分一下样式。
  4. 边栏部分Random Posts、Hot Posts、Meta左边距有点大。
  5. 后一百页显示错位。
  6. BLOG标题hover黑白反差太大。
  7. 返回页首的PNG太恶心……

相關文章

技巧笔记

·78 字·1 分鐘
能直接寫 html 的, 就不要用 php. 能直接寫中文的, 就不要用翻譯. 能直接表達的, 就不要有太多嵌套. 修改 css 不要一味添加, 有時刪除會更好. 影響網頁速度最嚴重的是 javascript 或 jQuery 裏的 DOM.

首頁添加文章縮圖功能

·113 字·1 分鐘
在 functions.php 中開啟WordPress的自帶縮圖功能。 1<?php 2 3// 支援 WordPress 2.9 的自帶縮圖功能 4 5if ( function_exists( 'add_theme_support' ) ) { add_theme_support( 'post-thumbnails' ); } ?> 在 index.php 中的the_content 之前添加以下代碼 1<?php if ( has_post_thumbnail() ) : ?> [<?php the_post_thumbnail( array( 150, 150 ), array( 'class' => 'alignleft' ) ); ?>](<?php the_permalink(); ?>) <?php endif; ?> 自帶縮圖功能目前不支持外鏈圖片。

获取WordPress分类目录列表的函数

·90 字·1 分鐘
修改主题的时候,需要显示分类目录列表,本来用的是 1<?php wp_list_categories(); ?> ,后来发现会始终显示“分类目录”四个字,十分之不美观,研究了一下,用 1<?php wp_list_cats('sort_column=name'); ?> 函数代替,解决了问题。o(* ̄▽ ̄*)o 推荐参考: https://www.renniaofei.com/tag/wordpress-tutorials/

footer的自动版权信息部分

·124 字·1 分鐘
PHP代码: 1<?php global $wpdb; 2$post_datetimes = $wpdb->get_row($wpdb->prepare("SELECT YEAR(min(post_date_gmt)) AS firstyear, YEAR(max(post_date_gmt)) AS lastyear FROM $wpdb->posts WHERE post_date_gmt > 1970")); 3 4if ($post_datetimes) { 5 $firstpost_year = $post_datetimes->firstyear; 6 $lastpost_year = $post_datetimes->lastyear; 7 $copyright = $firstpost_year; 8 if($firstpost_year != $lastpost_year) { 9 $copyright .= '-'. $lastpost_year; 10 } 11 $copyright .= ' '; 12 echo $copyright; 13 } ?> 14 < ?php bloginfo('name'); ?><?php echo get_option('home'); ?> / Theme designed by 你的大名 CSS代码: 1 #copyright { float:left; display:inline; margin:55px 0 0 -10px; color:#777; } #copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; background:url(img/footer_line.gif) no-repeat left center; } #copyright li a, #copyright li a:visited { text-decoration:underline; }