-
CSSだけで吹き出しを作る方法 CSSサンプルCSSだけで吹き出しを作る方法
CSSだけで吹き出しを作成する方法です。 吹き出しのイメージ HTML [crayon-68ec207eb15ae984059692/] CSS [crayon-68ec207eb15b2874045133/] -
SEO対策
検索エンジンを拒否する「metaタグ」の設定方法
検索エンジン拒否:noindex・nofollowの基本 検索エンジン拒否」とは、Googleなどの検索エンジンに「このページをインデックス(登録)しないでください」と伝えることを意味します。ブログ運営では、次のようなページを検索から除外したいケースがありま... -
CSS辞典
【CSS】table のセル(td・th)の幅を均等にする
HTMLでテーブル(表)の幅を均等に揃えたい時があると思います。 例えば4つ並びなら、tdの幅を25%にすればよいですが、セルの幅の増減に合わせて調整が必要になってしまいます。 [crayon-68ec207eb1c11553458440/] 「table-layout: fixed;」を使用すれば、... -
WordPress
簡単!WordPressカテゴリーベース(category)を削除するプラグインと設定方法
昔の WordPress では、パーマリンク設定の「カテゴリーベース」欄に ./ を入力すると、URL から「/category/」を消すことができました。 例:設定 → パーマリンク → カテゴリーベース → ./結果 → https://example.com/category/news/ → https://example.co... -
WEBデザイナーの転職
30代未経験でWebデザイナーに転職は遅い?学習法と求人の探し方
はじめに 「30代になってからでも、Webデザイナーになりたい。」そんな思いを抱く人は少なくありません。長年続けてきた仕事に区切りをつけ、新しいキャリアに挑戦したい。好きなデザインやWebの世界を仕事にしてみたい。そんな気持ちが強くなり、Webデザ... -
CSS辞典
レスポンシブデザインで役に立つ!CSSの相対単位の使いどころ
はじめに レスポンシブデザインでは「どのCSS単位を使うか」が大きなカギになります。固定の px だけで作ると、画面サイズやデバイスが変わったときにレイアウトが崩れやすくなります。 そこで活躍するのが 相対的な単位(%, em, rem, vh, vw など)。ここ... -
CSS辞典
CSSの単位まとめ|px・em・rem・%・vh・vwの使い分けガイド
CSSにおける単位とは? CSS(カスケーディングスタイルシート)の単位は「文字サイズ」「余白」「幅や高さ」などを指定するときに使います。大きく分けると「絶対的な大きさを表す単位」と「親要素や画面に依存する相対的な単位」があります。それぞれの特... -
ホームページ作成
WordPressでホームページだけに表示させる条件分岐
WordPressサイトで「ホームページだけに特定のコンテンツを表示したい」という場面はよくありますよね。たとえば、トップページにだけバナーを表示したり、お知らせを出したりといった用途です。 WordPressのテンプレートファイルで「ホームページだけに表... -
CSS辞典
CSSの擬似クラスの : と :: どっちを使えばいい?【使い分けと理由を解説】
[crayon-68ec207eb1f65957041606/] CSSでスタイルを指定していると、:hover や ::before など、コロンが1個のものと2個のものを見かけたことがありませんか? 「これって何が違うの?どっちを使えばいいの?」と疑問に思った方のために、この記事では「:(... -
WordPress
よく使うWordPressのテンプレートタグ一覧【目的別・コピペOK】
WordPressでテーマを自作したり、テンプレートをカスタマイズしていると、「あの情報、どうやって表示するんだっけ?」という場面によく出くわします。 そこでこの記事では、よく使うテンプレートタグを目的別に整理して一覧化しました。コピペしてすぐに...