PressBuilder ヘッダーのカスタマイズ

Pocket

PressBuilderを使って、ヘッダーレイアウトのカスタマイズをやってみます。

PressBuilderはドラッグ&ドロップで自由にサイト制作ができるWordpress向けレスポンシブテンプレート。用意されている豊富なウィジェットを使って様々なレイアウトのヘッダーを簡単に作成できます。

PressBuilderでヘッダーを作る方法

レイアウトテンプレートを使った簡単なヘッダー作成

まずはレイアウトテンプレートを使った簡単なヘッダーの作成を行ってみます。

ヘッダーは、外観->ウィジェットページでヘッダーウィジェットエリアにPageBuilderウィジェットを設置することで作成できるようになります。
PressBuilder ヘッダーカスタマイズ-01

PressBuilderには3タイプのヘッダーレイアウトがテンプレートとして用意されています。ここではType1を選択し、インストールしてみます。「Install」ボタンを押して、「Replace Current」-> 「Are you sure?」をクリックすればOK。
PressBuilder ヘッダーカスタマイズ-02

レイアウトテンプレートの設置ができたら、あとはロゴ画像の変更やテキストの書き換えればヘッダーは完成です。
PressBuilder ヘッダーカスタマイズ-03

ページビルダーを使ったヘッダーのカスタマイズ

カスタマイズを行う場合もページビルダーのレイアウトやウィジェットの配置を変更するだけでOK。
PressBuilder ヘッダーカスタマイズ-04