WordPressユーザーのために学ぶのに最適なプログラミング言語

公開: 2017-07-17

WordPressを上達させたい場合、学ぶのに最適なプログラミング言語は何ですか？場合によります。 WordPressで大丈夫であることは簡単です。ただし、WordPressを使いこなすには、少し余分なものが必要です。プログラミング言語を1つか2つ学ぶことは、おそらくそれを使いこなすのに最適な場所です。しかし、Web開発では非常に多くの異なる言語が使用されており、どこから始めればよいかを理解するのは恐ろしいことです。

心配しないで、friendo。やった。

PHP

私のiPhoneが考えていることにもかかわらず、Yelpで美味しいベトナム料理を探していないときはPHPはタイプミスではありません。これはWordPressの基本的なプログラミング言語であり、インターネットの80％以上のバックボーンです。これらの2つの事実を合わせると、PHPを学びたくなるはずです。

PHPが最初のプログラミング言語である場合、見るのは恐ろしいかもしれませんが、非常に単純な場合があります。 Diviの場合、single.php（単一ページを実行するファイル）を見て、これを確認できます。

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

コードはヘッダーを取得し、ページビルダーが使用されたかどうかを確認してから、割り当てられたIDでコンテンツを取得します。これは、データベースからコンテンツを急いで取得する単一のファイルであり、ユーザー側で個別に指定する必要のある数十（または数百または数千）のHTMLページがあるのではありません。

これは非常に動的な機能であり、PHPは動的なWebサイトを可能にした最初の方法の1つでした。インタプリタを使用してPHPコード（多くの場合HTMLと組み合わされます）を解析し、特定の条件に基づいて特定のアクションを実行します。基本的に、言語はWordPressをWordPressにするものです。

実質的な変更を加えてWordPressを深く掘り下げたい場合は、PHPが必要になります。追加する機能はすべてPHPで記述されています。プラグイン？あなたはそれを推測しました：PHPで書かれました。

不親切であるという評判にもかかわらず、この言語の最近のバージョンでは、はるかに効率的でユーザーフレンドリーになっています。 2014年には、バグを追跡して古いコードを修正することは、スパゲッティのボウルから1つの麺を1つにまとめようとするようなものでした。ただし、2017年にPHPをデバッグすることは、ゆるく編まれたセーターを解くようなものです。必要なものを見つけて、完了するまで引っ張るだけです。

また、WPコアに対してより多くの更新が行われると、操作するPHPがより簡単になり、威圧感が少なくなります。 WordPressでの作業に長けたいのであれば、PHPは学ぶのに最適なプログラミング言語であると言っても過言ではありません。

PHPコードの例

WordPressコーデックスと開発者リソースは、PHPがWPでどのように使用されているかを調べるときに始めるのに最適な場所です。たとえば、これは投稿コンテンツを表示するコードです。 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がどのように使用されているかを知りたい場合は、MakeWordPressがすばらしいリソースです。特に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は実用的な知識が必要な言語の1つです。 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>

学ぶのに最適なプログラミング言語-WordPressHTMLサンプル

CSS

最近では、HTMLのスキルだけを持つことはできません。 CSSにも習熟している必要があります。これは1997年ではなく、Geocitiesサイトを作成していないため、何かを行うには両方のマークアップ言語を使用する必要があります。

レスリーノップやアンパーキンスのようなCSSとHTMLを考えてみてください。試してみても分離できないBFFです。 CSSはスタイルシートとスタイルに焦点をカスケード接続の略です。はい、ご想像のとおり、CSSは、HTMLページをジオシティーズのように見せたり、他の何かのように見せたりするために使用するものです。それだけで、学ぶのに最適なプログラミング言語の候補になります。

CSSは、FlashやShockwaveを使用しないようになったため、要素をアニメーション化するために使用するものです。それらを覚えていますか？ああ、思い出。私たちはCSSを使用して要素を移動し、積み重ね、形を整え（そう、CSSを使用してあらゆる種類の奇抜な形を作ることができます）、Webサイトを好きなようにジャンプさせます。

CSSの特別な点は、HTMLとインラインで使用できることです（追加するだけです）

style=""

要素へのタグ付け）、そうではありません。ページはタグの各インスタンスを個別にレンダリングするため、ページの速度が大幅に低下します。

スタイルシートを入力します。あなたはcustom.cssと呼ばれる小さなものに精通しているかもしれません。別のファイルを使用して1つの場所からすべてのスタイルを呼び出すと、ロードされるのは1回だけです。要素にクラスとIDのどちらが必要かを決定します（クラスはstie全体で複数回使用されますが、idはより具体的な注意が必要なものに使用されます）。

上記でJavaScriptを使用して説明したオブジェクト、またはPHPの関数のように考えてください。コードを複製する必要はなく、サーバー要求を最小限に抑えたいと考えています。スタイルシートを使用すると、サーバーを1回呼び出して、複数回適用できます。

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を知ることを回避する方法はありません。それらは別々ですが、サツマイモとハラペーニョのように一緒になります（私を信じていない場合は試してみてください）。

では、学習するのに最適なプログラミング言語はどれですか？

あなたは今何を学ぶべきか知っていますが、どこから始めるべきですか？プログラミング言語を学ぶためのリソースが不足することはありませんが、私は以下の3つに本当に部分的です。フリーランスを始める準備をすることにしたとき、私はこれらの3つのサイトを主要なツールとして使用しました。

Codecademy –多数のプログラミング言語向けの無料のハンズオンコース。彼らのブラウザ内エディタは、あなたが知る必要があるすべてをステップバイステップで案内します。
CodeSchool – Codecademyと同様に、無料のハンズオンコースで選択した言語をガイドします。彼らは彼らを面白く保つためにゾンビのようなものを中心にレッスンをテーマにする傾向があります。
チームツリーハウス–他の2つのように無料ではありませんが、チームツリーハウスは他のどちらよりもオンラインスクールのようなものです。選択したプログラミング言語の特定のトピックについてクラスで話しているように感じるトラックを使用します。
エレガントなテーマのブログ–私たちはプログラミングのブログではありませんが、プログラミングを学ぶために使用できる最高のリソースを調べている、ここにリンクしたような記事がたくさんあります。私は個人的に、SublimeTextやNotepad ++などのさまざまなテキストエディタについて議論しているものが好きです。新しいテキストエディタを試すのが大好きです。

これらの言語はあなたの唯一の選択肢ではありませんが、WordPressが構築される基盤です。それで、あなたが学ぶのに最適なプログラミング言語を探しているなら、あなた自身を支持して、それをこれらの1つにしてください、mmmkay？

Fernandodiass /shutterstock.comによる記事のサムネイル画像