ハイリンクス

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

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

関連記事

medium_2536017020
無料ブログではなく独自ドメイン(WordPress)を使用する意味!

初めてブログを運営する。こう考えたときに頭に思い浮かぶことはFC2やseesaa …

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

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

140105_2201
【WordPress】画像をアップロードし記事に貼り付ける方法!

WordPressに画像をアップロードして記事に貼り付ける方法をご紹介しておきま …

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

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

131223_2301
WordPressのRSS feedがエラー表示されているときの対処法!

当サイトではRSSフィードとIFTTT(イフト)を連携させてTwitterとfa …

credit: WingedWolf via FindCC
WordPressサイトのテーマ・テンプレートやプラグインがチェックできるウェブサービス

ウェブサイトやブログを見ていて「このサイトって何のWordPressテーマ使って …

131110_2301
プラグインなしでmoreタグ部分にアドセンス広告を挿入する方法

Google AdSenseの配置でクリックされやすい効果的な配置場所として「記 …

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

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

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

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

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

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