micata|記事一覧やおすすめの記事をカード形式で表示する方法

サムネイルの有無で編集先が変わります。表示するなら"popular-thumbnail-on.php"を、非表示なら"popular-thumbnail-off.php"を編集します。

スポンサーリンク

popular-thumbnail-off.php

これを下記のようにDIVのクラスセレクタで括ります。今回はクラスcardとしておきます。

コピペ用CSS編集

小テーマのスタイルシートに移ります。

/*
おすすめ記事一覧
----------------------------*/
.card {
	margin-bottom: 10px;
	padding: 10px 10px 0;
	border: 1px solid #57c4ff;
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

これでおすすめ記事一覧がカード化されて表示されます。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

Akky

会社員 ： 有限会社 宮坂整骨院

横浜で整体を生業としています。当ブログは、趣味/仕事/商品紹介/気になったことを記事にしていきます。共感するところが少しでもあれば、SNSでアクションを起こしていただけると嬉しいです。

最新記事 by Akky (全て見る)

• 新年ですね！目標が決まりました - 2017年1月13日
• STINGER PLUS+をゴリゴリのグリッドレイアウトにカスタマイズ - 2016年9月13日
• 整体でリピート率を上げる為に知っておきたいこと - 2016年5月5日