No Codes / No Templates / The Idea is.

WordPress(ワードプレス) ドラッグ&ドロップ Webサイトビルダー

ページ制作の流れ

weluka(ウェルカ)を使用した場合のWordPress(ワードプレス)固定ページの制作、保存、公開方法です。

welukaでは、ページビルダー内にてコンテンツをドラック&ドロップで配置し、ページのレイアウトを作成します。HTMLやPHPといったプログラミングコードを書く必要がなく作成することができます。

WordPress(ワードプレス)では難しかった公開中のWebサイトでも、途中で編集を保存し、下書き保存することが可能となっております。

Webサイト制作タイムトライアル動画
Webサイト制作タイムトライアル動画(フルVer)
ページ制作の流れ1

「固定ページ」メニュー内「新規追加」をクリックし「新規固定ページを追加」ページを表示してください。

「固定ページ タイトル」を入力し、「weluka ページビルダー」をクリックしてください。

ページ制作の流れ2

welukaページビルダーが表示されます。実際に表示されるサイトと同様の見た目で表示されますので、見たまま編集を行います。

「ページヘッダー」「ページタイトル」「サイドバー」「ページフッター」はここでは編集できません。「ページヘッダー」「サイドバー」「ページフッター」の追加・編集、ページタイトルの非表示等も可能です。詳細は「こちら」をご参照ください。

ページ制作の流れ3

「ウィジェットメニュー」より追加したいウィジェットを選択し、ドラッグ&ドロップドロップエリアにドロップしてください。

例として画像ウィジェットを追加いたします。

ページ制作の流れ4

画像を追加すると、ダミー画像が配置されます。追加された画像をクリックすると、境界線が表示され、「各リンクボタン」が表示されます。「画像ウィジェット」の「編集」をクリックしてください。画像編集用ダイアログが表示されます。

ページ制作の流れ5

画像編集ダイアログ内「一般設定」の「画像選択」をクリックするとWordPressメディアアップロード画面が表示されます。PCより新規にアップロードするか、アップロード済み画像を選択してください。選択後「保存」をクリックしてください。

外部サイトの画像を選択することも可能です。

ページ制作の流れ6

設定した画像が配置されます。同様に画像やテキスト、動画などをドラッグドロップで行・列に配置してください。又、配置したウィジェットを別の行・列に移動してページを制作してください。

ページ制作の流れ preview1

制作したページをプレビューで確認します。画面向かって右上にあるwelukaナビゲーションバー内「プレビュー」をクリックしてください。新しいタブ・ウィンドウでプレビュー画面が表示されます。

ページ制作の流れ 保存

ページを下書き保存したい場合画面向かって右上にあるwelukaナビゲーションバー内「保存」をクリックしてください。ビルダーを終了する際は「保存」もしくは「公開」を行ってください。

「保存」ではまだページは公開されていません。公開したページを編集した場合も「保存」は下書き保存となります。公開データはそのままの状態で同一ページを編集することが可能です。

ページ制作の流れ 公開

ページを公開したい場合画面向かって右上にあるwelukaナビゲーションバー内「公開」をクリックしてください。ビルダーを終了する際は「保存」もしくは「公開」を行ってください。

「公開」することでページは公開されます。

本ページで使用しているWordPress画面スクリーンショットはGoogle ChromeブラウザでWordPress4.3.1のキャプチャを使用しております。お使いのブラウザ・WordPress Versionにより異なる場合がございます。