由于WordPress是世界上领先的内容管理系统之一,它促使无数人自己成为开发人员。我在这个行业中所知道的一些最好的东西来自于这些“DIY开发人员”--那些开始把代码当作业余爱好的人。
WordPress是一个很好的入门媒体,因为它的功能清晰,编码风格非常透明,易于理解,而且文档非常出色(更不用说庞大的社区了)。有了这篇文章,我希望我能给你一个快速入门,从哪里开始你漫长的,但希望-有趣的旅程!
三亚网页制作给开发人员的注意:有相当多的例子,我所解释的不是完整的故事。这就是特里·普拉切特所说的“对孩子撒谎”。要向初学者解释编程概念是很困难的,因为要了解最大的细节是很困难的。当你在学校学习加速的时候,你没有被告知这实际上是积分,图下的面积之和。你只需学习结果(随着时间的推移速度)。这里的想法是一样的:)
WordPress是用什么做的?
WordPress不是由特殊的“WordPress材料”组成的,它是使用web上最常用的编程语言PHP构建的。还使用了三种语言,它们负责WordPress网站的不同方面,使总数达到四种:
注:实际上,还有几种语言使用得更多,比如XML或MySQL。您将不需要使用这些语言,或者当您使用这些语言时,您将了解它们。它们的使用要么是间接的(通过PHP函数使用),要么被降级为WordPress的一个小的、隐藏的方面。
为了成为一个有成就的WordPress开发人员,你需要精通这三个方面。在我看来,HTML是最容易学习的,其次是CSS,然后是PHP。不要犯容易学易掌握的错误。虽然您可以在几天内使用HTML和CSS,特别是CSS是很难掌握的。
那我该怎么开始呢?
这个问题的答案取决于你是什么样的人。有两条基本的路可以走。你可以先开始摆弄,然后学习你需要做的事情,或者你可以坐下来,先学会所涉及的语言。
梅德勒
这就是我9年前开始工作时所走的道路(我当时认为是WordPress 1.2)。我有一个基本的博客,这很好,我只是想要一个不同的背景颜色。我开始四处挖掘并设法改变它。我不知道我在做什么,但任何时候我都想改变一些事情,我看了论坛、教程,并试图了解我到底做了什么。
最终,这让我通过阅读PHP文档、CSS规范等来真正地学习编程,但最初的提升来自于实际实现的目标。
这类似于学习音乐。如果孩子们必须先学习音乐理论,他们可能会被推迟。先给某人一把吉他或一架钢琴,教他们几个和弦,他们就会更容易接受这个理论。
如果你喜欢一只手靠近,你往往会摔倒在你的脚上,思考得很快,那么你就会为你而发号施令。
学生
许多人决定先坐下来学一门语言。这种方式同样好,也同样值得。当你不能立即在你的网站上改变一些东西时,你会感到“匆忙”。做当你最终到达一个网站,并且真正了解它的时候,你就可以得到它。
多管闲事方法的主要缺点是,您在一个结构较少、控制较少的环境中学习。因此,你在黑暗中比你想要的更多。如果你先花时间去学习东西,你就会有一个更容易的时间来应用你的知识。
当你不知道某事时,如果你感到不自在,如果你不是一个天生的冒险者,而且你不喜欢意外的事情发生,学生的方法应该是你的道路。
WordPress组件
正如我之前提到的,WordPress主要由PHP、CSS、HTML和Javascript组成。在任何给定的情况下,你开始学习的哪一种都是用来生成你在页面上看到的东西的。我有一种强烈的感觉,那就是好管闲事的学习方法的弟子们会想要首先使用CSS和HTML,而学生们会想要解决PHP问题。
使用建筑的类比:
PHP
是建造房屋所用的技术、方法和机器。HTML
是房子的结构。地基和墙壁。CSS
可以说,比一套墙更能制造一座房子的东西。油漆,地毯,小圆拱等等。JS
(JavaScript)有点像电子钟和口哨。家庭自动化,自动打开车库门等。
HTML
HTML--或超文本标记语言--是一种负责提供网页结构的语言。HTML的任务不是告诉标题它应该有紫色的背景,而是是它的工作是确定这个标题应该是什么级别。
一个很好的例子展示了这一点CSS禅园。如果你去网站,你会看到在右边的链接列表“选择一个设计”。如果你浏览几个网站,你会发现网站的外观发生了巨大的变化。在每种设计中,网页的HTML都是完全相同的。它的结构样式是不同的,将我们整齐地带到我们的下一种语言,CSS。
CSS
CSS--或层叠样式表--是网页样式的一种方式。如果您在HTML中创建了一个标题和一个段落,那么CSS的工作就是确定这两个元素是如何显示的。字体,字体大小,字体重量,颜色,填充,边距等等-所有这些都取决于CSS。
PHP
PHP-或PHP:超文本预处理程序(它是一个递归缩略词)-是一种服务器端脚本语言,允许您执行一些非常棒的技巧。出于我们的目的,它主要用于输出HTML。
当您编写HTML时,您可以显示任何日期,但是您需要实际输入它。向用户显示当前日期是不可能的。您可以每天手动更新它,但即使这样,您也无法解释时区差异。
这就是PHP出现的地方。而不是说:“日期是2013-07-02”,你可以说:“日期是[当前日期]”。这当然不是它的外观,但这是一个想法,这就是“服务器端”出现的原因。
从服务器检索HTML文件并按原样显示。PHP文件不会从服务器中检索。相反,每当您查看PHP页面时,都会在服务器上处理代码,并且只看到结果。我们示例中的“[当前日期]”位被实际的当前日期替换,然后才发送到您的浏览器。
JavaScript
JavaScript是一种多用途、多用途的语言.为了我们的目的,它被用来加强网站的行为。当您通过表单发送联系人消息时,页面通常会重新加载并得到成功消息。使用Javascript,您可以使表单滑开,消息浮动,而不是重新加载页面。它是HTML和CSS之上的一个层,它增加了功能。
潜入其中
最好的起点是WordPress本身。正如我提到的,这是一个非常容易理解的系统,PHP和HTML将特别容易通过它学习。
我建议查看默认的“二十二个主题”。此主题(和其他主题)可在WordPress安装中的wp-content/Themes文件夹中找到。“page.php”文件负责显示WordPress页面。打开此文件并导航到网站上的页面。您会注意到,很容易确定发生了什么。
?
1 2 3 4 5 6 7 8 9 10 11 12 13 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <header class="entry-header"> <h1 class="entry-title"><?php the_title(); ?></h1> </header> <div class="entry-content"> <?php the_content(); ?> <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'twentytwelve' ), 'after' => '</div>' ) ); ?> </div><!-- .entry-content --> <footer class="entry-meta"> <?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?> </footer><!-- .entry-meta --> </article><!-- #post --> |
在第3行中,有一个叫做‘_title()’的函数。该页的标题将被添加以代替此标题。如果将这一行更改为以下内容,则可以在标题之前显示文本“title:”:
?
1 | <h1 class="entry-title">Title: <?php the_title(); ?></h1> |
即使还不完全清楚,也值得对这些文件进行调查,并试图找出正在发生的事情。这个WordPress代码这一切都是你的朋友!
WordPress代码库
这个WordPress代码是这个WordPress文档。它有许多入门文章和教程,它还为几乎所有使用的函数提供了文档。
之前,您已经看到了‘the_title()’函数。快速搜索将为您提供以下文档:标题()在这里,您可以阅读所有关于这个函数和它给您提供的所有选项。
阅读标题函数的说明后,您可以发现我们也可以将文本“title:”放在标题之前,如下所示:
?
1 | <h1 class="entry-title"><?php the_title( 'Title:' ); ?></h1> |
尽管您还没有了解PHP函数和参数,但是您已经像专业人士一样使用它们了。这就是为什么使用WordPress来学习编程是如此伟大的原因。
具体教程
具体的教程也非常有用,通常是在你有目标的时候。如果您想要显示文章的摘录而不是完整的内容,可以查看教程,如我找到的教程。论Wp初学者.
通常情况下,这些文章会教你你需要知道的,然后是一些。你经常听不懂别人说的话。虽然这很烦人,但没关系。你不可能一下子把所有的东西都拿走,但你最终会到那里的。
教程网站
有许多网站提供有关WordPress和其他编程语言的完整课程。最近出现了一些非常好的东西。树屋, 图斯普鲁斯溢价和代码学院都是学习的好地方。
当我开始工作的时候,我真希望有这样的资源,我特别喜欢树屋。它是有趣的,容易理解的,学习事物是一种快乐。我用它在我的公司培训新的人,我自己用它来学习新的技能。
使用这些网站的最大好处--尽管它们花费了一些钱--是因为你得到了一个无所不包的教育。事实上,HTML、CSS、PHP和Js本身是完全无用的。例如,如何使用JS取决于所有其他三种语言,因此,确保在一个好的系统中教会他们所有的知识是向前迈进的一个很好的方法。
习惯性阅读
阅读这一领域的顶级博客对于任何开发人员来说都是必不可少的--初学者和专业人士都是如此。初学者从所有的文章中学习,专业人士在游戏中保持领先地位。开发领域的大多数网站都有深入的技术文章、较轻的阅读以及针对初学者的文章,因此您肯定会在您的级别上找到有趣的文章,不管该级别是什么。看看本文末尾的参考资料部分,看看一些例子。
论坛
我不是一个论坛的球迷,因为他们可以分发一些不准确的东西。然而,在学习的同时,有时也会陷入别人的错误。要成为一名优秀的三亚网页制作开发人员,唯一的方法就是犯这么多错误,以至于你非常擅长识别和回避它们。