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の記事ページをカスタマイズする方法

投稿日:

Pocket

うも、チャーさんです。

 

あなたはwordpressの記事ページ、

(投稿で書いて公開したら出てくるページ)

をカスタマイズしたいと思ってますか?

 

この記事では、wordpressの記事ページを

カスタマイズする際にどうすればできるのか、

その方法を書いてます。

 

 

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

wordpressの記事ページのカスタマイズを、

どうやってやるのかわかるでしょう。

 

ということであなたがwordpressの記事ページを

カスタマイズしたいなら下にスクロールし、

読んでみてください。

 

スポンサードサーチ

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

 

ということで結論からです。

 

wordpressで記事ページを、

カスタマイズしたい場合は、

single.phpというファイルを編集しましょう。

 

そうすると、記事ページで表示する内容を、

あなた好みに自由に変えることができます。

 

 

カスタマイズに関わるwordpressの仕組み

 

ちなみにあなたが知っとくと今後便利なので書きますが、

wordpressではそれぞれのページごとに、

読み込まれるファイルが決まってます。

 

(正確には読み込まれるファイルに優先順位があります。が、

わかりやすくするためそれは割愛)

 

例えばwordpressの固定ページでは、

page.phpというファイルが読み込まれ、

そこに書いてある記述にそって内容が表示されます。

 

 

で、同じように記事ページ(投稿と表示されてるやつ)

は、single.phpというファイルを読み込んで、

表示されてるのです。

 

ちなみに今あなたが読んでいるこの記事も、

single.phpのテンプレートファイルの内容にそって

表示されてます。

 

でwordpressにはいっぱい存在する、

テーマのテンプレートですが、

そのテンプレートファイルの中にはほぼsingle.phpがあります。

 

 

なので、あなたが記事ページの見た目や、

表示される項目などを変えるというカスタマイズを

したい場合は、single.phpの中身を書き換えればokなのです。

 

 

single.phpを編集するには

 

で、その肝心な書き換えかたですが、

方法は2つあります。

 

 

1つはwordpressの外観>テーマ編集と、

 

もう1つは、ftpを通じてサーバーから、

自分のパソコンにsingle.phpのファイルを落とし、

それを編集してアップロードする。

 

という方法です。

 

 

で、慣れてないうちは後者のやり方を

お勧めします。

 

理由はいきなりテーマ編集で内容書き換えると、

エラーで動かなくなった時に、めんどいです。

 

(wordpressのテーマファイルはphpで書いてまして、

phpは;セミコロンを書き忘れただけでエラーが出るほどです)

 

 

慣れてないうちだと、なんでエラーになったか

わからずに、しかも元に戻せないってことが

多々あるので、僕はお勧めしません。

 

ということで個人的にはサーバーから、

ファイルをあなたのパソコンにダウンロードして、

それを編集してあげる、という方法をお勧めします。

 

 

ちなみにその理由は、一度パソコンに落としておけば、

原本(ちゃんと動くエラーの出てないファイル)を保存

しとけるからです。

 

で、原本をコピーして、それを編集して

wordpressにあげるという方法をとれば、

エラーが出ても、原本をまたあげれば復帰できます。

 

ということで、サーバーから落とす方法を

お勧めします。

 

 

で、サーバーから落とすやり方は結構長くなるので、

割愛しますがfilezillaというftpのツールがあるので、

それを使えばいいです。

 

で、いざsingle.phpを編集ですが、

その際は一度ファイルの中身を読んで、

実際にあなたの記事ページと照らし合わせましょう。

 

するとどの部分でどの部分が表示されてるか、

というのがわかります。

 

 

で、あとはあなたが表示させたい部分に、

表示させたい内容を書いておけばokです。

 

ちなみにこの記事ページのカスタマイズをする際は、

htmlとcssそれからphp(ある程度)必要になるので、

 

記事ページをカスタマイズしたい場合は、

そこの知識を元に、また知らなければ一度軽く

勉強してからやることをお勧めします。

 

 

そうすれば割とスムーズにテンプレートを

編集して、記事ページの見た目をあなたの好きに

変えることができるでしょう。

 

 

スポンサードサーチ

まとめ

 

ということで、まとめに入ります。

 

wordpressの記事ページをカスタマイズしたい場合は、

single.phpというテンプレートのファイルを、

編集しましょう。

 

するとカスタマイズできます。

 

 

また、ファイルの中身を編集する際は、

絶対に原本を残しときましょう。

 

オリジナルをコピーしたファイルを、

編集していくというスタイルをとってください。

 

エラーがでた時に戻せない、wordpress動かない、

と困ることになるので。

 

 

また、外観のテーマ編集からやる場合も同様で、

絶対にコピペして、ソースコードの原本を保存しときましょう。

 

何度もいいますが、phpをいじったりする、

カスタマイズをする場合、ちょっとした記述ミスで、

すぐにエラーが出るので。

 

ということで、wordpressの記事ページの

カスタマイズの方法でした。

 

 

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

 

チャーさん

 

-wordpress

スポンサードサーチ

関連記事

no image

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

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

no image

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

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

no image

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

どうも、チャーさんです。   この記事では、wordpressをphpでカスタマイズ する際に、編集したいページに対応するファイルを 説明しています。   (例 固定ページを編集し …

no image

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

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

no image

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

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

no image

ドロップダウンメニューが動かない問題を解決した方法「wordpress」

  どうも、チャーさんです。   あなたはwordpressのドロップダウンメニューが、 動かないと悩んでいませんか?   この記事では、ドロップダウンメニューが、 ある …

no image

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

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

no image

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

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

no image

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

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

no image

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

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

no image

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

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

no image

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

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

no image

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

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

no image

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

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

no image

wordpressで閲覧できませんを解決した方法

どうも、チャーさんです。   あなたはwordpressで記事を公開しようとしたら、 閲覧できません(Forbidden Access)と出て、 困ってたり、解決策を探してませんか? &nb …

最新記事

チャーさん

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

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

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