ゆるくはじめるWordPress.

CSS

CSSでWordPress Popular Postsに順位を表示!

wpp-ranking-top
2016-2-18

ブログ記事の閲覧数を集計してランキング表示してくれる便利なプラグイン『Wordpress Popular Posts』。それをさらにランキングらしくするためにCSSで順位表示ができるようにしてみました。少しCSSを書き足...

カスタムメニューに投稿数を表示させたい時のためのメモ

post-count-top
2016-2-16

カスタムメニューはデフォルトでは該当のカテゴリーに何件記事が投稿されているかは表示してくれません。表示するためにはコードを書き加える必要があるのですが、先日その記述が書かれたサイトを発見したので、今回はそのコードを使って...

CSSだけでレスポンシブなテーブルデザイン3種

responsive-table-top
2016-2-15

レビュー記事や店舗情報など、ちょっとした情報を載せる時にも便利なtableでの表組。でもスマホの小さな画面でで表示すると見づらかったり崩れたりしてしまう事もありますよね。そんな時のためにレスポンシブデザインでも見やすく使...

レスポンシブなパンくずリストをプラグイン無しで実装

bread-crumb-top
2016-2-13

記事の場所を分かりやすく伝える事ができるパンくずリスト。記事ページにだけでも入れておきたいなと思う事もありますよね。そんな時プラグイン無しで、テンプレートタグを使って実装する方法をメモしておきたいと思います。 さらにレス...

コピペで使える!シンプルなボックスデザインCSS

note-top
2016-2-12

ブログ記事中に注釈や一言コメント的なものを入れたい時に使えるような、ちょっとした装飾付きのボックスのデザインをCSS付きでいくつか載せました。 どれも幅の可変に対応できるデザインなので、レスポンシブなサイトでも利用できま...