フッター部分に入るウイジェットのカスタマイズ

PR 2015/1/8

このトピックには7件の返信、2人の参加者があり、最後にぱぴりんこにより11年、 5ヶ月前に更新されました。

7件の返信スレッドを表示中

投稿者

投稿
- 2015年1月8日 7:02 PM #16021
  
  ぱぴりんこ
  ゲスト
  
  わいひら様、いつもお世話になっております。
  先日はご回答をありがとうございました。
  
  フッター部分に入るウイジェットのカスタマイズについて、
  いくつか質問があります。
  
  １．左・中央・右のウイジェットの間に余白を入れたいと思い、スタイルシートのフッター部分の数字をいろいろ変えてみているのですが、うまく変更できないでいます。
  ウイジェットの幅自体はスタイルシートのフッター部分
  .footer-left
  .footer-center
  .footer-right
  の％の数字を変えて変更できたのですが、余白を入れられなくています。
  
  ２．それぞれのウイジェットを枠で囲んだり、背景色を変えたりしたいと思っています。
  （フッター左下に２つテキストのウイジェットを設置したとして、それぞれに背景をつけたり枠で囲ったり）
  背景色は変えられたのですが、余白が無くつながってしまいます。
  
  スタイルシートだけで変更できるなら、私にもできるかな…と思っています。
  方法を教えてください。
  どうぞよろしくお願いいたします。
  
  PS.以前、がちょぴんさんから教えていただいたプラグインの件をここで報告させていただきます。
  「Page Builder by SiteOrigin」について、その後もいろいろ触ってみたり調べてみたのですが、私がイメージしていたようにはできませんでした。
  どうも、テーマにこのプラグインが最適化されていないとできることは限られてしまうようなのです・・・ネット情報です。
  報告が遅くなってしまいましたが、ありがとうございました。
- 2015年1月8日 9:42 PM #16071
  わいひら
  キーマスター
  こんな感じでスタイルを変更してみてください。
```
.footer-center {
    background-color: #bbb;
    padding: 1%;
    width: 31%;
}
```
  マージンが必要な場合は、マージンも同様に設定してみてください。
- 2015年1月9日 1:55 PM #16130
  
  がちょぴん
  ゲスト
  
  ぱぴりんこさん
  
  お役に立てず大変申し訳ございません。
  アメブロのように表示させたいという事ですよね。
  表示させたい箇所に下記のタグを入れるとアメブロのようにできるかと思います。
  下記のタグはあくまで例なので、色・スタイル等はご自分で変更してください。
  
  <div style="background:#ff1493; border:1px solid #ff1493; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ff1493; padding:10px; font-size:1em;">本文</div>
- 2015年1月9日 3:21 PM #16132
  
  ぱぴりんこ
  ゲスト
  
  わいひら様、こんにちは。
  
  ご回答をありがとうございました。
  
  教えていただいたようにスタイルシート変更したら、できました！
  ％で設定すればよかったんですね。
  PXで設定してみていたのですが、どうもうまくできなかったので…
  
  今回も助けていただき、どうもありがとうございました♪
- 2015年1月9日 3:22 PM #16133
  
  ぱぴりんこ
  ゲスト
  
  がちょぴんさん
  
  こんにちは！
  お返事いただいていたこと、今気づきました。
  これから、教えていただいたようにやってみます。
  
  どうもありがとうございました。
  また報告します。
- 2015年1月9日 3:30 PM #16134
  
  ぱぴりんこ
  ゲスト
  
  がちょぴんさん
  
  今、教えていただいたタグを表示させてみました。
  表示されたようなスペースを、記事の中ではなく外（上部）に作りたいのですが、
  それは難しいですか？
  
  WordPressカスタマイズできるほどの知識もない上に、
  教えていただいているのに、いつもイメージが違う…とか言って、ごめんなさい。
  
  カスタマイズ初心者には難しいようなら、遠慮なくそうおっしゃってくださいませ。
  
  いつもありがとうございます。
  
  どうぞよろしくお願いいたします。
- 2015年1月11日 1:45 PM #16409
  
  がちょぴん
  ゲスト
  
  ぱぴりんこさん
  
  ご返答遅くなり大変申し訳ございません。
  
  記事の中ではなく外(上部)に作りたいのですが、
  それは難しいですか?
  
  1/9にて申し上げておりますが、表示させたい箇所にタグを入れてみてくださいという事ですので、
  上部に表示させるためのテーマフォルダからファイルを探して、そこに入れてみてくださいという意味になります。
  
  カスタマイズ初心者には難しいようなら、遠慮なくそうおっしゃってくださいませ。
  
  難しいとは発言せずアドバイス的な言い方するなら、書店等でHTML・CSS・WP(WordPress)関連の参考書購入する事お勧めします。
- 2015年1月13日 7:42 PM #16692
  
  ぱぴりんこ
  ゲスト
  
  がちょぴんさん
  
  お返事いただいておりましたのに、お礼と報告が遅くなり
  申し訳ございません。
  
  「テーマフォルダからファイルを探して、そこに入れてみてください」
  
  page.phpに入れてみました。
  （固定ページをフロントページに指定しているので）
  記事本文上に表示されました！
  ありがとうございます！！
  
  アドバイスいただいたように、WordPress関連の参考書購入して
  基本的なことから勉強してみます。
  
  今回もいろいろと、どうもありがとうございました。
投稿者

投稿