- 2020.10.22
- Googleツール活用,
ChromeでHTMLとCSSの検証をするやり方
GoogleのChromeではWebサイトをブラウザに表示するためのHTMLと、ページのデザインに必要なCSSをChromeのブラウザで検証ツールを使用して検証ができます。 Chr […]
shu
1/15ページ
- 2020.10.17
- CSSの書き方,
CSSで隙間ができる原因をいくつか解決してみる
CSSでHTMLページ全体やコンテンツのレイアウトを組んでデザインするとき、意図しない謎の隙間や余白ができてしまい悩むことがあります。 特にCSSコードの記述量が増えていくと原因を […]
- 2020.10.13
- WordPress関数,
WordPress 最近の投稿5件を取得して1件目だけ表示を変える
WordPressで最近の投稿5件をループで取得するときのやり方と、5件取得したうちの1番新しい最新記事1件目だけ表示を変えられるようにするやり方を試してみました。 最近の投稿5件 […]
- 2020.10.08
- HTMLの基礎,
HTMLのdetailsで折りたたみできる要素を作成する
HTMLのdetailsは簡単な記述で折りたたみできる要素を作成して展開表示することができるイケてるタグらしいとの情報を今さら見つけました。 HTMLのdetailsをどのような使 […]
- 2020.10.05
- WordPress関数,
WordPressにカスタムヘッダーの機能を追加して画像を表示する
WordPressでカスタムヘッダーの機能を追加すると、サイトのヘッダーなどに使用する画像を管理画面の外観からアップロードして表示することができるようになります。 わざわざテーマの […]
- 2020.09.29
- CSSの書き方,
CSSで目次を開閉できるようにデザインする
CSSで目次を開閉できるようにしてみました。 最初は目次を閉じた状態にしておき、ボタンをクリックしたら目次リストが表示と非表示で切り替わる開閉式のデザインです。 CSSで目次を開閉 […]
- 2020.09.25
- HTMLの基礎,
HTMLで目次を作成してCSSでデザインする
ブログに目次があると、記事を読みに来てくれた方が最初に目次をみることで、どんな内容のことが書いてあるのかページ概要を把握できます。 検索ユーザーは少しでも早く自分の悩みに一致する情 […]
- 2020.09.21
- WordPress初心者,
WordPressが自動生成する画像ファイルの保存場所
WordPressで画像の保存場所がどこにあるのか覚えると共に、WordPressが画像の保存場所に自動生成する仕組みについても画像設定を理解することで知識が深められるように記事に […]
- 2020.09.16
- CSSの書き方,
CSSで背景をチェック柄で透過したデザインにするやり方
CSSでチェック柄の背景デザインをするやり方を説明します。 チェック柄のデザインにするために使用するCSSのプロパティや値の使い方、そして画像の上にチェック柄の背景を透過して表現す […]
- 2020.09.12
- HTMLの基礎,
マークアップとは何か？HTMLで練習しながら理解する
HTMLの勉強を始めたときに「マークアップってそもそも何？」の疑問をいまいちピンこないままHTMLを使い始めたのを思い出しました。 今さらですが私なりにマークアップとは何かまとめま […]
- 2020.09.08
- WordPress初心者,
WordPressのローカル環境に本番サイト環境を複製してテストする
WordPressのローカル環境を作成してから、本番サイトで使用しているWordPressのテーマやプラグイン、投稿や画像などを同じにした環境をローカル環境に複製してみました。 W […]
- 2020.09.04
- CSSの書き方,
CSSのnth-childとnth-of-typeの違いを覚える
CSSのnth-childとnth-of-typeの擬似クラスは要素を特定する仕方が似ているので違いを覚えておかないと、思った通りの要素にスタイルが反映されない問題に悩まされること […]
- 2020.09.01
- Googleツール活用,
Google Fontsの使い方を覚えてウェブサイトに読み込む
Google Fontsの選び方や読み込むコードの取得、WebサイトへのGoogle Fontsの読み込み方などを一連の流れにした使い方で覚えておこうと思います。 ウェブサイトはH […]
- 2020.08.28
- WordPress初心者,
WordPress 記事内に広告を表示するときの貼り方
WordPressの記事内に表示したい広告の準備はできたけど、いざ広告を貼ろうとしたらWordPressのどこから記事内に表示するのか貼り方が分からない。 WordPressを始め […]
- 2020.08.25
- CSSの書き方,
CSSの擬似クラスnth-child系の使い方を覚える
CSSでデザインするときの参考に他の人のCSSを見ると、擬似クラスのnth-childを使用してることも多いので「きっとnth-childは便利なのだろう」と単純に考えた結果、CS […]
- 2020.08.20
- HTMLの基礎,
ヘッダーのロゴを無料ソフトを使用して作成する
ヘッダーに配置するロゴの作成を簡単に作成してばかりいたのでロゴジェネレータに頼らずにロゴ作成をすることにしました。 ロゴ作成は素人以下の実力を持つ私なので高機能すぎるソフトではなく […]