新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

no image
子供向け最強集客ツール

連休中に子供とちょっとお出かけしてきました。

三つの「かく」で仕事向上

先日、いい話を聞いたのでメモしておくことにした。これも、その話の影響。人を幸せに …

QRコードが作れるサイト

意外とみんな知らないようなので紹介します。 QRコードはインターネットのWebサ …

no image
CSSは行送り(vertical-align)に注意!!

久しぶりにCSSコーディングなんかをやっているといろいろなことに気付く。 今回は …

顧客を5段階のレベルで考えてみる

ひとえにお客様(顧客)といっても色々なタイプがある。 これを5段階のレベルに分け …

Dreamweaver(ドリームウィーバー)で見かける緑の波線の正体とは?

「Dreamweaver」のソースビューにちょくちょく緑色の波線が表示されるのに …

foursquareのコンビニエンスストアは「Deli / Bodega」

みなさん「foursquare」やってますか?位置情報SNS数あれど、&nbsp …

ライブドアブログ(livedoor Blog)からワードプレス(WordPress)へのブログ移転でリダイレクトをさせる方法

ライブドアブログ(livedoor Blog)からワードプレス(WordPres …

iPhone(アイフォーン)で「Eメール(i)」の受信通知を非表示にする(表示させない)方法

以前、書いたと思っていたのですがどうも記事が見つからないので、ここであらためて書 …

no image
Safariの癖

忘れないうちに「Safari」に関する覚書。