- 2020.03.31
- HTMLの基礎,
HTMLの「viewport」とは設定をどのようにすればいいのか覚える
HTMLでWebサイトを作成した表示をスマホで確認すると、全体的にコンテンツが小さくて見づらい。Webサイトを小さいスマホ画面で見やすく表示するためのレスポンシブ化が不足してること […]
5/16ページ
- 2020.03.27
- WordPress関数,
WordPress トップページのみに条件分岐する場合のやり方
WordPressのトップページのみに何かのコンテンツを表示したい場合には、WordPressで用意されてる条件分岐タグを使用することでトップページ判定をすることができます。 Wo […]
- 2020.03.21
- HTMLの基礎,
iPhoneでHTMLソースを表示するアプリを使用して見る
iPhoneでHTMLソースを表示することができるアプリを見つけたのでインストールして使用して見ることにしました。 PC環境がない場合にiPhoneだけあれば自分のサイトや色々なW […]
- 2020.03.17
- CSSの書き方,
CSSでフッターのメニューを横並び3列でデザインする
CSSでフッターのメニューを横並びにしてデザインしてみました。 CSSで実現したいことはメニューリストを横並びではなく、メニュー自体を横並びにするフッターのメニューです。 ulやo […]
- 2020.03.13
- HTMLの基礎,
Font AwesomeのアイコンをHTMLとCSSで表示する
Font AwesomeはWeb上のアイコンをアイコンフォントという文字として表示することができる商用利用が可能なツールです。 Font Awesomeの無料で使用可能なアイコンだ […]
- 2020.03.10
- CSSの書き方,
CSS 結合子でセレクタを入れ子にする書き方
CSSのセレクタ指定には、親要素と子要素を組み合わせて繋ぐことができる結合子を付けたセレクタの指定ができます。 CSSのセレクタを指定するとき使用する、クラスセレクタやidセレクタ […]
- 2020.03.07
- WordPress関数,
WordPress フィルターフックの使い方を理解する
WordPressのフックの種類にあるフィルターフックの使い方を、アクションフックの使い方を覚えた後に理解してみました。 WordPressのコアを直接いじることなく何かアレンジを […]
- 2020.03.02
- WordPress関数,
WordPress アクションフックの使い方を覚える
なんとなくアクションフックを使えるレベルの中の人が、WordPressのアクションフックの使い方を基本的なことから理解できるように覚え直そうとする投稿です。 アクションフックはWo […]
- 2020.02.27
- CSSの書き方,
CSSとHTMLでアコーディオンメニューの作り方を勉強する
アコーディオンメニューの作り方を覚えたくなったので勉強してみました。 labelのボタンでinputのチェックボックスと連動したり、checkedでアコーディオンメニューをクリック […]
- 2020.02.22
- HTMLの基礎,
HTMLで表示と非表示の切り替えをクリックでできる要素を作る
HTMLで表示と非表示の切り替えをできるように要素を組み立て、チェックボックスと連動するボタンをクリックしたら、組み立てた中の要素で文字や画像が表示と非表示に切り替わる、折りたたみ […]
- 2020.02.19
- WordPress設定,
WordPress カスタムメニューの設定を管理画面で操作する手順
WordPressのカスタムメニューを管理画面のメニューで設定する場合はどのような手順で設定していけばいいのか説明します。 メニュー項目を追加したり、メニューの並び替えや階層を持た […]
- 2020.02.16
- CSSの書き方,
CSSのbeforeとafterとcontentで要素の前後にコンテンツを表示する
CSSではbeforeとafterとcontentを記述して使うことで、HTMLでマークアップした要素の前後にCSSだけでコンテンツを表示することができます。 今まで真面目にCSS […]
- 2020.02.12
- HTMLの基礎,
HTMLでclassを複数指定するときはスペースがポイント
HTMLで一つの要素にclass属性の属性値(クラス名)を一つだけではなく複数指定することができます。 HTMLでclass名をふたつ以上同一要素に指定したり、入れ子になった要素で […]
- 2020.02.09
- WordPress関数,
WordPressのwp_nav_menuに使用するパラメータの使い方
WordPressを使用したサイトにカスタムメニューやナビゲーションメニューを表示するにはwp_nav_menuでテーマに設定したメニューを表示します。 表示したメニューにはwp_ […]
- 2020.02.04
- WordPress関数,
WordPressにカスタムメニューを表示するための機能追加方法
WordPressにはカスタムメニューという機能があります。カスタムメニューはナビゲーションメニューとも呼ばれていますが、WordPressではどちらもメニュー機能のことを言います […]
- 2020.01.31
- WordPress設定,
WordPress カスタムメニューのliタグにclass名を追加する
WordPressのカスタムメニューをregister_nav_menuで呼び出すことでテーマ機能を追加してからwp_nav_menuでカスタムメニューをサイトに表示すると、表示し […]