CSSで縦のフローチャート(ステップ図)を作ってみた 更新日:2024年10月4日 公開日:2024年6月6日 CSS・Javascript ワードプレステーマの賢威では、下記のテンプレートの「ステップ図(フローチャート)」が2つ用意されています。 step-chart_style01のスタイル ステップ1のテキストが入ります。 ステップ2のテキストが入ります […] 続きを読む
賢威のパンくずリストをh1タイトルの上に表示させる方法 更新日:2024年12月6日 公開日:2024年6月4日 ワードプレス 賢威には、自動でパンくずリストを生成してくれる機能があるのですが、表示されるのは、フッター(footer)部分のみです。 その為、ヘッダー部分にパンくずリストを表示したいといった方もいるかと思います。 そんな悩みを解決す […] 続きを読む
賢威のパンくずリストでサイト名を表示させない方法 更新日:2024年7月2日 公開日:2024年6月3日 ワードプレス 賢威には、自動でパンくずリストを生成してくれる機能があります。 確かに、タイトル名が長いとスマホで見た時には2~3行になってしまうので、タイトルは非表示でいいかもしれせんね。 その為、パンくずリスト内のサイト名は非表示に […] 続きを読む
賢威でタグのデザインを変更するCSS 更新日:2024年12月6日 公開日:2024年5月28日 ワードプレス ワードプレス(WordPress)を使ったサイトのサイドバー(サイドメニュー)などに使われることが多いタグ機能。 タグ機能は、投稿内容を細かく分類でき、関連性のある記事をグループ化することができ、検索エンジンがサイトの内 […] 続きを読む
賢威のお客様の声のデザインをカスタマイズする方法 更新日:2024年12月12日 公開日:2024年5月27日 ワードプレス 賢威ではなく、それ以外のサイトで「お客様の声」や「商品の感想」などのCSSのデザイン例をお探しの方は、下記の記事をご参照ください。 商品やサービスなどのレビューなどで見かける「お客様の声」。 賢威には、下記のような「お客 […] 続きを読む
賢威で記事本文の前にステマ規制対応のPR告知文を記載する方法 更新日:2024年12月6日 公開日:2024年5月17日 ワードプレス ブログやサイトにアフィリエイトなどの広告をは載せている場合、 「この記事にはプロモーションが含まれています。」 「このサイトにはプロモーションが含まれています。」 などの【PR告知文】を表示することが、令和5年10月1日 […] 続きを読む
賢威で関連記事の下にGoogle広告を表示する方法 更新日:2024年12月6日 公開日:2024年5月16日 ワードプレス 賢威では、デフォルトの機能として、投稿・固定ページの記事の下に広告などを設置することができます。 しかし、関連記事の下に設置する機能は提供されていません。 その為、テンプレートファイルに記述して、広告を表示させてみました […] 続きを読む
賢威で関連記事の表示数を増やす方法 更新日:2024年12月6日 公開日:2024年5月13日 ワードプレス 賢威では、関連記事で表示される数は、デフォルトだと6つになっています。 この赤い四角の部分のスペースが勿体ないので、関連記事の表示数を8つに増やしたいと思います。 ただし、スマホやタブレットで表示された時は、縦に長くなっ […] 続きを読む
賢威の行の高さと行間を調整するCSS 更新日:2024年11月26日 公開日:2024年5月11日 ワードプレス 賢威のデフォルト設定では、文字を見やすくするためか、「行の高さ」や「行間」に多くの余白が取られています。 ちなみに、「デフォルト設定」と「調整した設定」を見比べると、次のようになります。 【デフォルト設定】 大谷翔平選手 […] 続きを読む
賢威の記述リストデザインその1の下線を消す 更新日:2024年11月26日 公開日:2024年4月27日 ワードプレス 賢威には、次のような「記述リストのデザインその1」が用意されています。 記述リストのデザインその1 要素が横に並びます。モバイルなどでは、横並びが解除されます。また左よりも右の文字数の方が少なくなるとデザインが崩れます。 […] 続きを読む