WordPressは、まだ普及していない場合、すぐに一般名になりつつあります。それは至る所にあります。この温和な美しさは、世界がこれまでに見た中で最高のWebサイトとWebアプリのいくつかを支えています。信じられないほど用途が広いだけでなく、驚くほど簡単に習得して使用できるプレミアCMSおよびブログプラットフォームです。 WordPressの人気が日々高まる理由?


しかし、WordPressをセットアップして起動したときに表面に表示されるのは、裏で行われていることのほんの一部です。実際、私たちみんなが大好きな美しいUIは、舞台裏での活動のベッドラムに比べて何もありません。つまり、WordPressは、PHPとMySQLと呼ばれる2つのやや複雑なWebテクノロジーで動作します。.

役割を果たす他のテクノロジーには、JavaScriptが含まれます。これは、従兄弟のjQuery、CSS、HTMLです。 WordPressテーマ(さらにはプラグイン)は主にPHPで書かれており、実行にはMySQLデータベースに依存しています。また、前述のWebテクノロジーにも依存しています。これらのテクノロジーはすべて連携する必要があります.

今、初心者として、WordPressプラットフォーム、テーマ、およびプラグインが協調して機能するために、開発者は一連の標準化されたコードを使用することを理解していない可能性があります。今日の投稿で私たちが概説しているこれらのコードであり、それらがどのように役立つかを示しています。私たちはいくつかの例をここのどこかで適切に絞り込みますので、テーマ構築の旅を楽しんでください!

テーマの解剖学

ワードプレスのテーマのアナトミー

WordPressテーマは、リンクされたいくつかのPHPファイルにすぎません。テーマ(およびサイト)の外観を管理するCSSスタイルシートファイルが付属しています。基本に戻りますが、WordPressテーマはいくつかのPHPファイルにすぎません。上記は素晴らしいのスナップショットです tuts +チートシート WordPressテーマの構造について。 WordPressテーマを作成するには、次のファイルが必要です。

  • header.php–このテンプレートファイルには、 セクション、オープニング前 鬼ごっこ。ここでは、メタデータ、サイトタイトル、CSSスタイルシートへのリンクなどを追加します.
  • index.php –これは、WordPressテーマ(またはサイト)の本体テンプレートです。その唯一の目的は、テンプレートタグを使用してそれらを含めることにより、他のファイルをまとめることです(テンプレートタグの詳細については後で説明します)。.
  • sidebar.php –これがサイドバーセクションです。ウィジェット、カテゴリ、追加メニュー、検索フォーム、その他好きなものを配置できます
  • footer.php –これはフッターセクションです。著作権情報、RSSリンク、ウィジェット、リンク、ソーシャルアイコンなどを追加します
  • page.php – WordPressベースのサイトにページを作成するときはいつでも、これがテンプレートです。
  • single.php –このテンプレートファイルには1つのブログ投稿が含まれます
  • コメント.php –コメントを担当するテンプレート
  • 404.php –読者が悪名高い404 not foundエラーに遭遇したときに表示されるテンプレート
  • search.php –  WordPressサイトでコンテンツを見つける機会を読者に提供します
  • searchform.php – 上記の機能を提供するには検索フォームが必要ですが、今はできません?
  • archive.php – 2008年に公開したコンテンツを見つけるのは面倒ではないので
  • functions.php – すべての特別な関数、さらにはカスタムプラグインをここに配置します。ただし、テーマ間の互換性のために、カスタムコードをスタンドアロンプ​​ラグインとして追加することをお勧めします。メニューを追加したり、ウィジェットをアクティブにしたりできます。このファイルは、WordPressのサイトやテーマを好きなように変える力を与えてくれます.
  • style.css – これは、PHPテンプレートファイルそのものではありません。ただし、CSSスタイルを追加して美観を制御するためのファイルです。 WordPressテーマの情報ヘッダーも付属しています.

間違いなく、少ないテンプレートでテーマを構築できますが、それを習慣にすることはお勧めしません。結局のところ、標準のWPテーマを作成するには、上記の10個程度のファイルが必要です。 13は大きな数字ではありませんが、今はそうですか?簡単に言うと、index.phpは次のようになります。



//ここにメインコンテンツを挿入し、ループを含めます



さて、次の名前の気の利いたコードスニペットについて話しましょう ループ.

ループ

人気のあるWordPressチュートリアル:HTMLからWordPressテーマを作成する方法など、以前の投稿シリーズの一部では、ループについて触れましたが、では、ループを人気のあるスニペットにしているのは何ですか?さて、この特別なコードがないと、WordPressテーマに各投稿と抜粋を手作業でコーディングする必要があります。新しい記事を投稿するたびにこれを行います.

無駄な努力と時間は、あなたを青く硬くします。あなたが残しておいたカーボンインプリントは、ごめんなさい自分を死なせて働いた後、オゾン層の間にある12のヤンキースタジアムのサイズの穴を引き裂きます。まあ、私は事実(またはその欠如)を広げすぎていますが、WordPressサイトへのすべての投稿を手動でコーディングするのは面倒です.

ループは命の恩人です。 WordPressテンプレートファイルのどこにでも次のコードスニペットを投げれば、これまでに作成したすべての投稿がリストされます。

通常、index.phpのループを使用して投稿のリストを表示しますが、自由に試してください。投稿を一覧表示する場所に追加します。さらに、カスタムHTMLおよびPHPタグをループ内に追加して、必要に応じて投稿をカスタマイズします。タグと言えば、WordPressで利用できる機能?

タグを含める

ワードプレスタグ

テンプレートインクルードタグは、WordPressテーマフォルダーから他のテンプレートファイルを含める(または呼び出す)ために任意のテンプレートファイルで使用する単純なPHPコードです。これが私たちが話していることです:

  • –これをindex.phpで使用して、header.phpファイルを呼び出す(または含める)。 header.phpをフェッチし、そのコンテンツをindex.phpに表示します–これがファイルを含むことのすべてです.
  • – sidebar.phpが含まれています
  • – footer.phpテンプレートファイルが含まれています
  • – クイッククイズ:このincludeタグは何をしていると思いますか?

テンプレートBloginfoタグ

テンプレートタグには、bloginfoタグと呼ばれる別のカテゴリがあります。データベースからWordPressサイトに関する情報を取得するという役割があります。これは主に、管理領域のWordPressサイトに、 ユーザープロフィール そして 設定->一般. データベースから情報が取得されると、これらのタグは、配置したときにサイトに同じように表示されます.

bloginfoの構造を少し変更して、取得した情報を表示するだけでなく、PHPコードの他の場所で情報(情報)を使用できるようにすることができます。なんて都合のいい?その詳細については後で説明します。最も一般的なbloginfoタグは次のとおりです。

  •  – WordPressブログ/サイトのタイトルが表示されます
  • – このテンプレートタグは、ブログのURLを表示します
  •  –ブログの説明、またはキャッチフレーズが表示されます.
  •  –サイトのエンコードに使用された文字セットを表示します。デフォルトはUTF-8です
  •  –これは、アクティブなテーマのCSSスタイルシートへのURLを示します
  •  –使用しているWordPressのバージョンを表示します
  •  – WordPressの言語を表示します
  •  – RSS 0.92フィードのURLを表示します
  • – RSS 2.0フィードのURLを表示します

他にもいくつかあります bloginfoタグ WordPressテーマを拡張するために使用できます。さて、ほんの少しのbloginfoの変更について、数秒前に話しました。これまでは、 これを次のように変更してみましょう。 . パラメータを分解してみましょう:

  • $ショー  これは、データベースから取得する情報に名前を付けるために使用するキーワードです。例には、「名前」、「URL」、「説明」、「admin_email」などが含まれます
  • $ filter – これにより、取得した情報をフィルタリングできます。デフォルトでは「raw」に設定されています。つまり、$ showの値がそのまま返されます。これを「display」に設定すると、$ showの値が最初にwptexturize()関数を介して渡されます。現時点ではこれについては気にしないでください.

次に例を示します。「ベストプレミアムWordPressテーマ」のようなタグライン(サイトの説明)を取得して表示するとします。まず、このタグを使用してこの情報を取得します…

…サイトの説明を読み込む $ site_description. サイトの説明をサイトに表示するには、次のようにします。

これはあなたに与えます: あなたのキャッチフレーズは次のとおりです:最高のプレミアムWordPressテーマ

注意: 他の多くのタイプがあります テンプレートタグ WordPressサイトでより多くのことを達成できるようにします。つまり、さまざまなセットに分類されます。 一般的なタグ, 著者タグ, サムネイルタグを投稿する, カテゴリータグ, そして リンク タグ とりわけ. ループ内で使用することもできるので、楽しんでください。.

テーマスタイルシート

先ほど、style.cssについて説明しました。繰り返しますが、なぜstyle.cssファイルは重要ですか?まず、テーマの詳細を提供します。この情報は、管理領域での選択中にテーマを識別するのに役立つスタイルシートヘッダーに含まれます。そのため、2つのテーマのスタイルシートヘッダーに同じ詳細を含めることはできません。スタイルシートヘッダーの例を次に示します。

/ *
テーマ名:あなたのテーマ名
テーマURI:https://www.yoursite.com/yourtheme
著者:あなたの名前
著者URI:https://www.yoursite.com/
説明:このWordPressテーマは100%レスポンシブです。...
バージョン:1.0
ライセンス:GNU General Public License V2以降
ライセンスURI:http://www.gnu.org/licenses/gpl-2.0.html
タグ:ゴールド、1列、左サイドバー、レスポンシブグリッドなど
テキストドメイン:yourthemename
* /

この情報は、style.cssの最初(または最上部)にあります。それ以外の場合は、次のことを確認してください。

  • 従う CSSコーディング標準
  • 有効なCSSを使用してください
  • CSSを最小化
  • 印刷に適したスタイルを追加する
  • すべてのHTML要素にスタイルを設定する

最終的な考え

このチートシートは、WordPressテーマの開発を学ぶ際に役立つ、すぐに使えるリソースです。ここで共有したタグとスニペットを使用して、標準テーマをすばやく開発し、手間をかけずに拡張できます。もちろん、WordPressテーマの開発を学び続ける必要があります。そのために、 ワードプレスコーデックス, タツ+, Threehouse、そして ThemeShaper 他の信頼できるリソースの中で.

それ以外のヒント、チート、スニペット、その他以下のコメントで心に留めておいてください。 WordPressについてどこで、どのように学ぶかを知りたいです。またね!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me