PageBuilderを使ってサクッとWeb制作。今回はウィジェット編です。前回はPageBuilderを使ってWebサイトのレイアウトを作ってみました。ここでは作成したレイアウトにウィジェットを配置してみます。前回作成したレイアウトにウィジェットを配置してみましょう。Widget」ボタンを押してウィジェット選択パネルを開きます。ウィジェット選択パネルでは配置できるウィジェットが表示されます。この中から配置したウィジェットを選択してください。ウィジェットは1つの枠(グリッド)に複数配置することができます。1つの枠に複数配置する場合は縦に並んで配置されます。ウィジェットを横並びにするには、横並びのレイアウトを作成する必要があります。バナー画像を横並びに3列で表示したい場合は以下のようにレイアウトを作成し、各グリッドに画像ウィジェットを配置してください。グリッドの中にPageBuilderを設置するPageBuilderは作成したレイアウト(グリッド)の中にさらにPageBuilderを設置し、入れ子状にすることが可能です。Builder」ウィジェットを設置すればOK。設置したLayoutBuilder(子)でも同様にレイアウトを作成し、ウィジェットを配置することができます。配置したウィジェットをマウスオーバーするとメニューが表示され以下のような操作が可能です。設定画面を開くには、表示されたメニューの中から「Edit」をクリックしてください。各ウィジェットに用意された設定項目を個別に設定することができます。設定が完了したら「Done」ボタンを押すことで設定内容が保存されます。ウィジェットエリアにPageBuilderを配置PageBuilderは投稿ページや固定ページだけでなく、ウィジェットエリアでも使用することができます。Builder」を配置してください。Builder」を押してLayoutBuilderを開くと、投稿ページと同じレイアウト作成ページが表示されます。ここでは投稿ページと同じ方法でレイアウトの設定やウィジェットの設置が可能です。SugimoriフリーランスのWebエンジニア。現在はテンプレート職人としてTetraThemesでテンプレートを開発中。ブログや個人に関するお問い合わせはTwitterかFacebookへ。2017-06-26Webに必須の高品質な写真素材を無料でダウンロードできるサイトを10本集めてみました。Web制作に限らずWebライティングでも必ず必要なのが写真素材。2017-06-21カラーミーショップはスマホでもECショップを構築できる手軽さと、HTMLやCSSを編集しオリジナルデザインのショップを作成できる拡張性を両方兼ね備えたECサービス。2017-06-21カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので完全オリジナルデザインのショップを自由に構築することができます。2017-06-19カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので頑張ればオリジナルデザインのショップを構築することも可能です。2017-06-16カラーミーショップはHTMLとCSSの編集ができ、オリジナルデザインのショップを構築することができるECサービスです。USTetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。