こんにちは、エムケーワイです。 本サイトの投稿ページの目次は、大見出し(h2要素)だけのシンプルな目次ですが、プラグインを使わずに作っています。 あまりにシンプルなので、せめて表示/非表示を切り替えられるようにしてみまし […]
CSS
こんにちは、エムケーワイです。 投稿ページ作成の際、画像のファイルサイズをより小さくするために使っているEWWW Image Optimizerの設定画面は、下図のように設定項目がタブで分けられています。 タブはどのよう […]
こんにちは、エムケーワイです。 最近テレビでとあるワイドショーを観ていて、使われているパネルの見出しのデザインがちょっといいなと思ったので、h2のCSS設定を同じ感じになるよういじってみました(とりあえずこのページだけ。 […]
こんにちは。エムケーワイです。 先日、北海道、首都圏4都県、近畿3府県を除く全国39県で新型コロナウイルスによる緊急事態宣言が解除されました。 そして本日(2020年5月21日)近畿3府県でも解除されたことを受け、ちょっ […]
こんにちは、エムケーワイです。 今回は趣向を変えてページ読み込みの高速化について書いてみようと思います。 SEOにはページ読み込みの速度も重要という事で、「PageSpeed Insights」でトップページの読み込み速 […]
いろいろなWebサイトで、スクロールしていくと画像がフェードインしてきたり、上下左右からスライドしながら出現したりするのを見かけます。 実現方法をネットで調べると、例えばX方向にスライドしながら出現させる場合は、 CSS […]
今回は複数の画像が順次横にスライドして表示されるカルーセルスライダーを実装してみました。 と言っても初心者が自力で1から実装するには甚だハードルが高いのでプラグインの力を借りました。 ネットで調べてみたところ、̶ […]
エムケーワイです。 今回はTwenty Twentyでフッターに表示される「上へ↑」(ヘッダーへのリンク)の固定表示にトライします。 お陰様で本サイトの投稿数が10件を超えたのですが、備忘録という事で画面のキャプチャ画像 […]
今回は画像をクリックしたら拡大画像がモーダル表示されるようにしてみます。 モーダル表示とは、何らかのアクション(例えば画像のクリック)によって別ウィンドウをページの上に表示することです。 一般的に別ウィンドウの周囲には元 […]
「スクロール時にナビゲーションメニューを固定する」は私が管理している別サイトのお話だったので、直接ナビゲーションメニューが固定される様子をお見せすることができませんでした。 そこで今回は本サイトで同じような修正を行ってみ […]