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

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

  関連記事

携帯メールでFlickrに画像をアップする方法3つ

過去に携帯メールでFlickrを経由してTwitterに画像リンクを送信する方法 …

簡単にドメインのIPアドレスを調べる方法

今まで、ドメインのIPアドレスを調べるのはWeb上のドメインサーチサービスを使っ …

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

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

no image
「変」は成功、「乱」は失敗、「役」は田舎での戦争のことらしい

こんなツイートが多くのリツイートを集めています。 これ分かってたら勉強捗ってたな …

モバイルサイトのスクリーンショット

「モバイルサイトを本格的に始めよう」を書くに当たってモバイルサイトのスクリーンシ …

ファンが25人を越えたのでFacebookページ「ちほちゅう」を独自アドレスに変えた

ファンの皆さま、ありがとうございます。 まさかこんなにファンが付くなんて思ってい …

no image
地図を大判で印刷したいらしい

したいらしいシリーズがまた来ました。 過去のしたいらしいシリーズは google …

「mention」とはどんな意味?

最近、ツイッター(twitter)なんかでよくmentionという言葉を目にする …

no image
グルーポンの「フラッシュマーケティング」とは?

かねてからCMなどで見かけ、先日のおせち騒動でさらに有名になった共同購入クーポン …

安いからという理由だけで買ったDVDドライブでCDを破壊

ずいぶん前に起こった出来事をふと思い出したのでネタにしてみる。 もうすでに販売終 …