…m action="php/form.php" method="post" id="test" name="test"> <dl> <dt>名前</dt> <dd> <input type="text" name="名前" id="name"> </dd> </dl> <dl> <dt>E-mail</dt> <dd> <input type="text" name="E-mail" id="e-mail"> </dd> </dl> <dl> <dt>URL</dt> <dd…

…m action="php/form.php" method="post" id="test" name="test"> <dl> <dt>名前</dt> <dd> <input type="text" name="名前" id="name"> </dd> </dl> <dl> <dt>E-mail</dt> <dd> <input type="text" name="E-mail" id="e-mail"> </dd> </dl> <dl> <dt>URL</dt> <dd…

…のようにコツコツと PHPの変数ともよく似ていますね！ ※参考：PHPの基本を理解するためにJSと比較する - クモのようにコツコツと 先ほどのマリオの3色を変数で定義するとこうなります。 /*基本色 */ /*体*/ $hada: #facd89; /*服*/ $fuku: #ff0000; /*他*/ $hoka: #638c0b; /*1行目の14列目*/ .dot_e li:nth-child(1) img:nth-child(14) {background: $ha…

…d="app"><?php the_content(); ?></p> ※参考：ざっくりWordPress：PHP書式とテンプレートタグの識別-後編 - クモのようにコツコツと 上記のテンプレートタグのように、{{ message }}のところも何かを読み込んでくれそうな期待感。 ここら辺もVue.jsに「とっつき易さ」を感じさせてくれた部分です。 Vue.jsの基本書式 さあいよいよここにJSを書き加えると{{ message }}が「こんにちは びゅう!」になります。じゃ…

…非公開に テスト用のphpファイルを作成 プラグインテスト ウィジェットテスト 外部PHPファイルのインクルード 別デザインのテスト まとめ ※参考：WordPressについてはこちら ざっくりWordPress：PHP書式とテンプレートタグの識別-前編 - クモのようにコツコツと ざっくりWordPress：PHP書式とテンプレートタグの識別-前編 - クモのようにコツコツと 投稿ページではなく固定ページで 投稿ページと固定ページでは基本的にできることは同じなので、投稿ペー…

…（私もです）向け！「PHP書式」と「テンプレートタグ」が識別できるとコードが読みやすくなるよ、という記事です。 「前編」の続きになります。 前編ではWordPressのファイル構成と、デフォルトテーマTwenty Seventeeenのindex.phpファイルを中心に「インクルードタグ」「WordPressループ」について解説しました。 「後編」では、その他の.phpファイルにあるテンプレートタグ、そしてプラグインのメソッドもざっくりと見ていきましょう！ 目次： conte…

「PHPの基本を理解するためにJSと比較する」でWordPressは「PHP書式」とWordPress独自の「テンプレートタグ」で構成されていると書きました。そしてPHPの基本書式について解説しました。 これを踏まえてWordPressのコードを見直すと、「テンプレートタグ」が見つけやすくなります。それではさっそくWordPressのコードを見ていきましょう。 前・後編の2回に分けて書きます。前編はWordPressのファイル構成、テンプレートタグのインクルードタグ、Word…

…付け」で書いたようにPHP*1はサーバサイドのプログラミング言語です。現在、CMSの定番となっているWordPressはPHPで作られています。 WordPressのコードは「PHP書式」とWordPress独自の「テンプレートタグ」で構成されています。この二つが識別できるとWordPressのコードが読みやすくなり、テーマ作成やカスタマイズがしやすくなります。 まずはPHPの基本を理解するために、フロントエンドのプログラミング言語JSとの違いを見ていきましょう。 開始タグと…

…サーバサイドの言語 PHPのライブラリ、フレームワーク PHPのWordPressとphpMyAdmin SQLのMySQL 終わりに サーバサイドとは 「Webの基礎知識」の中でも書いたようにWebサイトはサーバ上にあるデータ（静的ページ）をブラウザがダウンロードして表示します。 例えばFacebookなどのSNSの場合、ユーザーがSNSにアクセスするとブラウザがサーバ上の最新投稿データをダウンロードし、ブラウザ上でHTML、CSS、JSがデータを処理して画面に表示します。…

…gins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fidr.zzz%2Fposts%2F1934756040073543&width=500" width="500" height="479" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> 結果 結論 QiitaではTw…