WordPressで長い規約文章をスクロール可能なブロックに入れたい場合、テキストファイルとして直接入れるか、PDFにして埋め込むかで迷うことがあります。この記事では、それぞれのメリット・デメリットと表示の注意点を解説します。
テキストファイルとしてブロックに入れる場合
テキストを直接ブロックに貼り付ける場合、CSSでスクロール可能に設定すれば、縦方向にスクロールして全文を閲覧できます。HTMLやブロックエディタでの編集も容易です。
利点は、文章の検索性が高く、コピーや引用も簡単で、ページの読み込み速度も比較的軽いことです。欠点としては、フォントやスタイルがページ全体に依存するため、PDFのような固定レイアウトを再現しにくい点があります。
PDFとして埋め込む場合
PDFを埋め込む場合は、ファイルサイズによっては軽量化が可能で、文字や段落のレイアウトを固定して表示できます。Adobe AcrobatやWordからPDFに変換してアップロードする方法が一般的です。
注意点として、PDFの横幅がスクロールボックスの幅より大きい場合、横スクロールが必要になったり、スマホ表示で見切れてしまうことがあります。レスポンシブ対応の埋め込み方法を選ぶ必要があります。
表示サイズとレスポンシブ対応
どちらの方法でも、ブロックの幅や高さをCSSで調整し、縦スクロールを有効にすることがポイントです。特にPDFの場合は、iframeやプラグインを利用して幅100%で表示すると、スマホでも見やすくなります。
実例として、PDF埋め込み用プラグイン「PDF Embedder」を使用すると、スクロール可能なブロック内で横幅を自動調整できます。
メンテナンス性と検索性の比較
テキストファイルは更新や修正が簡単で、SEO効果や検索機能との親和性も高いです。一方、PDFはレイアウトは崩れにくいですが、更新するたびに再アップロードが必要で、検索エンジンへの認識は限定的です。
どちらを選ぶかは、文章の更新頻度やユーザーの閲覧環境に応じて決めると良いでしょう。
まとめ
長い規約文章をスクロール可能なブロックに入れる場合、テキストとして直接貼り付けるかPDFを埋め込むかは、それぞれメリット・デメリットがあります。テキストは検索性と軽量性に優れ、PDFはレイアウトが固定できるため、用途に応じて選択しましょう。スクロールボックスのサイズ調整やレスポンシブ対応を意識することが、快適な閲覧体験の鍵です。
コメント