【各記事モジュールカスタマイズ】デザイン設定方法と見た目サンプル

各記事モジュールのデザインを変更できます。
標準での見た目と見比べてお好きな方を選択してください。

各記事モジュールカスタマイズ方法

コピー&ペーストするだけでOKです。
以下、記述箇所とコード。

記述する箇所

デザイン>カスタマイズ>サイドバー
に、最新記事・注目記事・関連記事モジュールを追加し、各モジュールの高度なカスタマイズに以下コードを記入でデザインが画像のようになります。

1. デザイン設定のスパナマーククリック
2. サイドバークリック
3. モジュールを追加をクリック
4. 追加したいモジュールをクリック
5. 高度なカスタマイズを使うにチェックを入れ、以下コードをコピー＆ペースト

記述するコード

以下のコードをコピー＆ペーストしてください。

<div id="kanren">
<a href="{Permalink}" class="kanren-title">{Title}</a>
<div class="kanren-tag">{CategoryLinks}</div>
<div class="kanren-entry">
<a href="{Permalink}"><img src="{ImageURL}"></a>
<div class="kanren-entry-body"><a href="{Permalink}">{EntryBody}</a></div>
</div>
</div>

オリジナルコードを入れた場合の見た目

最新記事の見た目

注目記事の見た目

関連記事の見た目

通常の見た目

注目記事デフォルト（全部載せ）

関連記事デフォルト（全部載せ）

関連記事文字のみの場合

最新記事・注目記事のモジュールについて

モジュールで文字以外を表示する設定にすると、デザインが崩れてしまいます…。
2021/01/26対策済

画像表示してもデザインが大きく崩れることはありません。
お好きな方をお選びください。

ブックマーク（リンク）・カテゴリーモジュールについて

引き続き2件以上のご利用をお願いします。