Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

wordpress

wordpressをphpでカスタマイズするための記事「各ページごとにやり方説明」

投稿日:

Pocket

うも、チャーさんです。

 

この記事では、wordpressをphpでカスタマイズ

する際に、編集したいページに対応するファイルを

説明しています。

 

(例 固定ページを編集したい→page.phpをいじろう

のように)

 

 

なのでこの記事を読めばあなたは、

wordpressの色々なページを自由にカスタマイズ

できるようになるでしょう。

 

という事でwordpressでページをカスタマイズを

したい場合、このまま下にスクロールし

読んでください。

 

 

*ちなみに以下で紹介するファイルは、

phpを書くことがあります。

なので編集する際はphpの知識が多少要ります。

 

*またカスタマイズの際は、

全ファイルで記述をコピペしてバックアップ

とっときましょう。

 

スポンサードサーチ

wordpress functions.php カスタマイズ

 

functions.phpを編集することで、

あなた独自の関数を追加することができます。

 

そして、その関数の機能をwordpress全体で使うことが

可能です。

 

というのもwordpressの仕組みで、

functions.phpに書いた内容は、

wordpress上の全てのページで読み込まれるからです。

 

 

なのであなた独自の機能を追加したければ、

functions.phpに関数を書いていきましょう。

 

ちなみにショートコードなどもここに書きます。

 

余談ですがショートコードはphpが使えない投稿画面で

関数を使う手段なので、使いたい場合は、

こちらの記事に使い方が書いてますのでどうぞ。

 

wordpressのショートコードの作成方法と使い方

 

 

で、話を戻しましてfunction.phpの編集方法は、

外観>テーマの編集>functions.php

から可能です。

 

注意としてphpは}を書き忘れただけで

エラーが出ます。

 

なのでfunctions.phpに書いてる記述を

全部コピペしてメモ帳とかに貼って、

バックアップは絶対取っておいたほうがいいですよ。

 

スポンサードサーチ

wordpress header.php カスタマイズ

 

header.phpを編集すると、

サイトの上部、ナビゲーションメニューが、

表示される部分あたりまでをカスタマイズできます。

 

というのも、wordpressでは、

ヘッダー部分に関してはheader.phpを

まず読み込むことになってます。

 

 

なので例えばナビゲーションメニューを

独自に作成したい場合は、このファイルを

編集することになりますし、

 

サイトのタイトルなどを編集したい場合も

このファイルを編集しましょう。

 

編集方法は同じく

外観>テーマの編集>header.php

で可能です。

 

スポンサードサーチ

wordpress page.php カスタマイズ

 

page.phpですが、

こちらは固定ページの内容を

管理するファイルになってます。

 

wordpressでは投稿と、固定ページと

分かれてますが、固定ページの方を

カスタマイズしたいときに使います。

 

というのもwordpressでは固定ページに関しては、

まずpage.phpの内容が読み込まれます。

 

 

なので、page.phpに書いてある内容が

固定ページを表示した時の見た目に反映されます。

 

なので例えば、page.phpに、

<img>タグなどで画像の記述を書き込むと、

全ての固定ページでその画像が表示されます。

 

 

ですが投稿ページなどでは表示されません。

あくまで固定ページ上のみです。

 

編集方法は、

外観>テーマの編集>page.php

から編集可能です。

 

スポンサードサーチ

wordpress single.php カスタマイズ

 

single.phpでは投稿ページのカスタマイズが

可能です。

 

というのもwordpressでは、投稿ページの

内容に関してはまずsingle.php読み込まれるように

なっていまして、ここに書いた内容が、

 

投稿ページに表示されます。

 

 

例えば、このsingle.phpのファイルに、

投稿ページと見出しを書いておけば、

全投稿で投稿ページという文字が表示されます。

 

なので、あなたが投稿ページを個別に

カスタマイズしたい場合、例えばクラス名を増やしたり、

新たに項目を追加したい場合、

 

このsingle.phpを編集しましょう。

 

 

外観>テーマの編集>single.php

を編集しましょう。

 

スポンサードサーチ

wordpress index.php カスタマイズ

 

index.phpではwordpressの全ての

ページの内容をカスタマイズ可能です。

 

というのも、wordpressでは、

上述したようなOOO.phpなどの個別ファイルが

ない場合、index.phpを読み込むからです。

 

なので、極端な話、上述した他のファイルがなくても

index.phpだけあればwordpressで、

ページを表示させることができます。

 

 

事実僕がローカル環境で作ったwordpress(非公開)

ではindex.phpとstyle.cssだけで動いてます。

 

が、実際には各部分ごとの記述が

長くなり、1つの長ーいファイルが出来上がって

しまうので使い勝手がよくないです。

 

という事で、このファイルは何らかのテンプレート

を使ってる限り、すでにファイルわけされてる都合上、

あまり編集することはないでしょう。

 

 

という事で、wordpressのphpでの

カスタマイズについて書きました。

 

wordpressのカスタマイズの際に役立ててください。

 

では読んでもらってありがとうございました。

 

チャーさん

 

 

-wordpress

スポンサードサーチ

関連記事

no image

wordpressのメニューをカスタマイズする方法「コピペ可能」

どうも、チャーさんです。   あなたはwordpressのメニューを カスタマイズしたいと思ってませんか?   この記事ではメニューをカスタマイズし 画像を表示させる方法、またメニ …

no image

wordpressのメニューを階層にしたいなら読んでください。

どうも、チャーさんです。   この記事ではwordpressのメニューを、 階層化する方法、   また、階層化できない場合の対策 (サイトに階層メニューが表示されない) を書いてい …

no image

wordpressで条件分岐でcss(デザイン)を切り替える方法

どうもチャーさんです。 あなたはwordpresで、条件分岐させて、 css(デザイン)を切り替えたいと思っていませんか?   ページごとに違うデザインを施せるように したい、そう思っていま …

no image

wordpressのメニューに関する情報をまとめました

どうも、チャーさんです。   この記事ではwordpressのメニューに関する情報 例えばメニュー追加方法や、階層化、カスタマイズなど、 必要な情報を網羅してまとめてみました。   …

no image

wordpressのテーマのcssを編集する方法。3分でマスターできます。

どうも、チャーさんです。 あなたはwordpressのテーマのcssを編集したいですか?   この記事では、あなたの好きなように、 wordpressのcssを編集する方法を説明してます。 …

no image

wordpressの固定ページにのみif文を使って処理を行う方法

どうも、チャーさんです。 あなたはwordpressで固定ページにのみ、 if文を使って処理をする方法を探してますか?   この記事では、wordpressの固定ページにのみ、 if文を使っ …

no image

wordpressのショートコードの作成方法と使い方

どうも、チャーさんです。 あなたはショートコード(wordpressの)ってなんだ? と思ってませんか?   この記事では、wordpressの ショートコードとは何か、そして ショートコー …

no image

ワードプレスの管理バーを非表示にする手順

どうも、チャーさんです。   あなたは、ワードプレスの管理バーを、 非表示にする方法を探していませんか?   ワードプレスの上の黒いバー(管理バー)が、 重なって困る。。と思ってい …

no image

ファビコンをワードプレスに設定する方法「手順つき」

  どうも、チャーさんです。   あなたはファビコンをワードプレスに、 設定し表示させたいですか?   この記事では、ファビコンをワードプレスに、 設定させる方法を紹介し …

no image

wordpressのエディターを前のに戻す方法

どうも、チャーさんです。   あなたは、ワードプレスをインストールしたら、 投稿のエディター画面が今まで使ってたのと 違うやつになっていて、困っていませんか?   この記事では、そ …

no image

wordpressの記事ページをカスタマイズする方法

どうも、チャーさんです。   あなたはwordpressの記事ページ、 (投稿で書いて公開したら出てくるページ) をカスタマイズしたいと思ってますか?   この記事では、wordp …

no image

wordpressで右クリックを禁止する方法「簡単です」

どうも、チャーさんです。   あなたはブログ上での、 右クリックを禁止したいと 思っていませんか?   せっかく書いた記事をコピペされたくない、 そう思っていませんか? &nbsp …

no image

wordpressにメニューを追加する方法「解説画像つき」

どうも、チャーさんです。 あなたはwordpressのメニューを追加する 方法を探していますか?   この記事ではwordpressのメニューを追加する 方法を書いてますので、あなたがこの記 …

no image

wordpress popular postsでまだデータがありませんが解決し人気記事が表示された方法

どうも、チャーさんです。   あなたはwordpress popular postsが、 動作せず困っていませんか?   ちゃんとアクセスはあるのに、 まだデータがありません。と表 …

no image

wordpressで一覧へ戻るを記事に表示させる方法

どうも、チャーさんです。   あなたはwordpressで記事に 一覧へ戻るを表示させたいが、 urlを直接かく方法以外を探していませんか?   この記事では、phpとwordpr …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。