ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマSOLARIS:デモサイト「企業情報」カスタム投稿タイプの提携会社ページを作成する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.デモサイト「企業情報」カスタム投稿タイプの提携会社ページの作成方法が知りたい。

A.該当ページは、HTMLタグおよびカスタムCSSで作成しております。コードエディターにHTMLを入力いただき、ページの「カスタムCSS」欄にCSSをご入力ください。

■HTML

<div id="partner_list">
<div class="item">
<div class="image"><a href="任意のURL"><ここに任意の画像を挿入></a></div>
<p class="desc">任意の文章</p>
</div>
<div class="item">
<div class="image"><a href="任意のURL"><ここに任意の画像を挿入></a></div>
<p class="desc">任意の文章</p>
</div></div>

 
■カスタムCSS

#partner_list .item .image {
    display: block;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#partner_list .item .image:hover {
  opacity: 0.6;
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事