今回は、「関連記事を縦表示にする方法」を紹介します。
関連記事を縦表示にする
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=”558×252″ ]
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=”537×308″ ]
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.画面最下部で保存を選ぶ