ゆるくはじめるWordPress.

UTF-8のBOMが原因で起こるエラーとその対処法

character-code-top

私が最初にWordPressのテーマを作った時、文字コードを正しく指定しなかった事が原因で色々とエラーを出してしまいました…。私以外にも同じような経験をする方がいるかもしれないので、その時の内容と対処法をメモしておきたいと思います。いざという時焦らないためにも、前知識として知っておいてもいいかもしれません。

続きを読む

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

post-count-top

カスタムメニューはデフォルトでは該当のカテゴリーに何件記事が投稿されているかは表示してくれません。表示するためにはコードを書き加える必要があるのですが、先日その記述が書かれたサイトを発見したので、今回はそのコードを使ってカスタマイズする方法をCSSとあわせてメモしておきたいと思います。
サイドメニューを作る場合なんかに役立つと思うので、そんな時の参考にどうぞ!

続きを読む

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

responsive-table-top

レビュー記事や店舗情報など、ちょっとした情報を載せる時にも便利なtableでの表組。でもスマホの小さな画面でで表示すると見づらかったり崩れたりしてしまう事もありますよね。そんな時のためにレスポンシブデザインでも見やすく使えるtableのサンプルコードを3つまとめました。
デザインやメディアクエリの指定をお好みで変更してお使いください。

続きを読む

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

bread-crumb-top

記事の場所を分かりやすく伝える事ができるパンくずリスト。記事ページにだけでも入れておきたいなと思う事もありますよね。そんな時プラグイン無しで、テンプレートタグを使って実装する方法をメモしておきたいと思います。
さらにレスポンシブデザインにも取り入れやすいよう、ウィンドウサイズが変わってもデザインを崩さないCSSもあわせて載せておきました。参考にどうぞ。

続きを読む

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

note-top

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

続きを読む