無料のアイコンフォントのセットには、使う機会がないものも多く含まれます。そこでフォントセットから一部のフォントだけを抜粋し、ファイルサイズを小さくします。ここでは使用するアイコンフォントが選べる無料のツールと、その使い方を簡単に紹介します。このページを読む

スクリーンリーダによってテキストが読み上げられるとき、前後にテキストがなければ、上手く意味が伝わらないことがあります(例えば記号や図で表現されるコンテンツ)。 そこで、スクリーンリーダにだけ読めるテキストを、CSS を使って用意します。このページを読む

パフォーマンスを低下させる CSS の設定を排除して最適化することで、ページの描画速度を改善し、データサイズを小さくすることができます。ここではパフォーマンスを低下させる CSS の設定例と、それを改善するための設定例、10 項目を一覧します。このページを読む

Adsense の広告コードを取得するには広告ユニットを作成する必要があります。一度作成した広告ユニットは削除できないので注意しましょう。ここでは広告ユニットの作成のコツなども合わせて、広告ユニットを作成する・広告コードを取得する手順を紹介します。このページを読む

WordPress で扱う jQuery を Google の CDN から読み込むようにします。また CDN から読み込めない時は WordPress 標準のものを読み込むようにします(フォールバック)。ここで解説する方法はページをキャッシュするタイプのプラグインにも対応します。このページを読む

アドセンスのレスポンシブサイズが上手く調整できないことがあります。例えば、300x250 の広告を表示したいのに 300x600 の広告が表示されます。data-ad-format=autoパラメータがあると、JS がサイズを変更するようです。パラメータを削除して解決します。このページを読む

Google のロゴやスクリーンショットを使いたい場合がありますが、その規約は厳しいです(特にロゴ)。スクリーンショットを"説明のために"使うことは許されますが、文字や記号の類を重ねて表示させてはいけません。枠線や矢印で強調することだけができます。このページを読む