副業結社シシトウ団

サイドビジネス・副業などのお金稼ぎはシシトウ団の得意分野!!軍資金0円から副業で大金をつかんでいく事を目指す秘密結社である!!

WordPress

ワードプレスでテーマエディター(テーマの編集)画面の使用方法 07-5

投稿日:

ここではテーマエディター(旧:テーマの編集)についての画面説明をさせていただきます。今回は一番基本的なテーマである「Twenty トゥエンティ」シリーズからご紹介させていただきます。

ただ、テーマにより多少違いはありますが基本はすべて同じなので、ここで画面説明を勉強することによりどんなテーマがきても対応できるようになると思います。

 

基本画面

①スタイルシート
②テーマファイル

左側がこのテーマのスタイルシート(style.css)になります。右側はスタイルシートを含めたこのワードプレステーマを構成するテーマファイルたちになります。

左側のスタイルシートではワードプレステーマの見た目を左右する記述がCSSで書かれていますこの部分のスタイルを変更すればテーマの見た目を自由自在に変更できるようになります。

ただし、ミスをしてしまったり、テーマのアップデートがかかってしまった場合は初期状態にリセットされるテーマが大半ですので、CSSを編集したい場合はこのテーマエディターのstyle.cssを直接いじるのではなく別にスタイルシートを記述できるプラグインを導入してそこから上書きするのが良いでしょう。

〇〇というプラグインは〇〇人の方が使っている定番プラグインでおすすめです。
▼おすすめのスタイルシートプラグイン
現在執筆中です。公開までもうしばらくお待ちください。

右側のテーマファイルではワードプレスの機能や構成を作っているphpファイルがならんでいます。htmlやphpに詳しくない方は触らない方が良いでしょう。今回はhtmlやphpを知らない方でもどのような役割をテーマファイルたちが行っているかメジャーなものだけ軽く解説します。

※テーマファイルの画像 2列で作成

・テーマのための関数 functions.php
テーマ毎の関数を指定したり、機能を追加したりするファイルで、テーマを構成するファイルの内最も重要なファイルの1つです。このファイルを誤って書き換えてしまうと、画面が真っ白になってログインできなくなったり、全体的なエラーにつながります。とりあえずいじってみようというのはfunctions.phpにおいては避けてください。もし編集する場合は身長にお願いします。

・404テンプレート 404.php
※404画像
リンク切れなど該当するページが存在しない場合に表示されるページのファイルです。本来は「メインインデックスのテンプレートindex.php」が表示されますが、404.phpがある場合はこちらが優先されて表示されます。404ページを編集したい場合はこの404.phpを編集します。

・アーカイブ archive.php
※アーカイブ画像
カテゴリー・タグ・日付などで表示される場合の記事一覧のテンプレートになります。記事一覧を編集したい場合はこちらのテンプレートを編集します。ブログのトップページに表示される記事一覧とはまた別ですのでご注意ください。

・コメント comments.php
コメント欄を表示するファイルです。良く記事ファイルであるsingle.phpと紐づいています。コメント欄を編集する場合はこのcomments.phpを編集します。

・テーマフッター footer.php
フッターの構成を決めているファイルです。フッターの内容を変更したい場合はこちらのfooter.phpに書かれています。

・ホームページ front-page.php
・投稿ページ home.php
・基本ページ index.php
上記の3つはすべてサイトのトップページに使用されるファイルです。それぞれのファイルには優先順位があり、より上位のファイルがトップページとして適用されます。優先順位は以下の通りです。

front-page.php > home.php > index.php

つまり、front-page.phpがある場合はhome.phpもindex.phpも表示されませんので、その場合トップページを編集したいときはfront-page.phpを編集しましょう。

・テーマヘッダー header.php
ホームページの上部に常に表示されている「ヘッダー」を構成するファイルです。ヘッダー部分を編集したい場合はheader.phpを編集します。

・個別投稿ページ page.php
固定ページを構成するファイルです。固定ページでよく使用されるのは「会社概要」「お問いあわせ」ページなどです。

・検索結果 serch.php
検索結果一覧を表示するためのファイルです。

・サイドバー sidebar.php
サイドバーを構成するファイルです。

・個別投稿 single.php
記事を投稿した時に表示されるページを構成するファイルです。

  • この記事を書いた人

edonikov

-WordPress

Copyright© 副業結社シシトウ団 , 2019 All Rights Reserved.