designWeb全般webmasterデザインメモTOPWeb全般Webサイトをダークモードに対応させる方法ダークモードとは、パソコンやスマートフォンなどの画面の背景を黒色を基調としてデザインしていくことを言います。Chromeでちゃんと反映さ...metaタグの書き方metaタグとは、ブラウザにどのように表示させるのか指定したり、検索エンジンに対してそのページの情報を正しく伝...HTMLモックアップとは?モックアップとは、実物に似せた模型のようなもので、製品を試作する際の検討などに用いられることが多いです。モック...Webデザインにおけるレイアウトの考え方Webサイトでページレイアウトをする際の考え方として、Z型の法則、F型の法則というものがあります。これは、人は...WordPressで使う子テーマについてWordPressは定期的にアップデートが行われますが、使用しているテーマも同様にアップデートされることがあり...【WordPress】編集画面を実際のページと同じ表示にするWordPressの編集画面でビジュアルモードを使用して記事を作成する際に、実際に表示するページと同じデザイン...【WordPress】不要なメタデータを出力しないようにするWordPressには、標準で出力されるメタデータがいくつかあります。中には必要ないメタ情報もあったりします。Graphics」の略で、ベクター画像を表示する技術のことを言いま...【WordPress】お知らせを表示させるプラグイン企業のWebサイトなどではトップページに「お知らせ」や「新着情報」といった枠を設置することがよくあります。Wo...ファビコンの作成・設置方法favicon(ファビコン)とは、ブラウザのアドレス欄やタブ、お気に入り登録した際に表示されるアイコンのことで...404エラーページを作成する方法404エラーページとは、存在しないページにアクセスした際に表示されるページです。どのようなときに表示されるかと...便利なWordPressプラグインWordPressには、機能を拡張してくれる便利なプラグインがたくさんあります。作業効率を上げてくれるものやサ...HTTPSでサイトを表示させる方法HTTPSとは、通信が暗号化されている場合に使われるものでサイトが安全であることの1つの目安となります。最近の...サイトマップに画像を登録する検索エンジン向けのサイトマップを作成する際には、コンテンツページ以外にも画像などもサイトマップに登録することが...サイトマップを作成する方法サイトマップとは、サイト内のすべてのページへのリンクを一覧で掲載してサイトの利便性を向上させる目的として用意さ...画像ファイルを圧縮して軽量化Webサイトを閲覧していてページが表示されるのが遅く感じることがあります。検索エンジンに対して適切にコンテンツを伝えるためにもソースコードを整えるということは重要になってきます。許容範...ブラウザのキャッシュを設定する方法Googleから検索する数においてモバイルがPCを上回る時代になっている昨今、よりスマートフォンを意識したWe...ロングテールSEOについてロングテールSEOとは、あるテーマに関連する様々なキーワードを用いてSEO対策をする手法です。この複合キーワー...Googleアラートを使って最新情報をチェック何か調べたいことや知りたいことがある場合、インターネットで検索して情報を収集すると思います。そんなときに役立つ...キーワードを調査するときに使えるツール世の中でどのようなキーワードを使って検索されているのか?そんなときに役立つツールをいくつか紹介します。