KUMA NOTE– Author –
-
CSS
HTMLで画像がリンク切れの時(存在しない時)に画像を表示しないようにする
画像のリンクが存在しない場合に画像を表示しないようにするには、imgのHTMLタグに、「 onerror="this.style.display='none';" 」を追加するだけでシンプルで簡単に表示されないようにできます。 HTML + CSSで、画像のリンクが無効な場合、スタイルで非表... -
Javascript/jQuery
bxSliderでスライドが1枚しかない場合にスライドショーを無効にする
bxSliderでスライドが1枚しかない場合にスライドショーを無効にする方法です。 スライダーを実行する前にスライドの数をチェックし、1枚しかない場合にはbxSliderの初期化をスキップすることで、1枚のみの場合に、スライダーを無効にできます。 【HTMLの構... -
ソフトウェア
データバックアップソフト「MiniTool ShadowMaker」を使ってみた感想
【簡単にPCのデータバックアップができる MiniTool ShadowMaker】 MiniTool ShadowMakerとは? MiniTool ShadowMakerは、MiniTool社が提供するバックアップおよび復元ソフトウェアです。 MiniTool ShadowMakerは、データバックアップや同期、ディスククロ... -
モニター
LG 4K スマートモニター(SMART Monitor 32SQ730S-H)レビュー
長年使っておりました、 DELLのWQHD(2,560×1,440 )PCモニター「u2713hm」がとうとう壊れていましましたので、新たにLGのSMART Monitor 32SQ730S-Hを購入しました。 「仕事も遊びもこの1台」のキャッチコピーのように、webOS 22が搭載されていることで、Y... -
WordPress
WordPressの投稿・固定ページで「編集」ボタンを設置する
WordPressの投稿画面などに編集画面へすぐにアクセスできるように「編集」ボタンを設置したい場合があります。 WordPressの管理画面にログインしていたら、上部にバーが表示され、「編集」の項目が表示されるのですが、場合によっては、特定の場所に設置し... -
CSS
【CSS】transitionでwidthを変化させたい時に幅が 0px にならない
CSSの「transition」プロパティを使用して、要素の幅を0pxに変化させたいときに、完全に0にならずに、少し残ってしまう場合があります。 原因として、border などを指定している場合があります。 【元のCSS】 [crayon-6759323b6e822482698344/] border:0;... -
WordPress
WordPressのカラムブロックでの余白を削除する
WordPressのブロック「カラム」で、カラム内の子要素間の隙間を削除する場合の対処方法です。特にスマートフォン表示にしたときに、気になる場合が多いです。 子要素のmargin や paddingを「0」にしても変わらない場合は、おそらく「.wp-block-columns」... -
CSS
CSSでひとつの要素に複数の背景を指定する
一つのDIV要素などに複数の背景を指定したい時ってありますよね? 例えば、四隅にそれぞれ違う画像を配置する場合などです。 CSSでは複数の背景画像の指定も可能です。下記の場合は、3つの画像を指定しています。 [crayon-6759323b6f305863506766/] backgr... -
WordPress
【WordPress】テンプレート内に特定のカテゴリーに属する記事のループを記載する
WordPressのテンプレート内で、特定のカテゴリーの記事のループを出力する方法です。 記事のタイトル(リンク付き)と記事本文を出力しています。 [crayon-6759323b6f76e018440433/] -
マウス
トラックボールマウス「M575」使って分かったなるほど感
トラックボールマウスが超オススメということでLogicool(ロジクール)のM575を購入してみました。 かなり遅くなったのですが、購入から2年ほど経ってしまったのですが、使用感等をレビューします。 まずはじめて使用した感想は、「使いにくい!」でした。...