Q&A
プラグイン／ライブラリは取得した場所のURLを質問文に追記ください。（URLにはリンクを張ることができます）
Wordpressでホームページを製作中です。
スクロールしてもサイドバーが着いてくるように、Standard Widget Extensions（https://ja.wordpress.org/plugins/standard-widget-extensions/）を稼動させたいのですが、IDをまちがえてるようで全く動きません。メインカラムID・サイドバーIDの確認方法をお聞きしたいです。テーマはfukasawa（http://www.andersnoren.se/teman/fukasawa-wordpress-theme/）を使用しています。
ちなみに先ほどはメインカラムIDをindex.PHPから探したのですが、サイドバーIDはなぜかsidebar.PHPが所定のフォルダ内になかったため、wp-includes/theme-compat内のsidebar.PHPから調べてみました。これで合っていたのかさっぱりわかりません。。。
大変初歩的な質問で申し訳ありませんが、ご教示いただければ幸いです。
回答1件
0
まず、テーマ編集やカスタマイズをしていて「wp-includes」を触ることはありません。むしろそこを編集することはきわめてリスクが高いので、お勧めしません。
サイドバーの記述は header.php にあります。基本的にテーマのファイルはひとつのフォルダにまとまっています。「子テーマ」と言う機能もあるので、その場合は親テーマのフォルダにファイルがある事もあります。さらにテーマによっては function.php に記述がある事もあったりします。
【テンプレート階層 - WordPress Codex 日本語版】
https://wpdocs.osdn.jp/テンプレート階層
表示されているものから場所を特定するには、出力されたHTML（ブラウザで「ページのソースを表示」）を確認することになります。「ソースを表示」でHTMLの構造を確認し、あたりを付けてテーマファイルを探ります。
さらに細かくHTML/CSSを確認する方法として、デベロッパーツールを使うのが良いと思います。
【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01
【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2
【Chrome デベロッパーツールの使い方概要 | Web Tips】
http://weback.net/utility/1410/
書かれているプラグインは、どのテーマでも対応しているわけではないと思うので、上手くいかない可能性も少しあります。
投稿2016/08/30 06:47
総合スコア69407
kei344様、ご丁寧にありがとうございます。
親テーマ内のindex.php、header.php、function.php、single.php等、見てみたのですが、id：×××となってる項目ではHITしませんでした。Chromeのデベロッパーツールは使っているのですが、知識がなさすぎてどれが何やらまったく理解できませんでした。
テーマによっては対応できないプラグインもあるのですね！
せっかくご教示いただいたのに生かすことができず申し訳ありません；；
引き続き調べてみようと思います。ありがとうございました。
> id：×××となってる項目ではHITしませんでした。
サイドバーのIDですね、すいません「位置を確認したい」主体で回答してしまいました。
書かれている通り、idを使わない形でそのテーマは作られています。
なので、「<div class="sidebar">」部分にidを自分で足す必要があります。
例）
<div class="sidebar" id="my_sidebar">
あなたの回答
tips
プレビュー
