Ver.1.xx から Ver.2.00以降へのバージョンアップについて

Ver.2.00以降は以下の機能が追加されています。

・ウィジェット追加エラー時にタイトル、説明が消えないように修正
・過去30日の人気記事表示ウィジェットを追加
・カテゴリごとに記事の並び順を指定できる項目を追加
・記事に含まれる画像のサムネイルをカテゴリごとに表示できる機能を追加
・記事にformタグを追加できるよう改良
・スマートフォンにPCサイトを表示させる設定項目を追加

サムネイル機能


Ver.1.xx からバージョンアップしただけではサムネイルが表示されません。

テンプレートの編集(または再読み込み)とスタイルシートの編集が必要になります。

(※スタイルシートは編集が不要になるようにデザインに順次適用していく予定です。)

手順1:テンプレートを編集する方法(独自編集した方用)


テンプレートの編集をしていない方は次の「テンプレートを再読み込みさせる方法」の方が簡単ですのでおすすめします。

テンプレートを独自に編集された方は以下の方法に従ってテンプレートを編集保存してください。

まず以下の手順でカテゴリテンプレートを読み込んで下さい。
管理画面 ⇒ デザイン ⇒ テンプレートの編集 ⇒ PC:カテゴリページ [読み込み]

テンプレート内で以下の場所を検索してください。
<$ENTRY_CONTENT$>


この部分を次のように置き換えて保存してください。
<CSM2ThumbnailExists><div class="thumb"><img src="<$THUMBNAIL_URL$>" class="topics-img" /></div></CSM2ThumbnailExists><$ENTRY_CONTENT$><div style="clear:both;"></div>


手順2にお進みください。

手順1:テンプレートを再読み込みさせる方法(一般用)


テンプレートを編集していない方は以下の手順でカテゴリテンプレートを読み込んで保存してください。

管理画面 ⇒ デザイン ⇒ テンプレートの編集 ⇒ PC:カテゴリページ [読み込み] ⇒ [標準のテンプレートを読み込む] ⇒ [テンプレートを保存]

手順2:スタイルシートの編集


まず、以下のページを開いてください。

管理画面 ⇒ デザイン ⇒ デザインの変更 ⇒ CSSの編集

編集画面を一番下までスクロールさせて以下を追加して保存してください。

.thumb {
width: 130px;
height: 79px;
padding: 3px;
-webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.5);
box-shadow: 0 0 5px rgba(50, 50, 50, 0.5);
background-color: white;
float: left;
margin-right: 15px;
}

.thumb img {
width: 130px;
height: 79px;
}