ゆるくはじめるWordPress.

レスポンシブ

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

responsive-table-top
2016-2-15

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

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

bread-crumb-top
2016-2-13

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

テーマをレスポンシブにするためのCSSの書き方【WordPressテーマ作り STEP2】

responsive-css
2016-1-18

前回の1.テーマをレスポンシブにするためのHTML5の書き方から引き続いてCSS編です。HTMLをCSS3のメディアクエリでレスポンシブにしていく方法を書いていきたいと思います。 CSSのリセットとNormalize.c...

テーマをレスポンシブにするためのHTML5の書き方【WordPressテーマ作り STEP1】

responsivedsign
2016-1-17

PC、タブレット、スマホなど様々な画面サイズのデバイスでの表示を1つのHTMLファイルで対応できるよう、HTMLとCSSを書いていきます。まずはHTML編。 今から作るならHTML5でよいと思うので、HTML5を使ってで...