CSS 【CSS】transitionでwidthを変化させたい時に幅が 0px にならない
CSSの「transition」プロパティを使用して、要素の幅を0pxに変化させたいときに、完全に0にならずに、少し残ってしまう場合があります。原因として、border などを指定している場合があります。元のCSSborder:0; にして...
KUMA NOTE
CSS 
WordPress WordPressのカラムブロックでの余白を削除する
WordPressのブロック「カラム」で、カラム内の子要素間の隙間を削除する場合の対処方法です。特にスマートフォン表示にしたときに、気になる場合が多いです。子要素のmargin や paddingを「０」にしても変わらない場合は、おそらく「...
CSS CSSでひとつの要素に複数の背景を指定する
一つのDIV要素などに複数の背景を指定したい時ってありますよね？例えば、四隅にそれぞれ違う画像を配置する場合などです。CSSでは複数の背景画像の指定も可能です。下記の場合は、3つの画像を指定しています。background-imageで指定...
WordPress 【WordPress】テンプレート内に特定のカテゴリーに属する記事のループを記載する
WordPressのテンプレート内で、特定のカテゴリーの記事のループを出力する方法です。記事のタイトル（リンク付き）と記事本文を出力しています。
マウス トラックボールマウス「M575」使って分かったなるほど感
トラックボールマウスが超オススメということでLogicool（ロジクール）のM575を購入してみました。かなり遅くなったのですが、購入から2年ほど経ってしまったのですが、使用感等をレビューします。まずはじめて使用した感想は、「使いにくい！」...
dreamweaver VS Code で一行消したり、選択行を下にコピー（複製）したり
コーディングは、メインでDreamweaverを使用しているのですが、動作が重かったり、コードが表示されず、真っ白になったりと不具合が多数あるので、動作が軽快なVS Codeを使用する機会が増えてきました。Dreamweaverでは、行を削...
CSS 絶対配置（position: absolute;）の要素を中央配置にする方法
親要素に対して、縦横（上下左右）を中央に配置する方法です。topとleftを50%に設定し、子要素（絶対配置されている要素）をtransformのtranslate(-50%, -50%)で調整します。こうすることで、要素が中央に配置されま...
CSS CSSのdisplay: inline-block を指定している要素を中央寄せにする方法
CSSの要素に「display: inline-block 」を指定していて、中央寄せにする場合、” text-align: center; ”や ” 左右のmarginをauto （ margin:0 auto; ）にしても中央寄せになり...
ChatGPT AI ライティングサービスで作成したブログ記事は使用できるか？
Caht GPTが公開されてから、さまざまなAI ライティングサービスが、出てきています。とても興味があったので、ある有料のAI ライティングサービスを契約してみて、試してみました。結論から言いますと、生成された記事はそのままでは、ブログ記...
WordPress WordPressで特定の固定ページをテンプレート内で出力する
WordPressで特定の固定ページのコンテンツを表示したいときは、get_post()を使用したコードを、使用中のテーマのテンプレートに記載することで、出力ができます。以下は、ページIDを使用した特定の固定ページのコンテンツを表示する基本...