WordPressでBlocksyのコンテンツブロック機能を有効にするには?

ブロックシー 高速、軽量、高度なカスタマイズが可能です。 ワードプレス テーマは、特にコンテンツ制作者、ブログサイト、企業ウェブサイトのユーザーに支持されています。人気のプレミアム機能のひとつは、「コンテンツ・ブロック (コンテンツ・ブロック)".この機能により、ユーザーは再利用可能なレイアウトテンプレート、条件付き表示モジュール、トップバーアラート、グローバルアナウンスメントなどを作成することができます。

この記事では、WordPressでBlocksyのコンテンツブロック機能を有効にし、効率的に利用する方法を、有効化方法から適用シナリオまで体系的に説明し、より強力なページ制御とユーザー体験を実現します。

画像[1] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

I. Blocksyのコンテンツブロック機能とは何ですか?

ブロックシーのコンテンツブロックは 高度な機能(のみ) ブロックジー・プロ バージョン)論理制御と条件表示機能を備えたページ・モジュールを作成することができる。

コンテンツブロックを使用すると、以下のシナリオを実装できます:

  • 一部のページ上部にお知らせを表示
  • 投稿タイプごとに異なるレイアウトを読み込む
  • サイト全体のCTAブロックや広告モジュールの作成
  • 404ページ、ヘッダー、フッター、その他の要素のカスタマイズ

これはWordPressの「テンプレート・ウィジェット+条件ロジック」というコンセプトに似ているが、Blocksyは視覚化と柔軟性を提供する。

Blocksyコンテンツブロック機能を有効にするための前提条件

この機能を利用するには、以下の条件を満たす必要がある:

  1. インストールと有効化 Blocksyテーマ(無料版)
  2. インストールとアクティベーション Blocksy Companion Pro プラグイン
  3. Blocksy Proの有効なライセンスをお持ちの方

⚠️ 注:Blocksy無料版にはコンテンツブロック機能はありません。

Blocksy Proプラグインをインストールし、有効化します。

1.Blocksyテーマをインストールする(まだインストールされていない場合)

WordPressのバックエンドに入力します:
外観 > テーマ > 新しいテーマの追加Blocksy "を検索し、インストールと有効化をクリックする。

画像[2] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?
画像[3] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

2.Blocksy Companion プラグインをインストールする

パスプラグイン > プラグインのインストール > Search Blocksy Companion
インストールとアクティベーションをクリックします。

画像[4] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

3.ブロックジー・プロにアップグレードする

ブロックシーのウェブサイト(https://creativethemes.com/blocksy/)、プロバージョンを購入する。

次に、アカウントのバックエンドからProプラグインをダウンロードし、WordPressのバックエンドからプラグインをアップロードしてインストールします。インストールが完了したら、有効化して認証コードを入力し、Pro機能のロックを解除します。

画像[5] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

Blocksyコンテンツブロックを作成する

Proを有効にすると、背景に新しいメニュー項目が表示されます:
ブロックシー > コンテンツブロック

画像[6] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

1.新しいコンテンツブロックを追加する

新しいコンテンツブロックを追加]ボタンをクリックすると、WordPressのブロックエディターインターフェイスに入り、投稿を作成するのと同じようにコンテンツを編集することができます。

画像[7] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

2.ブロックタイプの設定

3つのコンテンツ・ブロック・タイプが用意されており、それぞれ特定の目的に合わせて選択できる:

  • カスタム・コンテンツ/フック
  • ポップアップ
  • カスタムテンプレート
画像[8] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?
画像[9] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

3.表示条件の設定(コンディション)

  • 右側の設定パネルにある[表示条件]をクリックします。.
  • 条件エディターが展開され、設定可能な複数の条件タイプが含まれる。
画像[10] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?
画像[11] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

4.優先順位の設定

表示優先度の設定(プライオリティ)

値が大きいほど優先順位が高い同じHookに複数のコンテンツブロックが挿入されている場合、優先順位によって表示順が決まる。複数のコンテンツブロックが同じHookに挿入されている場合、優先順位によって表示順が決まります。

画像[12] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

V. 推奨される一般的な適用シナリオ

Blocksyのコンテンツブロックは非常に柔軟で、ここではそれらを組み合わせるための実用的なシナリオをいくつか紹介します:

1.サイト上部にアナウンスメントバーを作る。

  • タイプをフックに設定し、それを before_header
  • プロモーション」または「イベント」ボタンによるサイト全体の表示の設定
  • 1日1回のみ表示する設定(クッキーで管理)
画像[13] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

2.記事の特定のカテゴリ用に独自のレイアウトをカスタマイズする

  • タイプはSingle Postテンプレートに適したTemplateが選択されています。
  • 使用基準:「チュートリアル」カテゴリーの記事にのみマッチする。
  • 通常の記事ページとは異なる、カスタマイズされたタイポグラフィ構造とスタイル
画像[14] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

3.デフォルトの404ページを置き換える

  • タイプはテンプレート、ターゲットは404
  • ブランディングの引用、バック・トゥ・ホーム・ボタン、検索ボックス、その他の要素を追加する。
  • ユーザー・エクスペリエンスと滞留時間の向上

4.モバイル専用ナビゲーション・ヒントの設定

  • タイプフック、フッターの前に挿入
  • モバイル端末でのみ表示する設定
  • トップに戻る」または「アプリをダウンロード」ボタンを表示する

コンテンツブロックのSEOとパフォーマンスへの影響

画像[15] - WordPressでBlocksyのコンテンツブロック機能を有効にするには?

Blocksyのコンテンツブロックは、フロントエンド向けに静的HTMLを出力する。 ワードプレス テンプレート構造。ページ読み込み速度の顕著な低下はない.

その間、あなたはできる:

  • 各ブロックに スキーマ マーキング
  • キャッシュプラグインでフロントエンドのレンダリング速度を最適化する
  • 条件付きコントロールを使用して、無意味なローディングを減らし、最初の画面のローディング体験を改善する。

まとめ

ブロックシー コンテンツブロック機能は、WordPressユーザーにモジュール化された論理的なコンテンツ制御方法を提供し、特にデザインの美しさとコンテンツの柔軟性を追求するサイト運営者に適しています。従来のテーマ用のテンプレートを修正する方法よりも、より視覚的で安全、メンテナンスも簡単です。バナーの追加、カスタム投稿構造、モジュールの表示など、Blocksyなら簡単に実現できます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はミリーが執筆した。
終わり
好きなら応援してください。
クドス804 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし