WordPressのページ...WordpressWordPressのページビルダープラグインがすごいので使ってみた2016-05-11TweetPocketWordPressでコードを書かずにオリジナルサイトが作れるページビルダーを使ってみました。Wordpressを使ったサイト制作では、テンプレートを使用するかゼロからコードを書いていく方法があります。どちらにしてもページのレイアウトを変更するにはコードを修正する必要があり、HTMLやPHPの知識がないとかなり大変なことに。そんな時はこのページビルダープラグインを使うといいかも。ドラッグ&ドロップでコンテンツを配置していくだけで自由にサイト構築できてしまいます。Builder」というプラグインを使って機能を追加する必要があります。Builder」と検索すれば見つかります。SiteOriginインストールが完了した後は有効化を忘れずに。PagebBuilder単体でもレイアウトの作成は可能なんですが、便利なウィジェットも用意されているのでそちらも合わせてインストールしておきます。BundlePageBuilderの簡単な使い方PageBuilderはウィジェット画面からレイアウトを作成することができます。Builder」をウィジェットエリアに配置します。Builder」ボタンを押してレイアウト設定画面を開きます。レイアウト画面ではカラムレイアウトの作成やウィジェットの配置、設定をすることができます。Row」ボタンを押します。カラムの数やカラムごとの幅を設定可能。作れたら右下のボタンで完了。異なるレイアウトのカラムを設置したい場合は、もう一度AddRowを押すことでいくつでも積みかせねていくことができます。レイアウトができたら次はウィジェットを配置。Widget」をクリック。設置できるウィジェット一覧が表示されるので設置したいものを選択します。配置したウィジェットは設定の変更や複製ができ、ドラッグすることで別のカラムに移動することもできます。後はこの作業を繰り返してページを作っていけばOK。PageBuilderを投稿画面で使う方法PageBuilderはウィジェット画面だけでなく、投稿画面からも使用可能です。PageBuilderをクリックするとメニューが出てくるので、後は先ほどと同じ要領でカラムの作成やウィジェットの配置を行います。Editor」をクリックして作業を完了させましょう。作業が完了したら通常の投稿と同じように、公開ボタンか更新ボタンを押して内容を保存すれば完了です。PageBuilder向けテンプレート「PressBuilder」ページビルダーは無料でダウンロードすることができるため、どのテーマでも使用できるのですが、少し注意が必要。テンプレートの構造上、1カラムのLPのようなページを作りたくてもサイドバーが必ず表示されるなど使いづらいことがあります。PressBuilderなら、あらかじめページビルダーに最適化されたテンプレートが用意されているため、1カラムでも3カラムでも自由なレイアウトが可能。数クリックで簡単にインストールできるレイアウトテンプレートも用意されているのでページビルダーをフル活用することができます。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制作に関する記事を書いているサイトです。