- このトピックには12件の返信、2人の参加者があり、最後に
により11年、 7ヶ月前に更新されました。
-
投稿
-
-
お世話になります。コードなどは全くと言っていいほど知らない素人です。
質問がわかりにくい等あるかと思いますが、よろしくお願いします。トップの新着記事の上に、ウィジェットを配置しようと思い、子テーマの
before-main.phpとスタイルシートをいじっています。ウィジェット自体は配置できたのですが、
タイトルダグなどが、記事のものや他のサイドバーのウィジェットと
違うものになってしまいます。また、before-mainに配置するウィジェットを680ぐらいの大きさにし、
サイドバーをその横に表示させたいと思うのですが、可能でしょうか？イメージとしては、
豊岡市立コウノトリ文化館/
さまのサイトのトップにあるコウノトリの画像2枚の場所にウィジェットを配置し、
イベントカレンダーの部分から新着記事の紹介が始める感じです。よろしくお願いします。
-
そのページは、WEB上に公開されていますか？
イメージを掴みたいので、できればカスタマイズページのURLを貼り付けていただけると助かります。
書き込みだけですと、どうしてもゴールとなるカスタマイズが想像できません。
出来れば、画像などを使用して説明していただけると助かります。
アップローダーはこちらにあります。
http://wp-simplicity.com/suport/topic/custom-info/けれど、あまり難しいカスタマイズだった場合は、サポート対象外のものにあるようにヒントぐらいしか言えないかもしれません。
-
お返事ありがとうございます。
カスタマイズページのURLはこちらです。
http://igakuteki-diet.com/ゴールを画像で説明するとこのような感じです。
http://netakiri.net/uploader/src/up0087.pngよろしくお願いします。
-
-
「div#mainの枠内に入れる方法」というのは、画像の矢印の部分にウィジェットを入れるということでしょうか？
http://netakiri.net/uploader/src/up0088.pngそれならば、その方法でまったく問題ありません。
教えていただければ幸いです。 -
一応最初の方法で、スタイルシートだけでうまくいく方法を見つけました。
ただ、サイドバーも追従エリアを使用したりはできないかもしれません。
また、モバイルでの確認はしていません。モバイルではまたCSSを調整する必要があるかもしれません。#body-in{ position: relative; } #body-in > .widget { box-sizing: border-box; float: left; width: 740px; } #sidebar { position: absolute; right: 0; top: 0; }追加したdiv.widgetは、サイドバーのウィジェットに自動でつくクラス名とかぶるので、別のものに変更しておいたほうがいいかもしれません。
-
お返事ありがとうございます。
教えていたものをスタイルシートに追加してみました。
更新すると一旦は、上のほうにサイドバーが位置するのですが
すぐに、もとの下の位置に戻ってしまいます。何度も申し訳ありませんが、どうすれば良いでしょうか？
-
サイドバーも追従エリアを使用したりはできないかもしれません。
とあるように、サイドバー追従エリアを使っていると、JavaScriptでサイドバーが動的に移動するので、元に戻るのではないかと思います。現在、検索フォームが追従エリアに入っているようです。
追従エリアのウィジェットを削除しても、正常動作しないかもしれませんが、とりあえず追従エリアを外さない限りは、次の段階がわかりにくいので外してみてください。
-
そういう意味でしたか！
ありがとうございます。無事、うまく行きました。後は、このウィジェットにも
サイドバーのようにタイトルにラインが入れば、完成なのですが‥. -
-
そのようにしているつもりなのですが、間違っているようで
うまく反映されません。。functions.phpには、
register_sidebar(array( 'name' => 'before-main' , 'id' => 'before-main' , 'before_widget' => '<div class="before_widget">', 'after_widget' => '</div>', 'before_title' => '<h3>', 'after_title' => '</h3>' ));スタイルシートには
#before-main h3 { font-size:20px; border-bottom:5px solid #1E90FF; padding:10px 0; }としているのですが、どこが間違っているのでしょうか？
-
-
ありがとうございます。
無事、思った通りにできました。ほんとうに感謝です！
-
- トピック「before-mainのタイトルと大きさ」には新しい返信をつけることはできません。