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 的文章縮略圖