- 2021.06.19
- CSSの書き方,
CSS transitionの使い方を覚える
CSSのtransitionはHTMLでマークアップした要素に「カーソルを重ねる」といった動作をキッカケに、始点と終点の2点間のデザインをアニメーションで変化させることができるCS […]
shu
1/18ページ
- 2021.06.15
- WordPress関数,
WordPress ログイン判定をしてログイン時のみに表示する
WordPressにログインしているユーザーのみが閲覧可能なコンテンツを表示させたい場合には、ログインしてるユーザーかどうかをチェックできるWordPress関数をPHPのif文の […]
- 2021.06.11
- HTMLの基礎,
HTMLファイルにSVGで四角形の図形を表示する勉強
HTMLファイルにSVGで四角形の図形を表示する勉強をしたときのことを覚え書き程度に記事にしておくことに。 SVGについての知識がまったくない状態で勉強を始めたのですが、作りやすそ […]
- 2021.06.04
- WordPress初心者,
WordPressプラグインのマーカーアニメーションをバージョンアップする
WordPressにマーカーアニメーションの最新のプラグインファイルをインストールするだけのやり方でバージョンアップしたのですが、設定していたマーカーのセレクタが変わってしまいまし […]
- 2021.05.31
- WordPress初心者,
WordPressでマーカーを作成プラグインなしのやり方
WordPressでマーカーを記事内の文章で使用するのを目的として、プラグインなしでマーカーを作成するやり方を説明します。 マーカー自体の作成はCSSのみで作ることができるので簡単 […]
- 2021.05.26
- CSSの書き方,
CSSでマーカーを作成してカラーのセットを設定する
CSSで「基本的なマーカー」「下線のマーカー」「マーカーアニメーション」を作成しました。 文章を強調するときに蛍光ペン風のマーカーを使用したくなったのが作成の目的なのですが、作成途 […]
- 2021.05.22
- WordPress関数,
WordPressでページのURLを取得してリンクを作成する
WordPressでページのURLを文字列で取得してから、実際にWordPressに表示してみる。そして、取得したページのURLでリンクを作成するという一連の流れを覚えることにしま […]
- 2021.05.17
- HTMLの基礎,
HTMLでツールチップを表示する要素を作成する
HTMLで作成した要素内で、専門用語や略語などを使用して文章を組み立てるとき、ヒントや助言などを書いて分かりやすい文章構成にすることがあります。 しかし作成した要素にヒントや助言を […]
- 2021.05.11
- CSSの書き方,
CSS calc関数の使い方を勉強してみた
calcはcalculationの略で「計算」や「演算」といった意味です。 CSSのcalc関数の使い方はcalculationの言葉の意味と同じく、式で計算した結果をプロパティの […]
- 2021.05.05
- HTMLの基礎,
HTML timeタグの使い方を覚える
HTMLのtimeタグの使い方があまり理解ができていなかったので勉強して覚えることにしました。 HTMLのtimeタグは「datetime属性を使用した場合」と「datetime属 […]
- 2021.04.29
- WordPress関数,
WordPressに投稿の更新日を表示するやり方を覚える
WordPressに投稿の公開日を表示するやり方を覚えてから、WordPressで投稿の更新日も表示するやり方も覚えたので記事にまとめておきます。 投稿の更新日を表示するために使用 […]
- 2021.04.25
- WordPress関数,
WordPressに公開日を「表示」または「取得」する
WordPressを使用しているサイトで記事を公開した投稿の日付を公開日として表示したい場合には、WordPressの関数で簡単に公開日を表示することができます。 t […]
- 2021.04.21
- HTMLの基礎,
HTMLタグをそのまま表示するためにpreタグとcodeタグを使用する
HTMLタグをブラウザにそのまま表示したいときに、タグをHTMLファイルにそのまま記述したり貼り付けると、HTMLの開始タグと終了タグはHTMLタグとしての機能が働いてしまい表示が […]
- 2021.04.15
- CSSの書き方,
WebフォントをCSSの@font-faceで表示する方法
Webサイトに表示できるフォントはCSS2.1までは閲覧環境にインストールされているローカルフォントだけでしたが、CSS3からはサーバーに置いたフォントを読み込んで使用することがで […]
- 2021.04.11
- WordPress関数,
single.phpを作成してWordPressテーマに投稿ページを表示する
自作しているWordPressテーマのトップページに記事一覧を表示して満足していたら、リンクからページ移動しようとしたときに、投稿ページが表示できないことに気づきました。 sing […]
- 2021.04.07
- Googleツール活用,
レスポンシブデザインを確認するツールをいくつか使用してみた
Webサイトをレスポンシブデザインにして作成するときに必ずと言っていいほど確認が必要になるレスポンシブ確認。 Chromeの検証ツールでレスポンシブデザインにしたページを確認してば […]