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