こんにちはクリアメモリです！ 今回は、WordPressの有料テーマ「Diver」を高速化する方法について紹介します。 この記事で対策するのは、PageSpeedInsightsに表示される「ウェブ...

今回は、GoogleChromeの「デベロッパーツール」を使って、要素にマウスカーソルが乗ったとき（hover時）やボタンをクリックしているとき(active時）を実行する方法について紹介します。「ド...

今回は、WordPressで「ビジュアルエディタのCSS」をカスタマイズする方法について紹介します。 記事ページだけでなく記事編集ページでも同じCSSを使うことで、公開後の見た目を意識しながら記事を...

今回は、はてなブログの記事内スクロールを「滑らか」にする方法について紹介します。 以前紹介したような「記事の途中まで飛ばすリンク」や「目次をクリックした時のスクロール」で使えると思います。 名称は「...

今回は、はてなブログで「クリックすると記事の途中まで飛ばすアンカーリンク」を使う方法について紹介します。 記事内に「〇〇まで進む」というようなリンクを設置することで、読者の方は自分に不要な部分を飛ば...

今回は、はてなブログ カスタマイズ記事のまとめです。 これまでに紹介してきたレイアウトやデザインカスタマイズ系の記事が増えてきたため、一覧ページを作ってみることにしました。 実際の動作と合わせて紹介...

今回は、はてなブログで「トップに自動スクロールするボタン」を設置する方法について紹介します。 このボタンをクリックすることで、ページの一番上までスクロールさせることができます。 記事のボリュームが大...

今回は、「はてなブログで中央寄せの記事を書く方法」について紹介します。 CSSを使わずに実装もできるので簡単です。 また、「記事ごとに中央寄せ」を設定したい時にも使えるのでチェックしてみてください。...

  今回は、CSSを使って「特定のsrcを持つ画像」だけ見た目を調整する方法を紹介します。 特定のドメインだけ見た目をカスタマイズしたり、任意の文字列が入っていれば調整できました。 WordPres...

今回は「はてなブログでテキストにグラデーションをかける方法」を紹介します。 ほぼコピペOKでテキストの見た目をカスタマイズ可能です。 また、今回紹介するCSSを応用すれば、はてなブログ以外でも利用で...

今回は、はてなブログで設置したテキストを縁取りする方法について紹介します。 1行の簡単なCSSを追加するだけで、簡単に縁取られたテキストにすることができます。 白背景の中で、明るい色のテキストを目立...

今回は、以前紹介した「はてなブログの記事下にフォローボックスを設置する方法」のス マホ版について紹介します。 基本的な設置方法はPC版とほぼ同じ。 指定するCSSを変更しただけの簡単なカスタマイズな...

今回は「はてなブログ」のマークダウンモードで記述した「引用」を、部分的に右寄せで表示させる方法を紹介します。 ”〇〇より引用”みたいな行だけを右寄せにすることで、引用元がわかりやすくなりますし、設定...

今回は「はてなブログのアンダーラインをカスタマイズする方法」をまとめてみました。 過去に紹介してきたアンダーラインの設定方法とコードの例を合わせて紹介します。 アンダーラインの見た目は、CSSだけで...