HPの書き方に付いて(段落等の文章)
段落や見出し等の文章の書き方について､推奨される方法を改めて示しておきます。
■インデント(1文字目の空白)はいれない。
小説や論文では、インデントを使い、会話の流れを分かりやすくしますが、
現代のウェブデザインでは､インデントよりも｢上下の適切な余白｣と｢行間｣で文章を整理することが一般的なスタイルです。
スマホ表示などレスポンシブデザインを考えるならインデントなしの方が無難です。
Webデザインの標準として､段落の1文字目を空白にすることは推奨されません。
■半角英数字は使わない
Webサイトの文章において､半角英数字は半角で統一するのが一般的なルールとして認識されています。
半角英数字を使用する理由
・可読性の向上
半角英数字は文字間のバランスが良く､見た目が自然になります。
全角英数字を混ぜると､不均衡なスペースが生じ､読みづらくなることがあります。
・デザインと統一性
Webページでは異なるフォントやデザインが使用されるため､半角英数字を統一することで､デザインの統一性が保たれます。
例:
*推奨:*
Copilot is helpful. (半角英字)
2025年5月15日 (半角数字)
避けるべき:
Ｃｏｐｉｌｏｔ ｉｓ ｈｅｌｐｆｕｌ． (全角英字)
２０２５年５月１５日 (全角数字)
■文章は簡潔に纏める。
例えば挨拶文などですが、長いとまず読んでもらえません。(最後まで読まずに離脱)
HPでは読者の関心を素早く引くことが重要なので、よりコンパクトにすると効果的になると思います。
パソ隊のブログについての質問
ブログをみると､アイキャッチ画像･カテゴリーと日付･名称が表示され、その下は､日付だったり感想だったり､名称以外何も表示されなかったりと違いがありますが､これは何か設定されているためなのでしょうか？
Copilot / Gemini
“wordpress,ブログの一覧表示で本文の一部を表示するようにしている,しかし listブロックが表示されない”
これまでの重要情報
HPワークショップは2022年4月開始から5年目に入りました。ホームページ制作の人材育成を目的に実施してきました。これまでの役に立つ情報をいくつか示します。
フルサイトテーマ ブログ2024.9.14
画像のフリー素材 ブログ2024.7.11
パソ隊HPの構成･更新について ブログ
WordPressで作られたサイトかを調べる
WordPressサイトがどのテーマで作られているか知りたいとおもいませんか。無料で利用できるツールを二つほど紹介します。これらのツールにサイトのURLを入力すると､使用されているテーマ等の情報が表示されます。
WPThemeDetector (https://www.wpthemedetector.com/)
WordPressテーマ(名前､バージョン､著者情報など)
子テーマが利用されている場合､その詳細
使用されている主要なプラグイン
Kinstaのテーマ検出ツール(https://kinsta.com/jp/tools/wordpress-theme-detector/)
使用されているWordPressテーマの名前
一部の主要プラグイン
WordPressサイトの画像軽量
画像形式は主にjpeg,pngなどがあります。
昨今はWebP(ウェッピー),AVIF(エイビフ)といった軽量フォーマットが使われることも増えてきました。いずれもこれまでのフォーマットとは比較にならないほど画像容量が軽量化するためサイトの表示速度も早くなります。
Copilot -> WebPやAVIFはjpg,pngにくらべどのくらい軽量化される
画像の圧縮は｢TinyPNG]などのツールを利用できます。
事前の圧縮処理が面倒なら､変換プラグインを入れておくと､自動的にjpegやpngから変換してくれます。
WebP･AVIF形式の画像に一括変換するプラグイン｢Converter for Media｣