よく使うページ 一覧

横並びのデザインをもっと自由に!フレックスボックスレイアウト

2021/10/21

子要素のレイアウトを指定する ナビゲーションメニューやページネーション、並列のレイアウト等に欠かせないフレックスボックスレイアウトについてまとめてみました! 横の配置をデザインする「justify-c …

CSSで縦書き

2021/01/24

縦書き 文章を縦書きにして右から左へ流す。 縦書きの基本 文章を縦書きにして右から左へ流す。 親{text-align:right; display: inline-block;} 子{writing …

よく使うWordPressテンプレートタグ

2021/01/11

URLを出力するWordPressのテンプレートタグ phpファイルにテンプレートタグを使用することで、自動でURLを取得して表示してくれます。これでサイトURLが変わってもコードの修正をしなくても大 …

特定のページだけに表示させたい! よく使う条件分岐

2021/01/11

phpで使える便利な条件分岐 「トップページだけに表示させたい」「一覧ページだけ変更したい」 そんな時便利なのが条件分岐です。 トップページとその他 <?php if ( is_home() | …

テキストに縁や影をつける

2020/05/28

cssでテキストに縁や影をつけます。

CSS Transitionで手軽にアニメーションを取り入れたい

2019/08/09

CSSのアニメーション、Transitionに変化を追加してオンマウスで滑らかに変化させたり、押す感を出せたり。これだけでちょっとインタラクティブなサイトになりますね!