WordPressとWoodMartテーマでのHTMLブロックの使い方

このチュートリアルでは ワードプレス バックエンドでのHTMLブロックの使われ方、そして ウッドマート このテーマは、その実用的なアプリケーションの効果を示しています。コンテンツの見せ方を統一し、ページの見せ方を強化したいウェブマスターやコンテンツ編集者に適しています。

HTMLブロックとは？

HTMLブロックは再利用可能なコンテンツモジュールで、バックエンドで個別に作成し、複数のページで呼び出すことができます。以下のようなシナリオに適しています：

• 表示情報アラートボックス
• アナウンス内容の追加
• カスタム・コード・スニペットの挿入
• ページの特定エリアにおけるコンテンツの一貫性を保つ

WoodMart テーマでは、HTML ブロックはヘッダーとフッターそして製品詳細テンプレート併用することで、より焦点を絞った構造化されたコンテンツが可能になる。

HTMLブロックの作成

• バックエンドにログインし、左メニューからHTMLブロックモジュールを見つけてください。
• 新しいHTMLブロックを作成し、例えば名前を「HTMLブロック1」とします。

• 表示するコンテンツを入力します（テキスト、アイコン、レイアウトなどを含むことができます）。

• クリックして公開

コンテンツは公開時に自動的にページに表示されるわけではないので、表示する場所を選択する必要がある。

適用シナリオ 1: WoodMart のフッター上部にリマインダーを挿入する。

WoodMartには、モジュールを挿入できるエリアがいくつかあり、プリフッターエリアは、追加のヒントを表示するためによく使用されます：

• テーマ設定のプリフッターエリアに移動する。
• コンポーネントでHTMLブロックタイプを選択する
• ドロップダウンリストから「HTMLブロック1」を選択する。

• 保存後、ページを更新すると、すべてのページの下部に情報が表示されます！

アプリケーション・シナリオ2：スクロール・アナウンスの作成

HTMLブロックは、スクロールテキストやヒントを表示するのにも使えます：

• 例えば、「ご注文は送料無料」、「365日保証」など、複数のスクロールテキストを入力します。

• スクロールの方向、ピッチ、速度を設定

• マウスがホバーしているときにスクロールを一時停止するかどうかを制御する。

• カスタムデザインスタイルのための色、背景、フォントサイズの変更

• 全幅表示の設定やアイコンなどの装飾要素の追加も可能

完成したら、WoodMartテーマのトップバナーエリアに挿入して、イベントの宣伝や告知メッセージを伝えることができます。

補足：ページ構造にHTMLブロックを追加する方法

フッターや商品詳細ページ以外にも、HTMLブロックは以下の場所に表示することができます：

• ナビゲーション・バーのアドオン・モジュールとしてのヘッダー・ビルダー
• カテゴリページ特別コンテンツをトップに表示する
• ログインページと登録ページにリマインダーメッセージを追加する
• 利用する ショートコード 記事またはページのコンテンツエリアに貼り付ける

WoodMartのレイアウトデザインでは、これらのモジュールは柔軟性があり、プラグインに依存しないため、プレゼンテーションスタイルやコンテンツを個別にコントロールすることができます。

概要

HTMLブロックは ワードプレス 歌で応える ウッドマート テーマの非常に便利なモジュールです。コンテンツ管理において以下のような利点がある：

• コンテンツの一元管理が可能
• 編集時間を節約するために繰り返しの呼び出しをサポート
• 視覚的な一貫性を保つため、テーマ・テンプレートで設定可能
• 制限なく、より多くのレイアウトとデザインスペースを提供

このアプローチにより、コンテンツ編集者は情報をより明確な構造で提示することができ、メンテナンスや調整が容易になります。サイトの構造を改善したい場合は、統一されたデザインのWoodMartテーマとHTML Blockの併用をお勧めします。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み