任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

WordPress 主题教程 #12:日志样式化和其他杂项

日志样式化和其他杂项是从零开始创建 WordPress 主题系列教程的第十二篇,这篇主要讲解如何样式日志,这篇不需要 index.php, 打开Xampp Control,theme 文件夹,Firefox,Internet Explorer 和 style.css 文件。 第1步:Reset CSS 在 style.css 文件中的 body{} 上面输入以下代码来处理大部分页边空白和填充: body, h1, h2, h3, h4, h5, h6, blockquote, p{ margin: 0; padding: 0; } 这里我们使用的是 margin: 0; 而不是 margin: 0 0 0 0;。因为所有的值都是一样的话,只用一个数字就够了,对于填充的设置也是一样的。 保存,刷新 Firefox 和 IE。接下来我们可以增加空白和填充到需要的地方。 第2步:样式化 H1 标题 在 body{} 之后输入以下代码: h1{ font-family: Georgia, Sans-serif; […]

WordPress 主题教程 #13:样式化侧边栏

样式化侧边栏是从零开始创建 WordPress 主题系列教程的第十三篇,这篇主要讲解如何样式化侧边栏里面的所有元素,在对侧边栏样式化之后,这系列教程就将差不多结束了。 打开 XAMPP,主题文件夹,Firefox,IE 和 style.css 文件。 第1步:样式化侧边栏的无序列表 在 .sidebar{} 下输入: .sidebar ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; } 现在已经为侧边栏样式化父级无序列表(UL)标签。所有的子 UL 或者内嵌的 UL 将会击继承同样的样式。在这里,它是无列表样式,零空白和10像素的填充。 如下所示: 第二级的(或内嵌的) UL 继承了第一级 UL 的样式。如果你给了第一级 UL 应用了边框,第二级的 UL 同样也会有个边框。 保存并刷新就可以看到列表条目现在已经没有前面的圆点了。 注意下你是如何增加顶部和底部填充的。 第2步:给 LI 添加填充 在 .sidebar ul{} 下输入: .sidebar ul li{ padding: 10px 0 10px […]

WordPress 主题教程 #14:底部和拆分 Index

底部和拆分 Index是从零开始创建 WordPress 主题系列教程的第十四篇,这篇我们完成对主题的样式化和开始把 index.php 文件分成多个小文件。在这篇中,首先要对 style.css 文件进行修改,然后把 index.php 分成一些新的文件。 打开 XAMPP,主题文件夹,Firefox,IE,index.php 和 style.css。 第1步:样式化 footer 给 footer DIV 增加 10px 顶部填充。你还记得如何增加填充?这次我不提供代码。 第2步:设置 footer P 的行距 给 footer 里的所有的 P 标签 18px 行距。那是 #footer p{}.。(今天关于 CSS 的就这么多。) 第3步:header.php 创建一个新文件,把它命名为 header.php。 在 index.php 文件中,把 header DIV 及以上所有东西都拷贝到 header.php 文件中。 这是我的 header.php 文件。不要从我的这里拷贝,从你自己的 index.php 文件拷贝。 第4步:在 index.php […]

WordPress 主题教程 #15:子模板文件

子模板文件是从零开始创建 WordPress 主题系列教程的第十五篇,这篇将和像上一篇创建 header.php,sidebar.php 和 footer.php 这些模板文件一样创建更多的子模板文件。 现在 index.php 文件已被拆分,这一切都变得更简单。 第1步:archive.php 在做这步之前,查看你的侧边栏,点击其中的一个存档链接,结果的页面是不是和首页没有什么不同? 创建一个新文件:archive.php 把 index.php 中所有东西复制到 archive.php 保存 archive.php 在 archive.php 文件,把 the_content 改成 the_excerpt。 再次保存 archive.php 文件 通过创建一个 archive.php 文件并把它改成和 index.php 不一样,这就是定制化存档页面的外观。 现在如果你刷新你的存档页面,它将只显示摘要而不是全文的日志。 为什么你想这么做呢? — 防止 Google 以为重复内容惩罚你的博客,如果一个存档页面和首页显示相同的内容,那就是重复的内容。 如果是私人的博客呢?那么就没有必要去区分首页和存档页面。但这并不是说摘要对私人博客没有用。 同样 — 默认你的类别页面将使用 archive.php 显示内容,如果你没有 archive.php 文件,类别页面将使用 index.php 显示内容。 如果你想类别页面和首页和存档页面看起来不一样,那么创佳一个 category.php 文件并定制化它。 第2步:search.php 创建一个新文件:search.php 把 […]

WordPress 主题教程 #16:留言模板

这篇教程是在 WordPress 2.7 之前撰写的,而 WordPress 2.7 之后支持了 Thread Comments,这里有让你的主题实现 WordPress 2.7 的 Thread Comments 的方法。但是还是建议你查看下这篇教程。 留言模板是从零开始创建 WordPress 主题系列教程的最后一篇。这篇将涉及到博客一个比较重要的东西;评论模板。 你应该知道: 没有快速的方式在 comments.php 建立评论模板 大部分的 WordPress 设计者使用来自 WordPress 默认主题(Kubrick)的默认评论模板根据。 一些设计者会修改默认的评论模板去适合他们自己的需求。 你将使用我的对默认评论模板的修改版本。 第1步:创建 comments.php 创建一个新文件:comments.php。 把我的 comments.txt 文件中的内容复制到 comments.php。 保存 comments.php 文件。 第2步:样式化留言 把我的 comments-template-css 文件中的内容拷贝到你的 style.css 文件中。 复制到 style.css 的底部或者刚好 #footer 的上面。 第3步:在 single.php 添加留言模板 在 single.php […]

WordPress 主题教程电子书下载

从零开始制作 WordPress 主题的这个教程是我发布在我爱水煮鱼上的第一个非常完整的 WordPress 相关教程,它会一步一步教你如何制作 WordPress 主题,这个教程最初翻译自 So you want to create WordPress themes huh? 经过多次修正以适应中文习惯,并加入了个人的理解。 很早之前我就发布这个教程的 PDF 电子书之后,截至目前为止已经被下载超过 12354 次,并且这个统计只是 box.net提供的数据,其他下载站的数据无法统计,估计至少还有1万次的下载,从2009年12月份来,我已经对这个教程进行大的修正,今天(2010-1-20)发布修正后的第一版。 当然还会存在一些错误,所以为了能够使得这一教程能够持续的修正,我们接受赞助商,赞助商可以在这个电子书中获得展示广告位和产品或者服务的一段是描述。如果你对我们的教程的话,你可以联系 Denis(http://wpjam.com/contact/)。 曾经很早之前就想过和朋友一起出一本 WordPress 的书,但是一直因为各种原因未能制作 。但是如果把目标缩小一下,通过先写某个专题的 WordPress 电子书,然后分享,也不是一个不错的想法,所以我接下来会继续制作一些其他 PDF 电子书,比如 WordPress 插件制作教程,从零开始使用 WordPress 等等,也许哪一天真的可以把这个整理成一本书。 下载:WordPres 主题教程电子书。 Pseric 也发布了这个教程的繁体中文版,如果你是台湾或者香港的读者,你可以到 Pseric 的 免費資源網路社群 下这本电子书的繁体中文版:免費WordPress佈景主題教學電子書。 标签:WordPress 主题 WordPress 教程

如何实现 WordPress 主题的 Thread Comments 功能

WordPress 从 2.7 版本新增的最大一个功能就是 Thread Comments(嵌套留言和回复),就是可以回复留言并且嵌套显示,这样非常留言的时候更加友好,可以针对日志内容留言,也可以针对某条留言回复,并且可以直接在留言中讨论而不影响其他用户,所以 WordPress 主题实现 Thread Comments 是非常必要的。 由于 WordPress 很早就在 wp_comments 数据表中预留了 comment_parent 字段,在 2.7 版本之前的实现 Thread Comments 功能的插件都是通过使用这个字段实现的,WordPress 2.7 之后自带的 Thread Comments 也不例外,也是通过这个字段实现,所以可以完全兼容之前的 Thread comments 插件。但是要使用 WordPress 2.7 自带的 Thread Comments,需要修改主题的 comments.php 主题文件,我下面就讲解下如何修改,注意这里的代码不向下兼容了,修改了之后,你的主题只能在 WordPress 2.7 或者中使用了。 1. 首先在主题的 header.php 的 wp_head() 函数之前添加如下函数: if(is_singular()) wp_enqueue_script(‘comment-reply’); 上面这个函数是在主题模板中添加 comment-reply.js 这个 JS,它是 Thread comment […]

JamOne 单栏 WordPress 主题

JamOne 是 UnderOne 为 WPJAM 应用商城发布的的单栏 WordPress 主题,JamOne 回归主题制作的传统,让用户更关注文字,抛弃花里胡哨的设计,一种夏天清爽的感觉,虽然现在是秋天,都快冬天,但是广州这边还是很热。 JamOne 单栏 WordPress 主题 JamOne 单栏,支持 Widget,支持最新版本的 WordPress 3.01。 支持留言嵌套回复,支持留言分页。 面包屑导航。 支持 WordPress Related Post 插件和 PostViews 插件,需要另外安装。 主题默认已支持 PageNavi 功能。 详细请看演示。 该主题只需 19.98 RMB,购买链接:JamOne 单栏 WordPress 主题 标签:WordPress 主题

6个最佳用于餐厅,咖啡厅,美食的 WordPress 主题

如果你经营一家餐厅或者咖啡厅,你想通过互联网来营销你的餐厅或者咖啡厅,或者吸引用户到你餐厅或者咖啡厅消费,甚至你想经营一个美食的博客,那么首先你要有一个专业的网站,这个时候使用 WordPress 是最佳最快的方法,今天就给大家推荐 6 个最佳用于餐厅,咖啡厅,美食的 WordPress 主题,让你能够快速建立专业的网站或者博客。 1. Gourmet (by templatic) Gourmet 是一个含有美食网站所有功能的专业主题,如多重菜单,推荐项目,博客等等,使用该主题可以很快建立一个专业的美食网站。 Gourmet 的详细介绍 2. Restaurant Theme (by templatic) 专业的设计,高效的代码 Restaurant Theme 让你能够快速建议一个自己的饭店网站。 Restaurant Theme 详细介绍 3. Organic Restaurant Theme (by Organic Themes) Organic Restaurant Theme 是美食相关产业的完美网上解决方案,它包含三个色调,奶黄,红色和白色,分别适合不同类型的餐厅,这个主题完全适应 WordPress 3.0,包含了 WordPress 3.0 的高级功能,所以该主题可以很容易根据你的餐厅的需求进行定制。 Organic Restaurant Theme 详细介绍 4. Delicious (by WPZOOM.) Delicious 是一个非常优雅的 WordPress 主题,适合餐厅,饭店,咖啡厅,酒吧,餐馆,小吃店等。 […]

5个最佳房地产 WordPress 主题

WordPress 并不是一个简单的博客程序,它能干的事情非常多。如果你是一个地产中介,想通过互联网出售房子,那么你也可以通过 WordPress 来实现,是的,选择一个适合房地产的 WordPress 主题,就会让你事半功倍,并且现在网络上有非常多的和房地产相关的 WordPress 主题,并且还集成了房地产相关的功能(如位置,价格,大小,几房几厅,经纪人,代理等)。所以今天就给大家介绍下5个非常不错的房地产相关的 WordPress 主题。 本文翻译自 12 Real Estate WordPress Themes,原文有 12 个房地产相关的 WordPress 主题,这里节选其中最好的 6 个。 1. Real Estate Theme (from templatic) Real Estate Theme 是有史以来最好的房地产相关的 WordPress 主题,它拥有让你创建房地产网站的所有功能,并且该主题设计非常典雅,结构和布局非常专业。 Real Estate Theme 详细介绍 2. Main Street Real Estate (from Gorilla Themes) Main Street 是一个房地产相关的主题,这个主题让你非常容易添加,修改,删除房产信息,并且它还提供 8 种颜色以及非常专业的布局。 Main Street 详细介绍 3. […]

WordPress 3.4 发布:自定义主题变得更加容易

WordPress 发布了 3.4 版本,这个版本显著改善了 WordPress 的主题定制功能,自定义头部,以及图片标题等方面。 WordPress 3.4 发布:自定义主题变得更加容易 WordPress 3.4 最大的改进显然是新增的主题定制器,它可以让你实时修改和定制你的主题,你可以实时修改你当前主题的颜色,背景,以及自定义头部图片等等,你可以实时调试,直到自己满意。WordPress 后台也改的更加好用,比如主题浏览页面不再分页,可以直接从媒体库直接选择自定义头部和背景,然后图片的标题也进行了修正提升,已经可以支持 html 代码。 下载:WordPress 3.4 标签:WordPress

WordPress 技巧:移除 WordPress 后台的主题编辑器

我们知道在 WordPress 后台 > 主题 > 编辑器 菜单下可以直接编辑主题,但是直接在后台修改主题,一不小心改错会把整个网站搞挂掉(特别是修改当前主题的 functions.php 文件),或者不小心按错把一些代码删错,所以最好就把这个菜单移除了。代码如下,添加当前主题的 functions.php 文件即可: function remove_editor_menu() { remove_action(‘admin_menu’, ‘_add_themes_utility_last’, 101); } add_action(‘_admin_menu’, ‘remove_editor_menu’, 1); 标签:WordPress 技巧

5个最佳明星时尚八卦 WordPress 主题

如果你喜欢娱乐圈的是是非非,并且想建立一个关于明星是非八卦的网站,或者想为自己喜欢的明星创建博客,甚至是有些明星为自己创建博客,WordPress 功能强大,易用性强等等原因使得使用 WordPress 来搭建是一个最佳的选择。但是在开始之前需要选择一个适合明星时尚和八卦休闲的 WordPress 主题,今天就给大家推荐几款这方面的 WordPress 主题。 1. CelebrityPress WordPress Theme (by Gorilla Themes) CelebrityPress 这个杂志型的主题非常适合那些想创建和姓名,八卦,音乐,电影等相关的网站,这个主题功能完整,有视频播放器,高效的主题后台设置和管理以及广告管理等。 详细介绍 | 演示 2. Gossip City Gossip City 是一个免费的主题,三栏,非常适合创建一个简单的明星八卦博客。 Download | 演示 3. Blog Magazine Theme deZine (by ThemeShift) deZine 是一个非常适合创建杂志类型的 WordPress 主题,这个主题非常容易定制,在 footer 和 侧边栏都有 Widget 可以设置,非常方便,建立一个明星八卦博客,这个主题也是非常适合的。 详细介绍 | 演示 4. Phiyaz Entertaintment & Community Theme Phiyaz […]

WordPress 响应式付费主题:Smart Design

如你所见,简约、自然、大方,Smart Design 是 Kayo 发布的一款付费的响应式主题。响应式设计可以让网页自动适应更多终端,也可以有很精巧的布局,甚至会比传统网页的布局更加出色、更加灵活,并且它还可以在 PC、平板、手机等多终端上自动适应, Smart Design 也正是基于以上的理念设计的。 Smart Design 主题主要特色和功能 100% 前端响应式设计,让网页在 PC、平板、手机上都表现出色 完善的后台选项与界面,方便调整主题 多彩颜色,一次购买,红、橙、蓝、绿、灰五种颜色随你选择 —— 主题颜色看腻了没关系,进入后台马上换一个,要用就用自己喜欢的颜色! SEO 优化 支持 WordPress 文章格式功能,制作了 3 种文章格式 自带多种页面模板、侧边栏小工具、短代码样式 Ajax 文章翻页、Ajax 评论翻页、Ajax 提交评论,减轻服务器负担,且更能适应移动设备 集成评论邮件回复、图片延时加载、用户头像缓存、Lightbox 等功能 与众不同的用户体验,让你感受 Web 的魅力 该主题是付费主题,价格为 109.99 RMB,请到 WPJAM 应用商城 Smart Design 主题页面购买。 如果你是一个 WordPress 主题作者,想发布自己的付费主题到 WPJAM 应用商城销售,请联系 Denis。 标签:WordPress 主题

WordPress 技巧:在主题的文件中使用 Shortcode

如果你想用在主题文件中使用名为 [my_shortcode] 的 Shortcode,你只需要按照下面的方式使用 do_shortcode() 函数即可: <?php echo do_shortcode("[my_shortcode]"); ?> Shortcode 详细介绍和更多技巧: WordPress 技巧:使用 Shortcode 投放 Google Adsense 广告 WordPress 技巧:在侧边栏 Widgets 中使用 Shortcode WordPress 短代码(Shortcode)详细介绍和使用 WordPress 技巧:如何解决 Shortcode 中自动添加的 br 或者 p 标签 WordPress 技巧:使用 Shortcode 快速插入列表 WordPress 技巧:删除列表页的 Shortcode 标签:WordPress Shortcode WordPress 技巧

简洁蓝色 Metro 风格的 WordPress 主题:Qetro

如果你喜欢简洁,喜欢蓝色,喜欢文字居多的博客风格。那么,你可以看一下这个 Qetro 这个主题。Qetro 是潜行者M的一个原创作品,以简洁为主线,搭配一些简单的色彩,主要用来展示文字。支持自定义顶部导航菜单、以及三个小工具(边栏、底部一区、底部二区),可以实现大部分用户的普通需求,直接在后台操作即可,无需复杂的科学知识。 当然,如果你是一个 WordPress 主题折腾爱好者,Qetro 的结构和代码也比较简洁简单,可以方便的进行修改,也可以让非常菜的新手朋友研究学习制作主题。 Qetro 结构较为合理,对页面进行了轻微的优化,打开速度尚可。对浏览器的兼容性较好,兼容主流现代浏览器,对于IE来说,除了 IE6 没有实际测试之外,在 IE7、8 中的测试均达到预期效果。在 W3C html校验 中,仅有一处百度分享代码不规范。在 W3C CSS3 校验 中,仅有4处 CSS hack 没有通过。 因为 多说 这样的社会化评论插件功能过于强大,再加上编写评论模块比较复杂,所以现在的1.4版只带有比较简单的原生评论模块,推荐安装多说插件。此外一些短代码之类的高级功能暂时还没有。这些将会在后续版本中升级增加。 主题演示 | 主题官方介绍 | 下载主题 标签:WordPress 主题

Android Theme主题样式开发注意点 Android开发技术

  Android默认情况下提供了一些实用的主题样式,比如说Theme.Dialog可以让你的Activity变成一个窗口风格,而Theme.Light则让你的整个Activity具有白色的背景,而不是黑色那么沉闷。具体使用方法很简单在Androidmanifest.xml文件中对你的Activity节点上加入些代码,如图所示   部分代码为 android:theme="@android:style/Theme.Dialog"  和  android:theme="@android:style/Theme.Dialog"  ,这里Android123提醒大家,有关@后面是android:的定义均在Android内部的Framework层由系统自带。

神一样的主题:London Live WordPress Theme

今天看到一条关于 WordPress 的新闻:南非政府:4000万投入换个WordPress网站: 南非自由邦省政府一位负责人称,他们投入了4000万南非兰特(约合人民币2750万)重新设计政府网站,结果却被承包商给涮了,巨额投资的成果竟然是个任何普通站长都能做的 WordPress 站点。 南非政府为此与一家承包商签署了为期三年的合同,但承包商交工之后南非政府就发现被狠狠地骗了,最终建成的网站令人啼笑皆非,用的居然是免费的Wordpress博客软件,以及一个40美元的付费主题:London Live WordPress Theme。 有业内人士评论说,南非政府支付的费用简直荒诞可笑,而这个合同也为该承包商带来了每月350万南非兰特(约合人民币240万)的利润。 看到这条新闻,除了感觉 WordPress 无比强大,南非政府无比弱智之外,我更想观摩下 London Live WordPress Theme 这个神一样的主题。 推荐指数:★★★★★ | London Live WordPress Theme的演示和详细介绍 London Live WordPress Theme 是 ThemeForest 一个付费的主题,价格确实是 40美元,目前已经卖出去了 2500 多份,如果不算 ThemeForest 分成,赚到了超过 10W 美元了,国外做 WordPress 主题确实不错的。这个主题有什么特点呢: 两种不同的导航菜单样式(明和暗) 推荐视频 两种幻灯片选项(长和短) 包含 PSD。 内容页也支持幻灯片 非常容易配置的主题面板 两种类型的列表页(博客和传统新闻类型) 支持 WordPress 3.0 自定义菜单 内建带验证的联系表单 自动图片缩放(timthumb) […]

使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题

在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一个,这个主题整体风格比较适合,但是有些小地方不太好,自己只是有一点 CSS 基础,可以修改一些简单的样式。修改的时候,却发现主题文件这么多,里面掺杂各种 PHP、HTML 代码,让人不知道在哪里修改。 太好了,那么我们开始学习子主题吧,子主题就是来解决这个问题的。它可以基于某个主题,继承它的功能和样式,然后让你自己进行简单的代码编写就可以衍生出一个新的版本。你还可以对子主题增加样式、功能等等,不仅仅是修改父主题样式那么简单。 做一个子主题非常简单,只需要用 FTP 什么的新建一个目录,然后增加几个文件就可以。你只需要了解很简单的 HTML 和 CSS 知识就可以修改父主题的样式等,当然当父主题升级之后,子主题样式、功能不会被覆盖失效。所以从这个角度来说,如果你想修改一个主题,你应该用子主题这个功能,而不是直接修改原主题文件。 下面就来具体实践看一下,我们就以 Twenty Twelve 这个主题为例吧,其他的主题都是一样的。 子主题的目录结构 子主题也是一个主题,也跟其他主题一样,放在 wp-content/themes 目录下面的文件夹中,文件夹的名称可以随便定义,为了形象一点,在示例中,我们可以新建 twentytwelve-child 这样一个文件夹存放子主题。这样的话,我们的 themes 文件夹中,至少有两个文件夹:twentytwelve、twentytwelve-child ,因为子主题要基于父主题,所以主题目录肯定要有父主题。 在子主题中,一般有下面几个文件: style.css (这个必须有) functions.php (这个可以有) 其他模板文件 (这个可以有) 其他文件 (这个可以有) style.css 是必须的 这是构建子主题中唯一必须有的文件,因为 WordPress 根据主题中的 style.css 头部信息来获取主题信息。特别是子主题,除了像一般主题一样添加头部信息之外,还需要添加父主题的名称,这样 WordPress 才能获取父主题的资源文件。 style.css 头部信息通常是这样的 /* Theme Name: Twenty Twelve Child Theme […]

100% Secure Checkout

PayPal / MasterCard / Visa