Hazu Labo

HTML で文章を書く際、width を無視して要素がはみ出る場合の原因について、基本の基本に立ち返って、まとめてみたいと思います。

WordPressサイトのサーバー移転って、普通にするとなると、結構、時間も手間もかかるんですよね。「All-in-One WP Migration」を利用すればスムーズに移転できます。簡単 ＆ 速い ＆ 内部リンク自動書き換え と、素晴らしいです。

投稿記事をカテゴリー毎、タグ毎に、一覧を表示させるプラグイン「List Category Posts」。簡単なショートコードで一覧を作れます。ショートコードの基本的な書き方の説明です。

WordPressでは、投稿記事、固定ページ、カテゴリー、タグに、それぞれIDが振られています。プラグインを利用する時や、PHPで所定の記事だけを処理したい場合など、このIDを利用することになります。それぞれのIDの調べ方をまとめました。

1～3回で Flexbox について説明してきました。今回は、まとめとして、Flexコンテナ（親要素）とFlexアイテム（子要素）、それぞれに記載するプロパティを図にして、またプロパティを一覧にしてみました。

Flexアイテム（子要素）に指定するプロパティのまとめです。 flex-grow, flex-shrink, flex-basis, flex（ショートハンド）, align-self, order

Flex コンテナー（親要素）の親要素に指定するプロパティのうち、justify-content、align-items、align-content についての説明です。

並列、縦列レイアウトの切り替えがシンプルなコードで行える Flexbox が使いこなせると、レスポンシブデザインが簡単にできますね。Flexbox の基本の記述方法、Flex コンテナ（親要素）に指定するプロパティ、flex-direction、flex-wrap、flex-flow の説明です。

WordPressの最近のテーマは大概、メニューなどレスポンシブ対応で、自動でドロップダウン式に切り替わるようになっていますが、古いテーマを利用するとか、手書きで書く場合など、使えるかなと思って、レシピ的にメモしておきます。ドロップダウンメニューはCSSだけでも実現できますが、今回はjQueryです。

WordPressって、割合頻繁にアップデートされるんですよね。テーマもアップデートされるので、テーマ内のファイルを直接カスタマイズしていた場合、書き込んでいたものがすべて消えてしまった！なんて悲しいことになってしまいます。そんなことが起こらないように、初めにカスタマイズ専用の「子テーマ」を作成します。