カテゴリー: ウェブデザイン備忘録
HTML/CSSの基本: 初心者Webデザイナー向けガイド
HTMLとCSSはWebデザインの基礎です。これらの言語を理解することで、Webサイトの構造とスタイルをコントロールできます。この記事では、初心者Webデザイナー向けに、HTMLとCSSの基本を解説します。 1. HTM […]
続きを見るタイポグラフィの基本: 初心者Webデザイナー向けガイド
タイポグラフィはWebデザインにおいて非常に重要な要素です。適切なフォント選びや文字の配置は、サイトの可読性やユーザーエクスペリエンスに大きな影響を与えます。この記事では、初心者Webデザイナー向けに、タイポグラフィの基 […]
続きを見るカラースキームの選び方: 初心者Webデザイナー向けガイド
カラースキームの選び方は、Webデザインの基本中の基本です。適切な色の組み合わせは、サイト全体の雰囲気やユーザー体験に大きな影響を与えます。この記事では、初心者Webデザイナー向けに、カラースキームの選び方の基本を解説し […]
続きを見るSSL証明書を証明書としてダウンロードする方法
クライアントから、「ドメインの所有を証明する証明書が欲しい」と言われ、良くわからなかったのですが、SSL証明書を発行してみることに。しかしサーバーの管理画面を見てもそれらしき、証明書をダウンロードするボタンやリンクがない […]
続きを見るcss 文字がジャンプする
文字がジャンプするアニメーションをCSSだけで作成する方法を紹介します。デモはこちらからご覧いただけます。 html
|
1 2 3 4 5 6 7 8 9 10 11 |
<div class="container"> <p class="bound"> <span>O</span> <span>N</span> <span>E</span> <span>N</span> <span>O</span> <span>T</span> <span>E</span> </p> </div> |
css [crayon-673f18 […]
続きを見る2024年度版 Googleアナリティクスコンバージョン設定方法
Googleアナリティクスで問い合わせフォームを使用したユーザーのコンバージョンを設定する方法をご紹介します。問い合わせ完了ページが必要です。 アナリティクス管理画面でカスタムイベントを作成する。 左のギアマーク「管理」 […]
続きを見るAdvanced Custom Fieldsのチェックボックス条件分岐方法
まずはACFでチェックボックスの設定 ACFを使って、「チェックを入れたら、このコード(htmlタグ)を表示させる！」という方法のご紹介。 今回は、「就業B型」と「生活介護」のチェックボックスを作り、チェックいれたらそれ […]
続きを見る投稿ページやカスタム投稿タイプでも カスタムテンプレートを使用できるようにする
固定ページと同じように投稿ページやカスタム投稿ページに、テンプレートを選択できるようにする方法です。 以下のコードをsingle.phpもしくはカスタム投稿のsingle-○○.phpの冒頭に記入するだけです。 [cra […]
続きを見るWordPress カスタム投稿タイプのパーマリンクを思い通りに変更する方法
プラグイン「Custom Post Type Permalinks」をインストール プラグインをインストールしたら、「設定」→「パーマリンク」へ 「カスタム投稿タイプのパーマリンク設定」を設定 入力欄に「/%post_i […]
続きを見るACFで親ページをアーカイブでなく、任意の固定ページに変更する方法
アーカイブを設定 編集画面で【アーカイブあり】をtrueにします。 アーカイブのスラッグを最後にスラッシュを入れて入力します。「例：news/」 リライトを設定 【リライト】【カスタムリライトスラッグ】項目までスクロール […]
続きを見る