スポンサーリンク

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

スポンサーリンク
seesaa_tips
スポンサーリンク

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

関連記事を縦表示にする

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.画面最下部で保存を選ぶ

seesaa_tips
スポンサーリンク
スポンサーリンク
terrible3をフォローする
スポンサーリンク
sì shí? No SUSHI!
タイトルとURLをコピーしました