WEB制作– category –

WordPress をインストールする場合、ルートのディレクトリにファイルを置くとごちゃごちゃするため、wp/ や blog あどのディレクトリにまとめて設置したい場合があると思います。 例サイトのURLは、https://sample.comWordPressのアドレスは、https://samp...

モバイル表示の際に表示するシンプルなスマホナビゲーション（ドロワーメニュー）の実装サンプルです。 ハンバーガーアイコンをクリックすると、ドロワーメニューが表示されるナビゲーションです。アイコンクリック時は、×にマークに変化するアニメーショ...

CKEditor4はデフォルトでは、文字色と文字背景の選択ができないようです。そのため、colorbuttonのプラグインを追加する必要があります。 プラグインダウンロードページ https://ckeditor.com/cke4/addon/colorbutton 下記をconfig.jsに追記し、プラグイン...

CKEditorで、ボタンなどをドラッグアンドドロップしてしまうと、意図しないコードが入り、コンテンツが表示されなくなったりなどの事故が発生することがあります。 事故防止のために、ドロップを禁止にする方法です。 CKEditorのconfigに下記を追加します...

画像のリンクが存在しない場合に画像を表示しないようにするには、imgのHTMLタグに、「 onerror="this.style.display='none';" 」を追加するだけでシンプルで簡単に表示されないようにできます。 HTML + CSSで、画像のリンクが無効な場合、スタイルで非表...

bxSliderでスライドが1枚しかない場合にスライドショーを無効にする方法です。 スライダーを実行する前にスライドの数をチェックし、1枚しかない場合にはbxSliderの初期化をスキップすることで、1枚のみの場合に、スライダーを無効にできます。 【HTMLの構...

WordPressの投稿画面などに編集画面へすぐにアクセスできるように「編集」ボタンを設置したい場合があります。 WordPressの管理画面にログインしていたら、上部にバーが表示され、「編集」の項目が表示されるのですが、場合によっては、特定の場所に設置し...

CSSの「transition」プロパティを使用して、要素の幅を0pxに変化させたいときに、完全に0にならずに、少し残ってしまう場合があります。 原因として、border などを指定している場合があります。 【元のCSS】 [crayon-6840bba1291dd909836220/] border:0;...

WordPressのブロック「カラム」で、カラム内の子要素間の隙間を削除する場合の対処方法です。特にスマートフォン表示にしたときに、気になる場合が多いです。 子要素のmargin や paddingを「０」にしても変わらない場合は、おそらく「.wp-block-columns」...

一つのDIV要素などに複数の背景を指定したい時ってありますよね？ 例えば、四隅にそれぞれ違う画像を配置する場合などです。 CSSでは複数の背景画像の指定も可能です。下記の場合は、3つの画像を指定しています。 [crayon-6840bba129f21749950700/] backgr...