ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

WordPressでソースコードをファイル毎に分けて管理する方法!これは断然ラク!

   

131220_2102

WordPressをインストールしたらデフォルト設定のまま使用するってことは(たぶん)絶対に無いと思います。広告やらソーシャルメディアボタンやら、その他HTMLコードをサイトに埋め込みたいですよね?

でも、single.phpにこういったコードをドカドカ入れると・・・どこに何があるのか分からないときがよくあるんですよね・・・orz。しかもテンプレートを新しいものに変えたら今までの設定がスッポーーーーンってなくなっているし。また今までのコードを貼り付けるのは結構手間。アドセンス広告ならサイトに行ってコードを取得しないといけないですし。

スポンサーリンク

 

そういったことを少しでもなくすために、使用するコードはphpファイル毎に分けておいた方が管理がラクです!!

 

 

 

ファイル毎に分ける方法

下記のコードはアドセンス広告のものですが、メモ帳に下記のコードをぶっ込んで名前をつけて保存しましょう。

 

仮にadsense1とします。
ただ、拡張子が.txtなので.phpに変更しておきましょう。

131220_2103

 

これでアドセンス広告のphpファイルが完成します。

131220_2104

 

お次にこのphpファイルをFTPソフトを使用してsingle.phpと同じ階層にアップロードします。

あなたのドメイン名 > public_html > wp-content > themes > テンプレート

131220_2105

 

アップロードしたら、
WordPress管理画面 > 外観 > テーマ編集
にてadsense1.phpがあることを確認しましょう。

131220_2106

しっかりありますね。ただ、クリックして中身を見てみるとコードが消えているので、元もファイルからコピペして「ファイルを更新」をクリック。

こういった具合でコードをファイル毎に分けることができます。テンプレートを変えても、新しいサイトを構築して同じコードを使用したいときはphpファイルを上記のとおりにアップロードすればOKです。

 

 

 

サイトに反映させる方法

phpファイルをテンプレートに紐付けしただけなので、サイトをみても変化はありません。コードを反映させるにはあるコードsingle.phpなどに貼り付ける必要があります。

 

例えばアドセンス広告(adsense1)を記事下に表示させたいならsingle.phpの適切な場所に上記コードを貼り付ければ・・・アドセンス広告が表示されます!!

他のphpファイルを使用したい場合は、adsense1のところを別の名前に変更すればOKです。

 

 

 

まとめ

こんなことやらずに1回1回コードをぶっ込む!でももちろん問題無いですけど、一度ファイルを設定しておけば管理がメチャメチャ楽なので一度試してみることをオススメします。

とくにプラグイン無しでソーシャルメディアボタンをやろうとしたら・・・もはやコードだらけで何がなんやら分かりません!当サイトのソーシャルメディアボタン(記事上下・左サイド)はファイル毎に管理しています。もし他のサイトで同じボタンがあれば・・・それはボクのサイトです(笑)

 

 

 - WordPress


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

140105_1903
Google Analytics(アクセス解析)をWordPressに導入する方法!

サイトを運営するにあたってアクセス解析は必ず導入しておきましょう。いつ誰がどんな …

medium_8663075893
WordPressの記事公開前に「いいの?」と警告メッセージを表示する方法

WordPressでサイト・ブログを作成しているなら一度は経験したことがあるあれ …

medium_9044771759
WordPressのビジュアルリッチエディタとテキストエディタが表示・使用できないときの対処方法

この記事を書く一つ前の記事にてビジュアルリッチエディタとテキストエディタがまった …

medium_5598172
WordPressでの記事の投稿方法を簡単にまとめました!

WordPressでの記事投稿方法をご説明していきます。 今まで無料ブログで記事 …

140105_1803
WordPressにテーマ(テンプレート)をインストールする方法!

WordPressの初期インストールされているテンプレートってちょっとだけ見栄え …

140419_1704
WordPressで記事ごとに広告表示・サイズを切り替える方法

前回コチラの記事で WordPressでカテゴリーごとに広告表示を切り替える条件 …

131205_2221
【IFTTT(イフト)】WordPressプラグイン不要でTwitterやfacebookに自動投稿する方法

IFTTTは「If This Then That」ということだ!・・・まったく意 …

141122_2101
Font AwesomeアイコンをCSSを使ってWordPressサイトに表示させる

Stinger5では記事公開日やカテゴリーなどのアイコンがデフォルトでFont …

medium_192635773
Stinger3で記事中に広告やTwitterを入れスマホで見ると半分に切れているのを直す方法!

WordPressのテーマでStinger3を使用しているユーザーさんは今ではか …

131221_1302
Vertacalタイプ(箱型)のソーシャルメディアボタンをプラグインなしで実装する方法!

サイトにソーシャルメディアの共有ボタンがあるとないとでは記事の拡散にかなりの違い …