カテゴリー
CSS HTML jQuery Webサイト作成

タブ表示

こんにちは、エムケーワイです。 投稿ページ作成の際、画像のファイルサイズをより小さくするために使っているEWWW Image Optimizerの設定画面は、下図のように設定項目がタブで分けられています。 タブはどのよう […]

カテゴリー
CSS Webサイト作成

斜め方向のグラデーション

こんにちは、エムケーワイです。 最近テレビでとあるワイドショーを観ていて、使われているパネルの見出しのデザインがちょっといいなと思ったので、h2のCSS設定を同じ感じになるよういじってみました(とりあえずこのページだけ。 […]

カテゴリー
CSS HTML jQuery Webサイト作成

CSSアニメーション

こんにちは。エムケーワイです。 先日、北海道、首都圏4都県、近畿3府県を除く全国39県で新型コロナウイルスによる緊急事態宣言が解除されました。 そして本日(2020年5月21日)近畿3府県でも解除されたことを受け、ちょっ […]

カテゴリー
Twenty Twenty Webサイト作成 WordPress

ページの読み込みを高速化する(おまけ)

先日「ページの読み込みを高速化する」を投稿しましたが、今回はそのおまけです。 EWWW Image Optimizerから特典をもらったというお話と、Twenty Twentyをアップデートしたというお話です。 EWWW […]

カテゴリー
CSS jQuery PHP Webサイト作成 WordPress

ページの読み込みを高速化する

こんにちは、エムケーワイです。 今回は趣向を変えてページ読み込みの高速化について書いてみようと思います。 SEOにはページ読み込みの速度も重要という事で、「PageSpeed Insights」でトップページの読み込み速 […]

カテゴリー
CSS HTML jQuery Webサイト作成

画像の表示方法あれこれ

いろいろなWebサイトで、スクロールしていくと画像がフェードインしてきたり、上下左右からスライドしながら出現したりするのを見かけます。 実現方法をネットで調べると、例えばX方向にスライドしながら出現させる場合は、 CSS […]

カテゴリー
CSS HTML jQuery PHP Webサイト作成 WordPress

カルーセルスライダー

今回は複数の画像が順次横にスライドして表示されるカルーセルスライダーを実装してみました。 と言っても初心者が自力で1から実装するには甚だハードルが高いのでプラグインの力を借りました。 ネットで調べてみたところ、&#822 […]

カテゴリー
CSS jQuery Twenty Twenty Webサイト作成

Twenty Twenty「上へ↑」を固定する

エムケーワイです。 今回はTwenty Twentyでフッターに表示される「上へ↑」(ヘッダーへのリンク)の固定表示にトライします。 お陰様で本サイトの投稿数が10件を超えたのですが、備忘録という事で画面のキャプチャ画像 […]

カテゴリー
Twenty Twenty Webサイト作成 WordPress

Twenty Twenty見た目の修正

本サイトではWordPressのテーマとしてTwenty Twentyを使っていますが、初期状態では文字が全体的に大きい、本文表示エリアの幅が狭い、と感じたので、何点か見た目の修正を行っています。 今回はその修正の備忘録 […]

カテゴリー
Webサイト作成 WordPress

サイト公開後にやること(3)

「サイト公開後にやること(2)」の続きです。 しつこいようですが、サイトを公開すると下記の対応が必要となります。 SEO対策 アクセス解析の設置 サーチコンソールへの登録 スパム対策 「サイト公開後にやること(2)」は「 […]