Posts Tagged ‘wordpress主题’

WordPress模板的image.php

最近一直在找“有评论功能”的相册插件,始终没有满意的结果,索性自己干了。

wordpress自2.5版本就开始自带了 wp_get_attachment_image 参数,它可以把附件当做一个页面展示出来,在页面上添加<?php comments_template(); ?>就可以实现评论功能了。评论演示

目前大多数主题都没有包含image.php,如果没有这个文件,我们可以复制一个single.php重命名为image.php来做相册的个性化调整。

首先查找 the_content 参数,在他的php标签上面,添加代码:

  1. <p class="attachment">
  2. <a href="<?php echo wp_get_attachment_url($post->ID); ?>">< ?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
  3. </p>
  4. <div class="caption">
  5. < ?php if ( !empty($post->post_excerpt) ) the_excerpt(); // "caption"标签包含的是照片描述区域,如果你懒得写描述,这部分内容可以删掉 ?>
  6. </div>

如果你想要“上一张”“下一张”的翻页效果,可以在the_content的下面,添加翻页代码:

  1. <div class="further">
  2. <p class="float_left">« < ?php previous_image_link() ?></p>
  3. <p class="float_right">< ?php next_image_link() ?> »</p>   
  4. </div>
  5. ?>

然后删掉post_tags、sidebar等等不需要的内容,来拓宽图片的展示空间。
添加overflow:auto;overflow-y:hidden样式到正文区域,给大图片添加横向滚动条。
增加返回相册首页的按钮。
参考留言板的制作方法,写一个photocomment个性化评论页。
等等个性化的东西,自定义就好。

阅读全文 »

为wordpress主题添加canonical

关于 rel=”canonical” 规范的相关信息,可以参阅 Google Support
大致的意思就是,博客内 存在很多内容相同的页面。很多地址指向的其实是一种内容,这样搜索引擎就比较迷惑,哪个页面是最重要的。

通过canonical规范的生效,能有效的避免这类问题。

打开你wordpress所应用的主题内header.php文件,添加如下代码即可:

<?php if ( is_singular() ) echo '<link rel="canonical" href="' . get_permalink() . '" />'; ?>

该标签也可以直接写成:

<link rel="canonical" href="http://uicss.cn/canonical-for-wordpress/" />

需要注意两点:

  1. 允许指向不同的子域名,不允许指向其他域名
  2. canonical属性可以被传递
    即A页面声明B为权威链接,B声明C为权威网页,那么C就是A和B共同的首选权威版本

如果添加正确的话,你可以在firefox浏览器中,地址栏的右侧,看到如下的图标:


2010-09-09 纠正一下,firefox浏览器需要安装SearchStatus插件

wordpress模板制作教程

一、模板制作常用软件:
1.1 图像处理软件 PhotoShop(简称PS): 下载 | 教程
1.2 网页制作软件 Dreamweaver(简称DW):下载 | 教程

二、需要掌握的语言:
2.1 XHTML:简介 | 教程
2.2 CSS:简介 | 教程
2.3 英语:仅普通模板制作的话,不需要掌握太多的PHP语言,能看懂单词是什么意思就可以了。

三、开发环境:
建议安装Apache HTTP Server,在本机环境下调试模板,这样,每一次改动都可以即时的反馈出来。

四、入门阶段:从修改别人的模板开始
4.1 选择要修改的模板
如果想做自己的主题,建议初学者先选择一个结构类似的主题(三栏?两栏?右边栏?左边栏?),在他的基础上进行改动,参考对方代码的同时,巩固自己之前学过的知识。等积累了一定的经验并熟悉PHP语言后,再自行创建模板。
本文以两栏结构的 Sunshine 主题为例。
4.2 设计自己的主题
假如博主不喜欢黄色为主色调,我们需要做的是比照“模仿”作品,先用PS设计出自己需要的风格。

wordpress模板制作教程 | 图例01

4.3 制作模板
在设计的过程中,我们了解到更改这个主题,其实只需要更改几个图片,并调整sidebar.php到右侧就可以了。

阅读全文 »

wordpress主题下载:Poetry(诗意的生活)

支付宝捐款

English Version → Brief introduction

如果您喜欢左边栏结构
请点击这里访问《wordpress主题下载:Sunshine(梦幻的阳光)

主题简介
Poetry采用绿色为主色调,两栏结构,适用于wordpress2.7主题,并兼容IE6、IE7、FIREFOX等主流浏览器。
在载入过程方面,优先载入文章区域,提升用户体验。
在SEO方面,对文章摘要做了优化处理,便于搜索引擎的收录。

下载
http://wordpress.org/extend/themes/poetry

poetry

安装方法
1. 上传主题文件夹到wp-content/themes/目录
2. 进入管理界面点击外观-主题
3. 选择Poetry模板

备注
严禁使用本主题搭建任何违反法律的网站!


Description
This theme was designed and built by cuikai.
2 columns treats the theme poetically. Tested in Firefox, IE6 and IE7. Compatible up to WordPress2.7,and SEO friendly.

Download
http://wordpress.org/extend/themes/poetry

Install
1. Upload the theme folder via FTP to your wp-content/themes/ directory.
2. Go to Admin WP and select Design.
3. Select Poetry theme.

Remark
If you have any questions, please don’t hesitate to raise them up.
http://uicss.cn/wordpress-poetry/

Page 1 of 212
崔凯博客
Powered by SinaSAE | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.