カテゴリー: WordPress

WordPressでは、投稿記事、固定ページ、カテゴリー、タグに、それぞれIDが振られています。プラグインを利用する時や、PHPで所定の記事だけを処理したい場合など、このIDを利用することになります。

それぞれのIDの調べ方をまとめます。

投稿記事IDの確認方法

「投稿」＞「投稿一覧」で一覧を表示し、IDを知りたい記事にカーソルを合わせます。その時、ブラウザのステータスバーにリンク先のURLが表示されます。そのURLに含まれている「post=番号」の番号の部分が、記事IDとなります。

もしくは、「投稿」＞「投稿一覧」＞（記事を選び）「編集」で、各記事の編集ページを表示し、ブラウザのアドレスバーにURLが表示されます。その中の「post=番号」の番号の部分が、記事IDとなります。

例）https://web.hazu.jp/wp-admin/post.php?post=556&action=edit
記事IDは、「556」となります。

カテゴリーIDの確認方法

「投稿」＞「カテゴリー」で一覧を表示し、IDを知りたいカテゴリーにカーソルを合わせます。その時、ブラウザのステータスバーにリンク先のURLが表示されます。そのURLに含まれている「category&tag_ID=番号」の番号が記事IDとなります。

もしくは、「投稿」＞「カテゴリー」＞「編集」で、各カテゴリーの編集ページを表示し、ブラウザのアドレスバーにURLが表示されます。その中の「category&tag_ID=番号」の番号の部分が、記事IDとなります。

例）https://web.hazu.jp/wp-admin/term.php?taxonomy=category&tag_ID=5&post_type=post
カテゴリーIDは、「5」となります。

タグIDの確認方法

「投稿」＞「タグ」で一覧を表示し、IDを知りたいタグにカーソルを合わせます。その時、ブラウザのステータスバーにリンク先のURLが表示されます。そのURLに含まれている「post_tag&tag_ID=番号」の番号が、記事IDとなります。

もしくは、「投稿」＞「タグ」＞「編集」で、各タグの編集ページを表示し、ブラウザのアドレスバーにURLが表示されます。その中の「post_tag&tag_ID=番号」の番号の部分が、記事IDとなります。

例）https://web.hazu.jp/wp-admin/term.php?taxonomy=post_tag&tag_ID=9&post_type=post

タグIDは、「9」となります。

固定ページIDの確認方法

「固定ページ」＞「固定ページ一覧」で一覧を表示し、IDを知りたい固定ページにカーソルを合わせます。その時、ブラウザのステータスバーにリンク先のURLが表示されます。そのURLに含まれている「post=番号」の番号の部分が、固定ページIDとなります。

もしくは、「投稿」＞「固定ページ」＞（ページを選び）「編集」で、各固定ページの編集ページを表示し、ブラウザのアドレスバーにURLが表示されます。その中の「post=番号」の番号の部分が、固定ページIDとなります。

例）https://web.hazu.jp/wp-admin/post.php?post=51&action=edit
固定ページIDは、「51」となります。

WordPressって、割合頻繁にアップデートされるんですよね。テーマもアップデートされるので、テーマ内のファイルを直接カスタマイズしていた場合、書き込んでいたものがすべて消えてしまった！なんて悲しいことになってしまいます。つらいですねー。

そんなことが起こらないように、「WordPressのインストール」→「設定」→「テーマを選らぶ」まで進んだら、まずはカスタマイズ専用の「子テーマ」を作成します。これで、元々のテーマ（親テーマ）がアップデートされても、子テーマはそのままカスタマイズされた状態で残ります。

子テーマ作り手順

1. 最低限必要なファイルを作る（ style.css と function.php ）
2. 子テーマのディレクトリを作り、ファイルをアップロード
3. WordPress 管理画面より、子テーマを有効化する

手順その1. ファイル作成（style.css と function.php ）

このような二つのファイルを作成します。

style.css

/*
 Template:     twentyseventeen
 Theme Name:   twentyseventeen-child
*/

新しいスタイルシート（style.css）を作り、スタイルシートヘッダに、最低限必要な2つの情報を書き込みます。

Template: 親テーマのディレクトリ名
Theme Name: 子テーマ名

親テーマのディレクトリ名ですが、サーバーにあるWordPressファイルの中、「wp-contents > themes」の直下に見つかります。
子テーマ名は任意ですが、親テーマ名に「-child」を付け加えることが推奨されています。

functions.php

<!?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
  wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style')
);
}
?>

新しいfunctions.phpを作り、親テーマと子テーマのスタイルシートをキューに入れる記述をします。4行目で親テーマのstyle.cssを先に読み込み、続いて5行目で子テーマのstyle.cssが読み込まれます。

他に、style.cssに@importを書き込む方法もありますが、こちらの方法が推奨されていますね。実際に私も試してみましたが、反応やや遅めです。

手順その2. 子テーマのディレクトリを作り、ファイルをアップロード

子テーマのディレクトリを作ります。場所は、サーバーにあるWordPressファイルの中、「wp-contents > themes」内。
親テーマと同じ階層に置きます。

作ったディレクトリに、「style.css」と「functions.php」をアップロードします。

手順その3. WordPress 管理画面より、子テーマを有効化

WordPress 管理画面より、「外観」→「テーマ」で、先ほど作った子テーマが反映されているか確認します。

子テーマがあったら、「有効化」をクリック。

これで子テーマの設定は終了です。

親テーマと子テーマの関係

CSSなら、先ほど作ったstyle.cssに、追加したい内容のみ書き込みます。
その他、PHPファイルは、親テーマからダウンロードしたものをカスタマイズし、子テーマへアップロードします。
（PHPファイルは、特に子テーマとの関係を記述するなどの必要はありません）

親テーマの内容と、子テーマの内容は、以下のような関係で反映されます。

CSS：　親テーマの「style.css」に、子テーマの「style.css」を 内容を追加
PHP：　親テーマのPHPファイルに、子テーマのPHPファイルを 上書き
(functions.php のみ例外）

また、子テーマのディレクトリ内に、サイトで利用する画像を入れるためのディレクトリを作っておくとよいでしょう。

WordPressをインストールして設定を行ったら、まず初めにすることは、「テーマ」選びかと思います。
「テーマ」とは、ブログのテンプレートの様に、Webサイトの見た目の決めるデザインのようなものですが、全体の構成や枠組み、それぞれ独自の機能まで含まれています。

最新版（WordPress 5.2)では、「Twenty Nineteen」「Twenty Seventeen」「Twenty Sixteen」の3つがインストールされていますが、「外観」→「テーマ」→「新しいテンプレートを追加」をクリックすると、何千個ものテーマが表示されます。

「Twenty ～」という、開発された年数が名付けられたテーマは、全てWordPressのデフォルトのテーマで、利用者も大変多く、アレンジの仕方、扱い方など、たくさんの人が、サイトなどで、分析、解説していますね。分からない所があっても、ネット検索すると、大概、どなたかのサイトで答えが見つかります。私のこのサイトも「Twenty Seventeen」を利用しています。

その他のすごーくいっぱいあるテーマは、無料のもの、有料のもの、一部有料のもの、ある機能に特化したもの、デザインも様々で、迷ってしまいます。こちらもネット検索すると、オススメや特徴をまとめたWebサイトが多数あるので、そのようなものを参考にするのもよいかもしれません。

テーマを決めたら、カスタマイズを始めるのですが、その前に、テーマ内のファイルの関係をまとめてみました。ざっくりとした私の理解の範囲ですが。

「functions.php」は、テーマの中の王様のような存在です。各phpファイルを関係づけ、全体をまとめます。

それぞれのファイルの変更は、直接上書きするのではなく「子テーマ」を作成し、そこに変更点、追加点を記載していきます。（「子テーマ」については、また別に書きたいと思います）

世界で最も利用されている CMS である WordPress。実際に使ってみたいと思っても、CMS に不慣れだと、そもそも何がどうなっているのか、どこから始めればいいのか、よく分からず、なかなか手が出せないということもあるかと思います。WordPress の使い方に関する書籍も出版されていますし、たくさんの人がウェブサイトで解説もしてくれているのですが、もっと基本の基本の基本、これってどうなっているの？っていう所をまとめてみたいと思います。

WordPressを利用するには、PHP（プログラミング言語）の利用できるウェブサーバーに、

・WordPress本体をインストール
・データベース(mySQLなど）を作る

この二つが前提条件になります。つまり、ウェブサーバーを借りる際、PHP、及びデータベースの使用が可能なサーバーを借りなくてはいけません。

上の図に示した通り、WordPressファイルは、主にページの枠組みを作り、データベースには、主にコンテンツの内容や設定が書き込まれていきます。この二つが組み合わせってウェブサイトを生成しています。

サイトを生成する二つのうちの一つ「WordPressファイル」の中身を覗いてみると・・・

PHPファイルがずらっと並んでいますね。これは全て、ウェブサイトの枠組みを構成するための部品です。WordPressをインストール後、ブラウザ上で操作している限り、これらのPHPファイルに直接手を加えることはありませんが、細かなオリジナルな設定を行う場合、書き換えたり、新たなPHPファイルなどを加えたり、という作業が必要になってきます。

さて、サイトを生成しているもう一方の「データベース」の中身はというと・・・

関連付けたデータベースに、自動的に様々なテーブルが生成されていますね。
例えば、wp_postsには、投稿された記事のテキストが書き込まれ、wp_commentsには、コメント欄に書き込まれた内容が、テーブルに書きつけられています。
データベースも、ブラウザで操作している限り、直接手を加えることはありません。サーバーのお引越しなどをする際は、データベースの内容をエクスポートする必要がありますが。

WordPressを使うにあたって、PHP/CSSの知識がなくても、ブラウザ上での操作だけで、ウェブサイトを構築することはできます。ですが、PHP/CSSの書き換えを行うにしても、1から10まで自分で書かなくてはいけないというわけではないので、必要な時に、一つ一つの要素を学んでいくこともできるので、スキルアップという意味でも、WordPressはとてもいいのではないでしょうか。