在过去几周中,我一直在进行一个关于为 WordPress 设计的视频屏幕录制系列。这是一个三部分的系列,涵盖了从服务器下载和安装 WordPress 到完成主题的整个过程。
第一部分:下载、安装、“重置”主题
第二部分:结构
第三部分:收尾工作,额外内容
下载 - “个人主页主题”
我想我应该称它为它本来应该的样子!所以我们一直构建的主题现在有了个名字:“个人主页主题”。它看起来像这样
我真的是为了在我的个人网站上使用它而设计的,所以你可以在 chriscoyier.net 上看到它的实际效果。
注意:原始 Photoshop 文件包含在下载文件中,位于主题文件夹中的“orig”文件夹中。网站标题泛称为“您的姓名”,而不是我的姓名,但侧边栏中仍然有一些内容是我的个人信息。当然,您可以随意更改、修改和将此主题用于任何目的。链接返回总是好的,但不是必须的。
如果您还不知道的话。要使用此主题,您需要将它上传到 WordPress 安装的 /wp-content/themes/ 文件夹中(您需要使用 WordPress 自托管版本,并拥有对您网站的 FTP 访问权限)。然后您可以在管理区域的“设计”部分激活它。
嗨,Chris!
哇,太棒了,我从头开始设置主题时遇到了很多麻烦,你解释了我需要的所有内容!
另外,我喜欢添加 mov 文件的直接下载链接的想法,因为我在尝试在线播放时确实遇到了很大困难。
感谢您的所有帮助!
完成这一切后,您应该好好休息一下。
再次感谢,
Hazem
嗨,Chris,
感谢您的所有帮助!在您完成这个示例的过程中,一直关注它真是件乐事。做得非常棒。
有趣、轻松,充满了有用的建议和灵感。
我们需要更多像你这样的人…
干杯
Torben
这真是太棒了。看到其他人如何完成这类事情总是很有趣。从头开始一个主题真是个大工程,感谢您将其分解为我们!
Chris,
感谢您让我们得以一窥您的设计和编码过程,即使这不是您通常的处理方式。能够从另一个编码员的视角看问题总是既谦卑(他们总知道你不知道的东西),又鼓舞人心(现在你知道,可以自己尝试了),同时也能让人安心(他们总是让它“看起来很简单”)。
@Hazem - 试试 wget。如果您不怕查看别人的 HTML 源代码,您可以在其中找到电影文件的链接。然后,您将链接传递给 wget,它会为您下载它。它解决了我的 90% 的“我看不到 X”问题。
看起来很棒。
Chris,
我向您致敬,先生……您将其分解到最后一个组成部分。很棒的教程,您是 CSS/Web 开发社区的宝贵财富。感谢您分享您的知识。
@Hazem - 我通常只是在 iTunes 上下载播客,而不必担心在线直播。
做得很好,Chris :)
做得很好 :)
这真是太棒了!感谢 Chris 的所有帮助!
您在这方面做得真的很棒。
好消息,我已经观看了第二部分(我唯一感兴趣的部分),并且刚刚完成了 WordPress 主题的编辑。
在观看之前,PHP 代码看起来像一个迷宫,但是,现在我已经理解了大部分内容(不是全部),但至少我知道该更改什么,该删除什么,以及该保留什么。
再次感谢您的教程!我建议所有人观看它。
_________________________________________
感谢大家的建议,我已经下载了它,并且它在离线状态下运行良好。
祝好!
非常感谢,很棒的资料,易于理解,您涵盖了一切!
我很享受观看这个迷你剧集,看到最终的网站在现实世界中使用,并且看起来已经进行了一些设计调整,这很棒!
像往常一样:非常有帮助,解释得很好!
我很想看到一个关于 Drupal 的类似系列 ;-)
您能将此主题制作成 Blogger 格式吗?
Chris,我已经完成了第二部分,我必须说,我很高兴我花时间观看了这些教程。我的 CSS 理解能力有了飞跃。push div 确实帮助我解决了很多问题,一如既往,我会重新查看旧的 CSS 并将其正确更新。
谢谢!
嗨,Chris!
刚刚发现了您的网站,并且 - 哇! - 马上就喜欢上了!
并且:您的主题非常棒。感谢您分享!
来自奥地利的问候!
我真的很享受这个系列。这些视频非常有信息量。感谢您分享!
谢谢 Chris .. 我从您的教程中学到了很多东西。几天前,我参考了 wp-designer .. small potato 的教程 .. 都是关于编码和技术性的.. 您的教程更具艺术性。感谢您分享,伙计。我必须说您的电脑很棒..
哇,Chris… 这些资料很棒。非常感谢。我已经从这个系列中学到了一些技巧,这对我的设计工作有很大帮助。期待探索网站的其余部分!
完美。我爱它!做得很好!
这真是太棒了。感谢您分享!
非常感谢!我刚开始接触博客和WordPress,一直想要找到像这样的教程。你真是太棒了,让我很容易上手。再次感谢!
我加载了这个新主题,结果页面就空白了,其他的主题都没问题,只有你的主题这样,为什么呢?顺便说一句,我非常喜欢这个主题。
非常感谢!Chris 的教程很棒…
不知道你有没有注意到,Twitter 订阅源出现了一个问题,很多时候(甚至在你自己的网站上),它什么都返回不了。
我最终自己动手修改了一下,才让它正常运行了。虽然没有那么漂亮,但至少每次都能用。
@Roger: 是的,这是一个很糟糕的问题,愚蠢的 Twitter API 太慢了。可能有一些更有效的方法来处理它,比如每隔几分钟检查一次并缓存结果。如果你愿意分享你的修改方法,我很乐意看看!
@Chris: 哦,我放错了链接,我本来想链接到我的博客,结果却链接到我常用的网站。我的博客地址是 http://www.rogerstringer.com/,JavaScript 文件是 http://www.rogerstringer.com/wp-content/themes/PersonalHomepageTheme/stuff.js
我更喜欢将所有 JavaScript 代码与 HTML 分开,另外我想要显示帖子发布的相对时间,所以里面还有一些额外的代码,不过可以很容易地简化。:)
@Roger: 不错!感谢提供。我完全照搬了你的代码 =),并且额外添加了一点代码,用于将推文中的链接“链接化”(摘自 这里)。现在我们需要编写一个函数,将 @xxx 部分链接到用户的 Twitter 页面,这样会很酷。
@Chris: 那个很简单。我在 linkify 函数中做了一些修改,现在在我的网站上已经可以将 @xxx 部分链接化了。:)
看到这篇文章,我简直太高兴了!我现在正在认真研究它。
谢谢!
Chris - 非常感谢你发布了这篇文章。我找了很久,一直在寻找一个像样的 WP 模板构建教程。
解释得非常清楚,非常实用。
我觉得很奇怪,页脚的技巧似乎不起作用。我的意思是,它仍然随着页面的其他部分一起上下滚动。我使用的是 Ubuntu Linux 上的 Firefox 3。
有什么想法吗?
总之,干得漂亮!:D
非常棒的教程…简直太棒了
我在我的网站上发布了它,并链接到你的网站。
很棒的工作。但我认为你让我们下载的主题存在一些问题。无法点击任何标题/永久链接(总是回到首页)。有什么解决办法吗?非常感谢!
我喜欢那些愿意与他人分享知识的人,很棒的网站!:-}
Chris,感谢你的这些教程。你肯定帮助了很多的人。我一直想搭建一个博客,但一直没时间。现在我再也没有借口了。我已经收藏了你的网站,以后会经常访问。
嘿 Chris,感谢你的教程。它真的对我很有帮助。
非常感谢!:-)
这真是太棒了。感谢您分享!
看起来很棒
Chris,
感谢你提供主题下载。不过出现了一个问题。当我进入 PHP 编辑器编辑 Twitter 小部件时,我可以修改 HTML 代码,这样点击后就可以跳转到我的 Twitter 页面,但显示的 Twitter 更新仍然是你的。有什么建议可以更改它,让我的更新显示出来吗?
谢谢
要更改它获取推文的账户,请在 header.php 文件中修改第一个 $.getJSON 函数中的用户名(chriscoyier)。
Chris,
感谢你回答了我的第一个问题。在哪里可以编辑 header(我在 header.php 中查找过),以编辑“你的姓名”和网站的简短名称?
不好意思,这么快就又问了一个问题…
你那里有“CSS Tricks”和“我的照片”,是否可以将其设置为侧边栏?我知道可以在“sidebar.php”中进行编辑,但有没有办法创建一个侧边栏?我不是技术人员。
我刚看到它,非常有用!
谢谢!
这个感恩节,我感谢你精彩的教程!我一直说,只要有好的老师,任何人都可以学会任何东西。我调整了其他人的主题很长时间,但你的友好帮助给了我从头开始的信心和灵感。
不过,如果你看到我的作品,不要太苛刻 - 我没有任何艺术或设计技能。所以请原谅我抄袭了你的很多想法。我希望在完善我的主题(还没有完成)时,能有更多自己的想法。
我很高兴你加入了 Simplepie 之类的酷东西,我在我的博客上也成功使用它了。实际上,我暂停了视频,眯着眼睛,复制了一些你的代码(来限制获取的订阅源条目数量)。现在我非常兴奋地观看你关于 jQuery 的所有屏幕录像,并使用我的 Simplepie 订阅源创建一个酷炫的选项卡式滑动小部件,就像这个网站上的那个一样。
我知道“内容为王”,但我不得不承认,我是一个 CSS/PHP 瘾君子。WordPress 比任何电子游戏都更有趣!
忽略我之前的评论 Chris…我找到了!
很棒的主题。如何更改列的位置?
非常棒的主题!!!
准备试一试!=)
MoiN
http://www.SmashingDownloads.com
很棒的主题,
我在 comments.php 文件中遇到问题。
请帮忙。谢谢
非常感谢你发布了这篇文章。作为一个没有 CSS 或 PHP 经验的技术人员,我一直通过观看这些视频以及 CSS-Tricks 上的其他视频,来搭建我的 WordPress 主题,使其独一无二,如果没有这些精彩的信息,我无法做到这一点!
相信我,我会回来的。:)
非常酷的教程。你让我对用 WP 作为 CMS 为客户创建网站充满了希望!我拖延了几个月,主要是因为我根本没有时间深入研究并自己弄清楚。大多数其他教程都很基础,不能帮助你完成真正需要做的事情/知道的知识。
Chris Coyier,你的教程太棒了。我非常喜欢你所有的教程,尤其是这个。