Webサイトの読み込み速度を上げるためのJavaScript / css の最適化

Webサイトの読み込み速度を上げるため、JavaScriptとcssを最適化する方法を紹介します。 cssやJavaScriptに改善の余地がある場合は、以下のサイトにURLを入力すると「次のCSS 配信を最適化してください」や「レンダリン…

お問い合わせフォームに画像認証機能を付けるWordPressプラグイン「Really Simple CAPTCHA」

ブログを運用していると、スパム対策は必ず必要となってきます。 私は「Contact Form 7」というプラグインでお問い合わせフォームを作成したのですが、日に50件ほどスパムが飛んでくるようになりました。 そのためスパム対策として画像認証…

Webサイトの高速化!!「ブラウザのキャッシュを活用する」方法

Webサイトの高速化の方法の1つとして、ブラウザのキャッシュを活用する方法があります。 プラウザのキャッシュとは、一度ダウンロードしたCSSやJSのファイルをローカル環境に保存して、次回アクセスからはそちらのファイルを利用することです。 こ…

読みやすい行間と文字サイズ

ブラウザのデフォルト設定だと、行間隔が詰まりすぎたり、文字が大きい、または小さいすぎるなど、やや読みづらいものとなってしまいます。 文字のサイズや行と行の間隔を適切なものにするだけで、文章を読みやすさを格段にUPできます。 今回は、「文字サ…

jQueryで作るヌルヌル動くページスクロール

同じページ内のコンテンツに移動させるためのページ内遷移も、最近ではアニメーション無しのものの方が珍しくなってきています。 当ブログでもアニメーション付きのページ内遷移を行うべく、ページスクロールの処理を作成しましたので紹介します。 ヌルヌル…

CSSで作る見出しデザイン

見出しはサイトの見た目を決める上で重要な箇所です。 印象的な見出しは、それだけでサイトを引き立ててくれます。 今回は、そんな見出しのデザインをCSSで10パターン作成してみましたので、参考にして下さい。 見出しデザイン 当ブログの見出し チ…

WordPressでアイキャッチ画像を設定する方法

WordPressでは、投稿ごとにアイキャッチ画像(サムネイル)を入れることが出来ます。 記事で最も最初に目に付くのがアイキャッチ画像であり、記事の内容を一目で伝えるために設置しようとする人も多いと思います。 今回は、そのアイキャッチ画像の…