WordPressのフォルダ構成、CSSを変更したい

WordPressのフォルダ構成、CSSを変更したい

只今WordPressを学習中です。

WordPress自体初めてのため、色々サイトや書籍を参考にさせていただいて、勉強になったことを書き記していきます。

参考にした本はこちら。初心者向けでわかりやすいです。

 

1.wordpress全体のフォルダ構成

 

まずは、wpをローカル環境に試しに作ってみます。

※こちらの記事でローカル環境にWordpressをインストールする方法を記載しています。


作ったはいいけど、どのページがどの名前なのかわからない・・・

レイアウトのファイル(CSS)どこ・・・??という状態に。

そこからフォルダ構成を覗き見ると・・・・


こんな感じになっています。

・・・正直???な感じです。


ここから調査開始。

上の3つのフォルダ↓

wp-admin ⇒ 管理画面に関するファイルを格納

wp-content ⇒ テーマ(見た目、外観)やプラグイン(便利機能)を格納

wp-includes ⇒ wpのシステム全般のファイルを格納


ということらしい。なるほど・・・

それならば、レイアウト(スタイル)関連はwp-contentかな?ということで中身を確認。

 

 2.CSSやテーマのフォルダ

この中の themes が、WordPress のテーマを格納するフォルダということです。


ここにwpの管理画面で選んだテーマが入ってくる感じですね。


そしてここからが本番。

中身を確認してみます。(以下、一般的なフォルダ構成だそうです)

ファイル名概要
style.cssテーマのスタイル(デザイン)を設定するスタイルシート(CSS)ファイル
index.phpページを表示する HTML や PHP(WordPress 関数)等を記述したテンプレートファイル
404.php404のerrorページ
front-page.phpホーム画面
single.php投稿ページ
archive.php記事の一覧ページ
page.php固定ページ
search.php検索
comments.phpコメント
footer.phpフッターパーツ
header.phpヘッダーパーツ
searchform.php検索フォーム
sidebar.phpサイドバー
functions.phpテーマの機能を記述・設定
screenshot.pngテーマのイメージ画像。ダッシュボードのテーマ選択画面で表示

なるほど・・・・

cssはここのstyle.cssに書けば反映している。

そしてホーム画面はfront-pege.phpのようなので、この辺をいじればよさそう。

ヘッダー、フッター、メニューなんかは使いまわせる、という感じでしょうか。

1%くらいは仕組みが分かったかな・・・。

引き続き学習していきたいと思います。

(続きの記事はまた今度)

今回参考にさせていただいたサイトはこちらです。(Web Design Leaves さん)

https://www.webdesignleaves.com/pr/wp/wp_folder_structure.html

こういう情報があると、とてもありがたいです。

いつもありがとうございます。