新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WordPressでテーマカスタマイズ、ヘッダー(header.php)、フッター(footer.php)で消してはいけないプログラム #wp

      2014/11/09

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

自分でカスタマイズしたWordPressのテーマにライトボックスを導入しようと考えました。
そこで、一番シンプルで簡単だという 「Simple Lightbox」をと考えたのですがなぜか動いてくれません。
そこで、色々調べてみてわかったのは、カスタマイズしすぎたことに原因があったこと。

自分の場合、「Twenty Ten」をベースに使っているとは言え、ボディー部分、メニュー部分は当然、ヘッダー部やフッター部まで丸々差し替えというやり方でテーマを構築しています。
そして、必要な部分のみ、 ベースとしている「Twenty Ten」のオリジナルソースからコピーして持ってくるという方法。
例えばタイトルなどはページごとに変わってくるので「Twenty Ten」のソースをそのまま使ったりしているのです。

□ WordPress › Simple Lightbox ≪ WordPress Plugins

スポンサーリンク
 

今までの具体的なカスタマイズ方法はこのあたりに書いています。
□ ワードプレス(WordPress)で新しいテーマをつくる方法
□ ワードプレス(WordPress)でトップページをデザインする方法

ただし、このやり方だと必要なソースを削除してしまっている可能性もあります。
そもそも、残すソースの選別に関しては何のためにあるのかわからないソースもあったりして、そういった部分は基本削除という形でやっているからです。
例えば、最近のバージョンでは管理アカウントでログインしている間は、上部に黒い帯でメニューバーが表示されますが、これが自分のカスタマイズ方法では消えてしまっていました。

これに関しては、むしろ一般のかたの見え方がよくわかっていいと思っていたのですが、
今回「Simple Lightbox」が動いてくれないもの、おそらくヘッダー部、フッター部から本来消してはいけないソースを削除してしまっているからだろうと思ったわけです。

そこで、実際 「Simple Lightbox」が動いているテーマ(例えば「Twenty Ten」)のソースと自作のテーマのソースを比較して調べてみると以下の部分を削除してしまうと動かなくなってしまうことが分かりました。

つまり、ヘッダー部(header.php)及びフッター部(footer.php)に置いて、カスタマイズ時に削除してしまってはいけない部分の紹介ということになります。

 まずはヘッダー部(header.php)に置いて削除してはいけないソースです。

<?php
/* We add some JavaScript to pages with the comment form
* to support sites with threaded comments (when in use).
*/
if ( is_singular() && get_option( ‘thread_comments’ ) )
wp_enqueue_script( ‘comment-reply’ );

/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
</head>

</head>(ヘッダーの閉じタグ)の直前に書かれているPHPプログラム。
こちらを省略するとヘッダー部に書き込まれるJavaScript等のリンクがかかれなくなってしまいます。
したがって、こちらを復活させないとは「Simple 」動きません。
ちなみにコメントまで忠実に再現していますがコメントまでは実際はしっかり書く必要はありません。
まあ、コピペでいいでしょう。

ただし、これだけでも動いてくれません。
次にフッター部(footer.php)で削除してはいけないソースです。

<?php
/* Always have wp_footer() just before the closing </body>
* tag of your theme, or you will break many plugins, which
* generally use this hook to reference JavaScript files.
*/

wp_footer();
?>
</body>

こちらも</body>(ボディの閉じタグ)直前に書かれている上記のソース。こちらを削除してはいけません。
こちらもJavascriptがらみで、このフッター部のソースを復活させることで上部黒帯のメニューも復活しました。 
他にも色々な表記が追加されていましたね。たかが「wp_footer();」侮れじ。

ヘッダー部はちょっとした条件分岐があるので多少複雑になっていますが、基本的には「wp_head();」 と「wp_footer();」を削除せずにしっかり書いておかないといけないといったところでしょうか。
カスタマイズしすぎてプラグインがうまく動いてくれないなどでお困りの方は、この辺り、見てあげると解決するかもしれませんよ。 

 - CMS, WordPress, プログラミング, 覚え書き , ,

アドセンス広告メイン

Message

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

  関連記事

livedoor Readerで購読のRSSを「Byline」で読む方法

ツイッターで以下のようにつぶやいたら二人の方からオススメしていただいたRSSリー …

400ミリシーベルトは40万マイクロシーベルトで4億ナノシーベルト

東北地方太平洋沖地震による震災(東日本大震災/東北関東大震災)において今最もマス …

普通郵便よりちょっと安いが「ゆうメール」は封筒では送れない

あまり使ったことないとどうしてもこういったこと起こしちゃうんですよねぇ。後ろで待 …

倫理弱すぎ、物理が最強!! 【言葉】

□404 Blog Not Found:正論即暴挙 倫理は法理にかなわない、法理 …

no image
「ネットで悪口」再び有罪に

最終的にはどっちになるんでしょうね? □個人ブログで「悪口」 それはもう犯罪!? …

Amazon「おまかせリンク」の障害の影響でAdsenseの収益が増えている?

これはあくまでも仮説です。 なんか、ここ数日のAdsenseの収益が普段よりも多 …

no image
perlプログラミング

perlプログラミングを初体験。 改造なんかはよくやってたんだけど、1からっての …

SNSで知り合った彼女は本当に彼女なの? Google画像検索で確かめよう

Facebook(フェイスブック)等の実名SNSでは最近は減ってきているようです …

「クラウド・ファンディング」とは何のこと?

以前、「CAMPFIRE(キャンプファイヤー)」というサイトを紹介しました。これ …

no image
FLASHでプルダウンメニュー(ポップアップメニュー) スクリプト編

さてスクリプトの解説