ガイドメニュー

wordpress

STINGER7での「記事一覧」や「NewPost」のカード化

STINGER7でのカード化する方法を記事に残します
少し味付けをするために最近ではカスタマイズをするようになってきました

STINGER7はデフォルトの状態でも十二分に機能が抜群なのですが
カスタマイズしたい人にも参考なればなと思います

CSSスタイルシートで簡単にカード化

カード化する箇所は3箇所になります

  • サイドバーのNewPost
  • 記事一覧
  • 関連記事

のこの3つになります
導入はいたって超簡単です
スタイルシーツにコピペするだけの簡単なお仕事ですよ奥さん

/*---------------------------------------*/
/* 関連記事&サイドバーの新規投稿カード化 */
/*---------------------------------------*/
.kanren .clearfix,
.kanren .clearfix:last-child {
    padding: 20px;
    background: #fff;
    border: 4px #c0ffff solid;
    position: relative;
    z-index: 10;
}

.kanren .clearfix:before{
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #c0ffff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

 

装飾したのこれ!ドドン!まずは記事一覧
Baidu IME_2016-5-6_21-18-56

NewPostのカード化
Baidu IME_2016-5-6_21-22-8

関連記事のカード化
Baidu IME_2016-5-6_21-23-15

てな感じになります

興味があればコピペしてはいかがですか?お買い得ですよ

配信はTwitch(ツイッチ)で行っています。フォローよろしくお願いします

サイト管理者のプロフィール

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

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

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-wordpress
-, , , , , , , ,