ブログ

トピック詳細

コメント一覧 2件中、1～2件表示

• 出来そうなカスタムと言えば、たとえば
  プラグインのカテゴリによって表示を切り替える方法でしょうか。
  
  当該テンプレートでは左にプラグイン１、右にプラグイン２が表示されていますので
  元々は使われていないプラグイン３をどちらかと一緒に表示するようにHTMLに記述を追加して表示を切り替えます。
  
  その場合には
  <!--plugin-->
  <!--plugin_third-->
  <div class="side-title"><%plugin_thir d_title></div>
  <div class="side-body2">
  <!--plugin_third_description-->
  <p><%plugin_third_description></p>
  <!--/plugin_third_description-->
  <%plugin_third_content>
  <!--plugin_third_description2-->
  <p><%plugin_third_description2></p>
  <!--/plugin_third_description2-->
  </div>
  <!--/plugin_third-->
  <!--/plugin-->
  
  このような文字列を
  左右どちらかのサイドバーのHTMLに挿入してから
  
  .side-body2 {
  color: #888;
  margin-bottom: 16px;
  padding: 15px;
  font-size: 100%;
  background: #222;
  border: 1px solid #444;
  border-top: none;
  }
  .side-body2 li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0 0 3px 10px;
  }
  上記のようなスタイル指定をスタイルシート内にコピペします。
  最後にプラグインの設定で当該プラグインのカテゴリを３に変更してください。

  2012年11月30日 12:57 by 標野ゆき

• 質問者さんが引用されている記述なのですが
  多分借りておられるテンプレートには合わないと思います。
  
  借りておられるテンプレートと同じ配色のものが見つからなかったので
  仮にHiRoさん作のBRUENOIR-Drei-をカスタマイズされていると仮定しますと
  （REDNOIRの方だとしてもカラーコード以外の部分は全く同じです）
  画像に罫を巻くためのスタイルは以下の部分です。
  
  ＜記事部分の画像罫＞
  .entry-body img {
  padding: 2px;
  background: #000;
  border: 2px solid #444;
  }
  .entry-body a img {border: 2px solid #4e95dc;}
  .entry-body a img:hover {border: 2px solid #95bfea;}
  
  ＜サイドバーの画像罫＞
  .side-body img {
  padding: 1px;
  border: 1px solid #555;
  }
  .side-body a img {border: 1px solid #4e95dc;}
  .side-body a img:hover {border: 1px solid #95bfea;}
  
  記事部分とサイドバー部分で別々にスタイルが指定されていますので
  単純にサイドバーの画像すべてから罫を取り去るだけなら下の６行の記述を削除するだけで済みます。
  
  side-bodyというクラスは、プラグイン全体にかかっていますので
  その内側で別のスタイルを指定しても、思ったとおりに表示されない可能性がきわめて高く。
  かといってこのクラス名で指定されているスタイルは罫巻き指示だけではありませんので、迂闊に削るわけにもいきません。
  

  2012年11月30日 12:56 by 標野ゆき