今、申し込めるWordBench岐阜のイベントはこちら!

定例WordPress講座 – HTML&CSS編

講座に使用した資料

HTMLの基本

無料で学習できるのでドキュメントを参考にしてみる。

書籍を参考にしてもよい。

CSSの基本

CSSを実際に書いてみよう!

CSSを追加する方法

  • 子テーマを制作して追加する
  • カスタムCSS機能を利用する(WordPress4.7以降)

CSSの書き方いろいろ〜1〜デモテンプレート

See the Pen CSS Writing Demo for WordBenchGifu vol.8 by OleinDesign (@OleinDesign) on CodePen.

CSSの書き方いろいろ〜2〜デモテンプレート

See the Pen CSS Selector Demo for WordBenchGifu vol.8 by OleinDesign (@OleinDesign) on CodePen.

CSSの詳細度を体験してみよう!デモテンプレート

See the Pen Level of Detail Demo for WordBenchGifu vol.8 by OleinDesign (@OleinDesign) on CodePen.

【番外】代表的なエディタの紹介