5. カスタムペインの横幅を変える

カスタムペイン等のサイドコンテンツを記事下エリアに持ってきた時の横幅の狭さを改善します

[コンテンツHTML編集]

<div class="sidebar">
<h3 class="sidebar-title"><% content.title | html %></h3>
<% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer -%>
<div class="sidebar-end"></div>
</div>

↓

<div class="">
<h3 class="sidebar-title"><% content.title | html %></h3>
<% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer -%>
<div class="sidebar-end"></div>
</div>

sidebarを消すだけでとりあえず横幅の狭さは解消

●当ブログで使っているテンプレート「ワイドブラック」のようなコンテンツの上下などに装飾のないタイプは↑の方法でOKなんだけどコンテンツの上下に画像などが仕込まれていると↑のままでは画像部分だけが伸びずに見た目が悪いことに

なので上下の装飾を消す方法↓

<div class="sidebar">
<h3 class="sidebar-title"><% content.title | html %></h3>
<% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer -%>
<div class="sidebar-end"></div>
</div>

↓

<div class="">

<% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer -%>

</div>

ついでにコンテンツタイトルまで削ってるのはご愛嬌ということで

上下の余白が無くなったりと調整が必要になることもあるので
そこはまたそこでなんとかやっていくということで（投げやり）

タグ：カスタムペイン

3. コンテンツのタイトルを消す

カスタムペインを追加しているとコンテンツタイトルに迷ったり煩わしく感じることがあるのでそういう時は消してしまいます

[コンテンツHTML編集]

<div class="sidebar">
<h3 class="sidebar-title">
<% content.title | html %></h3>
<% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer -%>
<div class="sidebar-end"></div>
</div>

↓

<div class="sidebar">

<% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer -%>
<div class="sidebar-end"></div>
</div>

<h3 class="sidebar-title"> <% content.title | html %></h3>をすべて消すか<% content.title | html %>の部分を消去するだけでもタイトルは消えます

タグ：カスタムペイン