sì shí? No SUSHI!

100均工具で挑む原付2種125CC スクーター、電動キックボード HONDA Mopets and Escooter Maintainance tech and so on

seesaa_tips

Seesaaブログ:関連記事を縦表示にする

2016/09/02

今回は、「関連記事を縦表示にする方法」を紹介します。

関連記事を縦表示にする

1.管理画面上から、[デザイン]-[デザイン設定]-[選択しているテンプレタイトル]を選んで画面を表示させます。

[peg-image src="https://lh3.googleusercontent.com/-c998uyYymrY/V68rF86o0jI/AAAAAAAAALc/ejyKPyhrVOYmNiIqjqxBczoNiiDmOInhgCHM/s144-o/Design-thumbnail2.png" href="https://picasaweb.google.com/101526379577213110445/6322942118553430657?authkey=8pAeihqi8vw#6318316183475507762" caption="" type="image" alt="Design-thumbnail2.png" image_size="558x252" ]

2.下にスクロールをして、[スタイルシート編集]を選択

[peg-image src="https://lh3.googleusercontent.com/-QfY6h2WMEPs/V68rF47a3zI/AAAAAAAAALc/g6zgWrPalSExHoQwd65fAjHieJp31TqQwCHM/s144-o/style.png" href="https://picasaweb.google.com/101526379577213110445/6322942118553430657?authkey=8pAeihqi8vw#6318316182405046066" caption="" type="image" alt="style.png" image_size="537x308" ]

3.関連記事表示部分を探し、変更します。

 

変更前)

.module--category-recent-entry .recent-entry__item {
display: inline-block;
margin-right: 10px;
margin-bottom: 15px;
width: 140px;
height: 140px;

変更後)

.module--category-recent-entry .recent-entry__item {
display: block;
margin-right: 10px;
margin-bottom: 15px;
width: 140px;
height: 140px;

4.画面最下部で保存を選ぶ

-seesaa_tips