記事一覧・関連記事

デザインプラン を 10 個ご用意しています。デザイン変更 との組み合わせもできます。

設定するをチェックして
デザインプランを選択してください。

• ここでの設定が優先します。

  次でも設定できます [ 管理画面 ] 外観 > カスタマイズ > デザイン > エリア別デザインプラン

• デザインイメージは次を参照ください → エリア別デザインプラン

タイトルの デザイン を変更できます。
文字色・背景色・罫線・角丸の組み合わせで様々なパターンにできますのでお試しください。

チェックする

変更する項目をチェックしてください。

文字色・背景色・罫線色

色を選択してください。

罫線スタイル

罫線のスタイルを選択してください。

罫線太さ・上下余白・角丸半径値

数値を入力してください。

最小値： 1

その他

• 左下・右下を角丸にしない
• 背景にグラデーションをつける

参考：カラーコード表

https://www.colordic.org/

次の 項目 を設定できます。
設定する項目をチェックしてください。

• 記事タイトルを非表示
• 抜粋文を非表示
• カテゴリーを非表示
• サムネイルを非表示
• サムネイル以外を非表示
• オーバーレイタイトルをつける

• 記事タイトル・抜粋文の [ 文字数 ] は次で設定してください → 記事一覧・関連記事の文字数

レイアウト選択

次から選択してください。

• 1 列 ( デフォルト )
• 2 列
• 3 列
• 4 列

デザイン変更　レイアウト 2 ～ 4 列で反映

チェックする

変更する項目をチェックしてください。

背景色・罫線色

色を選択してください。

罫線スタイル

罫線のスタイルを選択してください。

角丸半径値

数値を入力してください。

記事タイトル文字サイズ

数値を入力してください。

サムネイルサイズ【 横幅 】自動調整

チェックすると画像横幅を自動調整します。
または次で説明する [ 横幅・縦幅 ] を入力してください。

画面横幅毎に 表示サイズ を設定しており サイズ変更 もできます。

デフォルト表示サイズ

PC

画面横幅 800px 以上

サイズ 横幅 150 px × 縦幅 150 px

タブレット

画面横幅 799 px 以下

サイズ 横幅 100 px × 縦幅 100 px

スマホ

画面横幅 599 px 以下

サイズ 横幅 100 px × 縦幅 100 px

設定方法

チェックする

変更する画面横幅をチェックしてください。

横幅・縦幅を入力

数値を入力してください。

サムネイルセット

表示に利用するサムネイルをセットしています。

• サムネイルサイズを正方形で [ 151 px ] 以上にしたときは [ thumb200 ] を選択すると画像が綺麗に表示されます
• サムネイルサイズを長方形にしたときは [ large または medium ] を選択すると画像全体が表示されて収まりが良くなります