Twenty Thirteenの画面レイアウトを設計

WordPressの公式テーマ「Twenty Thirteen」をカスタマイズして、カテゴリ別記事中心のサイトを構築します。「Twenty Thirteen」の特徴を活かして、画面レイアウトを設計します。 はじめに Wo … 続きを読む Twenty Thirteenの画面レイアウトを設計



Twenty Thirteenのデザイン変更時に表示確認

「Twenty Thirteen」で、デザインを変更した場合の表示確認のポイントを整理します。 はじめに 「Twenty Thirteen」で、デザインを変更した場合の表示確認のポイントを整理します。 ・画面の種類別 ・ … 続きを読む Twenty Thirteenのデザイン変更時に表示確認


Twenty Thirteenをメニューからカスタマイズ

Twenty ThirteenをWordPressのメニューからカスタマイズします。 はじめに Twenty ThirteenをWordPressのメニューからカスタマイズします。WordPressのメニューからは、以下 … 続きを読む Twenty Thirteenをメニューからカスタマイズ


Twenty Thirteenの画面の幅を調整

「Twenty Thirteen」は、デフォルトの画面の幅が狭く感じます。画面の幅を広げて記事の表示スペースを広くします。 はじめに 「Twenty Thirteen」の画面の幅を「100px」広げて記事の表示スペースを … 続きを読む Twenty Thirteenの画面の幅を調整


Twenty Thirteenのフォントを等幅フォントに変更

ICT関連の記述では、等幅フォントを使用すると、表示位置を揃えて簡易的な表組みを作成したりと便利なことあります。ICT実験室では、本文を記載する際に等幅フォントを使用します。 はじめに 「Twenty Thirteen」 … 続きを読む Twenty Thirteenのフォントを等幅フォントに変更


Twenty Thirteenの段落のマージンを調整

「Twenty Thirteen」では、見出しと段落の開始位置が同じであるため、見にくいと感じることがあります。段落および「Preformatted Text」のマージンを調整して、段落の開始位置を見出しより内側になるよ … 続きを読む Twenty Thirteenの段落のマージンを調整


Twenty Thirteenのヘッダーをカスタマイズ

「Twenty Thirteen」のヘッダーをカスタマイズします。 はじめに 「Twenty Thirteen」のヘッダーをカスタマイズします。 ・ヘッダーの高さを変更 ・サイト名の表示を調整 ・サイト説明(キャッチフレ … 続きを読む Twenty Thirteenのヘッダーをカスタマイズ


Twenty Thirteenのメニューをカスタマイズ

「Twenty Thirteen」のメニューをカスタマイズします。 はじめに 「Twenty Thirteen」のメニューをカスタマイズします。 メニューの高さを変更 スタイルシート(style.css)でメニューの高さ … 続きを読む Twenty Thirteenのメニューをカスタマイズ