Infoモジュールの編集方法 - hbm-HR

『サムネイル画像を表示する』からチェックを外し、
記事一覧モジュールのclass名を『hatena-module-custom-squareLink』とすることで、
このレイアウトが適用されます。

背景を変更する

管理画面 > [デザイン] > [デザインCSS] にて設定を行います。

/* サイトカラー */
:root {
　--btn-bg:  #xxxxxx;/* 「説明会」「Info」のボタン背景 */
...
}

#xxxxxxの部分をurl('画像URL') とすることで画像の指定も可能です。
画像を使用する場合は、ファイルアップローダーや貴社サーバーにて画像素材をアップロードし、画像URLを取得してください。

画像を使用する場合は幅:高さ= 1 : 1 の縦横比のものを使用してください。（推奨サイズ 幅600px：高さ600px）

『説明会リンク』のボタン背景色と共通のため変更する際はご注意ください。

特定のカテゴリの最新記事をこのモジュールに表示する場合

管理画面 > [デザイン] > [トップページメインカラム]  > [info]にて設定を行います。

[カテゴリー]にて表示するカテゴリーを選択できます。

他項目については『「最新記事」を表示する』を参考にしてください。

『サムネイル画像を表示する』からチェックが外れていることを確認してください。

記事の表示順を変更する

投稿日が新しい順に表示されます。
表示順を変更するには、管理画面 > [記事の管理] から対象記事を選択し、 [編集オプション]  > [投稿日時]にて記事の投稿日を変更してください。

表示する記事をHTMLで選択する場合

管理画面 > [デザイン] > [トップページメインカラム]  > [Info(HTML設定)]にて設定を行います。

HTMLを適宜編集してください。
表示数の増減は、下記HTMLli～/liタグの塊を増やす、または減らすことで変更することが可能です。

<li class="urllist-item">
  <a class="urllist-title" href="遷移先URL">
    リンク文言（日本語表記）
    <span class="item-text-en">リンク文言（英語表記）</span>
  </a>
</li>

公開時にはモジュールタイトル『Info（HTML設定）』を適宜変更してください。

モジュールを復活させたい

HTML設定版の本モジュールを削除後に復活させたい場合の手順を解説します。

1. [モジュールを追加]からHTMLモジュールを追加

2. 下記のHTMLを貼り付ける

<ul class="hatena-urllist">

<li class="urllist-item">
  <a class="urllist-title" href="遷移先URL">
    リンク文言（日本語表記）
    <span class="item-text-en">リンク文言（英語表記）</span>
  </a>
</li>

<li class="urllist-item">
  <a class="urllist-title" href="遷移先URL">
    リンク文言（日本語表記）
    <span class="item-text-en">リンク文言（英語表記）</span>
  </a>
</li>

<li class="urllist-item">
  <a class="urllist-title" href="遷移先URL">
    リンク文言（日本語表記）
    <span class="item-text-en">リンク文言（英語表記）</span>
  </a>
</li>

</ul>

3. [高度な設定] を開き、class名に『squareLink』と設定する