WordPress 用户学习的最佳编程语言

已发表: 2017-07-17

如果您想在 WordPress 上变得更好，最好学习的编程语言是什么？ 那要看。 在 WordPress 上没事很容易。 但是，使用 WordPress 很棒，需要一些额外的东西。 学习一两种编程语言可能是开始使用它的最佳场所。 但是在 Web 开发中使用了很多不同的语言，弄清楚从哪里开始可能会令人恐惧。

别担心，朋友。 我明白了。

PHP

不管我的 iPhone 怎么想，当我不在 Yelp 上寻找美味的越南食物时，PHP 并不是一个错字。 它是 WordPress 的基本编程语言，也是 80% 以上互联网的支柱。 这两个事实加在一起应该足以让您想要学习 PHP。

如果 PHP 是您的第一种编程语言，它看起来可能会令人生畏，但也可能非常简单。 在 Divi 的情况下，您可以查看 single.php（运行单个页面的文件）并看到： 

<?php
 
get_header();
 
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
 
?>

该代码获取标题，查看是否使用了页面构建器，然后通过其分配的 ID 获取内容。 这是一个冲出并从数据库中获取内容的单个文件，而不是拥有数十（或数百或数千）个 HTML 页面，您必须单独指定这些页面。

这是非常动态的功能，而 PHP 是最早允许动态网站的方式之一。 它使用解释器来解析 PHP 代码（通常与 HTML 结合）并根据特定条件执行特定操作。 基本上，语言是让 WordPress 成为 WordPress 的原因。

如果您想进行任何实质性更改并深入了解 WordPress，您将需要 PHP。 您要添加的任何功能都是用 PHP 编写的。 插件？ 你猜对了：用 PHP 编写。

尽管它以不友好而闻名，但该语言的最新版本使其更加高效和用户友好。 在 2014 年，追踪错误和修复旧代码就像试图从一碗意大利面条中取出一根面条。 然而，在 2017 年调试 PHP 更像是解开一件松散的毛衣——你会找到你想要的东西，然后拉动直到它完成。

随着对 WP 核心的更新越来越多，与您交互的 PHP 将变得更加容易和不那么令人生畏。 可以肯定地说，如果您想擅长使用 WordPress，PHP 是最好的编程语言。

示例 PHP 代码

在了解 PHP 在 WP 中的使用方式时，WordPress Codex 和开发人员资源是很好的起点。 例如，这是显示帖子内容的代码。 请注意它是如何组合 HTML 标签和 PHP 脚本的： 

function the_content( $more_link_text = null, $strip_teaser = false) {
    $content = get_the_content( $more_link_text, $strip_teaser );
 
    /**
     * Filters the post content.
     *
     * @since 0.71
     *
     * @param string $content Content of the current post.
     */
    $content = apply_filters( 'the_content', $content );
    $content = str_replace( ']]>', ']]&gt;', $content );
    echo $content;
}

如果要将安装设置为多站点，只需添加到wp-config.php 即可。

要从默认值（很少足够高）增加内存限制，请将

define( 'WP_MEMORY_LIMIT', '512M' );

进入你的wpconfig.php 。

JavaScript

JavaScript 是一种有趣的编程语言。 JavaScript 最初是为用户交互和前端开发而创建的，在过去几年中已成为新的热点。 JavaScript 现在是一种全栈语言（意味着它可以与前端浏览器和后端数据库和服务器配合使用），是互联网上增长最快的编程语言。

有了 Ember.js、Node.js、React 和 AngularJS 等平台，基于 PHP 和 JavaScript 构建的互联网的差距只会越来越小。

这种无处不在意味着如果您正在寻找一种方法来跟上 WordPress 的未来发展，那么 JavaScript 应该是您的首选。 尽管 WP 是基于 PHP 构建的，但现在大约 27% 的核心代码是用 JS 编写的。 而且这个数字只会随着更多更新和贡献的增加而增加。

JS 是一种面向对象的编程语言，这意味着您可以设置“对象来模拟我们想要在程序中表示的现实世界事物，和/或提供一种简单的方法来访问否则很难或不可能实现的功能用于。” 简而言之，它可以防止您编写大量重复代码，更快地完成工作，让您的生活更轻松。

它是最好的编程语言吗？ 也许。 如果您选择 JavaScipt，那么您在 WordPress 领域的工作保障和需求只会越来越好，如果您决定扩展到我们的社区之外，由于您的专业知识，您将拥有一定的竞争优势（特别是如果您还在 PHP 中工作）。

WordPress 的 JavaScript 代码示例

如果您想了解如何在软件的核心更新中使用 PHP 或 JavaScript，Make WordPress 是一个了不起的资源。 他们有一些很好的例子来说明你的代码应该是什么样子，特别是在 PHP 和 JS 之间共享的标准方面。 

var i;
 
if ( condition ) {
    doSomething( 'with a string' );
} else if ( otherCondition ) {
    otherThing({
        key: value,
        otherKey: otherValue
    });
} else {
    somethingElse( true );
}
 
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
    iterating++;
}
 
for ( i = 0; i < 100; i++ ) {
    object[ array[ i ] ] = someFn( i );
    $( '.container' ).val( array[ i ] );
}
 
try {
    // Expressions
} catch ( e ) {
    // Expressions
}

HTML

从技术上讲，HTML 不是一种编程语言。 它是一种标记语言（毕竟，它是超文本标记语言的首字母缩写词）。 不同之处在于编程语言基于函数、对象、自动化和交互性。 标记是关于标记（看看我做了什么？）用户看到的。 您可以获得用于制作表格、插入图像和格式化文本的代码。 HTML 是让 Geocities 和 MySpace 页面在当时看起来如此出色（？）的原因。

HTML 本身是静态的（尽管 HTML5 引入了许多新的动态结构）。 如果您打算使用 WordPress，HTML 是您需要掌握的一种语言。 尽管 WordPress 正在转向对内容、主题和样式进行更多可视化编辑，但精通 HTML 永远不会完全消失。

不过，HTML 是非常基础的。 您添加链接并显示文本。 您分隔段落并制作表格并插入图像。 它是互联网上每个页面的骨架，真的。 它是如此基本以至于不知道它（至少足够危险）绝对会让你失去工作。 HTML 绝对是最适合学习的编程语言。

HTML 代码示例

<html>
  <head>
    <title>BJ's Awesome HTML Page</title>
  </head>
  <body>
    <h2>This is my awesome website</h2>
      <p>I wrote this in HTML. How about them apples?</p>
      <p><strong>I even made this paragraph bold. You like that, right?</strong></p>
      <p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
  </body>
</html>

最好的编程语言 - WordPress HTML 示例

CSS

如今，您不能只拥有 HTML 方面的技能。 您还必须精通 CSS。 因为这不是 1997 年，而且您不是在制作 Geocities 站点，所以您必须同时使用两种标记语言来完成任何工作。

想想像 Leslie Knope 和 Ann Perkins 这样的 CSS 和 HTML：如果你尝试过，你就无法分离 BFF。 CSS 代表级联样式表——重点是style 。 是的，你猜对了，CSS 是你用来让事情变得漂亮的东西，让你的 HTML 页面从看起来像 Geocities 到看起来像其他任何东西。 仅此一项就使其成为最适合学习的编程语言的竞争者。

由于我们不使用 Flash 或 Shockwave，因此您可以使用 CSS 来为元素设置动画。 还记得他们吗？ 啊，回忆。 我们使用 CSS 来移动元素、堆叠它们、塑造它们（是的，您可以使用 CSS 制作各种古怪的形状），并使您的网站跳过您想要的任何圈套。

CSS 的特别之处在于，虽然它可以与 HTML 一起使用（只需添加

style=""

标记到一个元素），它不应该是。 该页面将单独呈现标签的每个实例，这会显着降低您的页面速度。

输入样式表。 您可能熟悉一个叫做custom.css 的东西。 使用单独的文件从一个位置调用所有样式意味着它只加载一次。 你决定一个元素是需要一个类还是一个 id（一个类将在整个 stie 中多次使用，而 id 用于需要更具体关注的东西）。

把它想象成我们上面用 JavaScript 讨论的对象，或者 PHP 中的函数。 您不想复制代码，并且希望将服务器请求保持在最低限度。 样式表允许您调用服务器一次并多次应用它。

CSS 示例代码

我个人保留一个框架 custom.css 文件，我将其复制/粘贴到我工作的每个新站点中。 当然，我每次都会对其进行大量编辑，但是当您要为每个站点设置相同元素的样式时，拥有基础模板可以节省大量时间。 这是它的开始，所以你可以看到我在说什么。

 
body {
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
 
h1, h2, h3, h4, h5, h6 {
    color:  #fff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}
 
h1 {
    font-size: 2.75rem;
    margin: 40px 0px;
    font-weight: 400;
}
 
h2 {
    font-size: 32px;
    line-height: 35px;
}
 
h3 {
    font-size: 24px;
    line-height: 32px;
}
 
h4 {
    font-size: 24px;
    line-height: 28px;
}
 
h5 {
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
}
 
h6 {
}
 
.widgettitle {
    text-align: center;
}

像 HTML 一样，没有办法绕过 CSS。 虽然它们是分开的，但它们在一起就像红薯和墨西哥胡椒一样（如果你不相信我，试试看）。

那么哪种编程语言最好学呢？

你现在知道要学什么了，但你应该从哪里开始呢？ 学习编程语言的资源并不缺乏，但我确实偏爱以下三种。 当我决定准备开始自由职业时，我将这三个网站用作我的主要工具。

  • Codecademy – 大量编程语言的免费实践课程。 他们的浏览器内编辑器会逐步引导您了解您需要了解的所有内容。
  • CodeSchool – 与 Codecademy 一样，免费的实践课程会引导您学习所选语言。 他们倾向于围绕诸如僵尸之类的东西来主题他们的课程，以保持他们的兴趣。
  • Team Treehouse – 不像其他两个免费，Team Treehouse 更像是一所在线学校，而不是其他任何一家。 他们使用的曲目感觉就像您在谈论所选编程语言的特定主题的课程。
  • The Elegant Themes Blog – 我们不是一个编程博客，但是有很多像我在这里链接的文章一样，这些文章都是关于您可以用来学习编程的最佳资源的。 我个人喜欢那些讨论不同文本编辑器的人，比如 Sublime Text 和 Notepad++。 我只是喜欢尝试新的文本编辑器。

这些语言不是您唯一的选择，而是构建 WordPress 的基础。 所以，如果你正在寻找最好的编程语言来学习，帮自己一个忙，让它成为其中之一，嗯？

Fernandodiass/shutterstock.com 的文章缩略图