ウィジェット設定方法(Lightning Ver.)


こんにちは、三木谷です!

ウィジェットは、使いやすいWebサイトを作る為に欠かせないツールです。

Lightningでは、サイドバーに加えて、トップページのコンテンツ配置ができる為、是非活用していきましょう。

サイドバーを設置する

①ナビゲーションメニューで「外観」にマウスを合わせます。

②すると右側にメニューが出てくるので「ウィジェット」をクリックします。

③利用できるウィジェットが表示されます。

④下の方に進んで「VK 最新記事」を開きます

⑤「サイドバー(共通上部)」をクリックします。

⑥「ウィジェットを追加」をクリックします。

⑦上に戻って「サイドバー(共通上部)」を開くと「VK 最新記事」が追加されています。

⑧表示する名前を入力します。

⑨表示形式を選択します。

⑩表示順を入力します。

⑪表示する記事数を入力します。

⑫下の方に進んで「保存」をクリックします。

⑬利用できるウィジェットから「カテゴリー」を開き、同様に「サイドバー(共通上部)」へ追加します。

⑭上に戻って「サイドバー(共通上部)」を開いて「投稿数を表示」をクリックします。

⑮「保存」をクリックします。

⑯利用できるウィジェットから「アーカイブ」を開き、同様に「サイドバー(共通上部)」へ追加します。

⑰上に戻って「サイドバー(共通上部)」を開いて「投稿数を表示」をクリックします。

⑱「保存」をクリックします。

⑲実際に反映されていることを確認する為にクリックします。

⑳サイドバーが作成されていました。

トップページにPRエリアを設置する

①ナビゲーションメニューで「外観」にマウスを合わせます。

②すると右側にメニューが出てくるので「カスタマイズ」をクリックします。

③「Lightning トップページ PR Block」をクリックします。

④「PR Block を表示する」のチェックを外します。

⑤「公開」をクリックします。

⑥「×」をクリックします。

⑦ナビゲーションメニューで「外観」にマウスを合わせます。

⑧すると右側にメニューが出てくるので「ウィジェット」をクリックします。

⑨利用できるウィジェットが表示されます。

⑩下の方に進んで「VK PR Blocks」を開きます

⑪「トップページコンテンツエリア上部」をクリックします。

⑫「ウィジェットを追加」をクリックします。

⑬上に戻って「トップページコンテンツエリア上部」を開くと「VK PR Blocks」が追加されています。

⑭「PR Block1 settings」の名前を入力します。

⑮「概要となるテキスト」にキャッチフレーズを入力します。

⑯リンク先ページのURLを入力します。

⑰「画像を選択」をクリックします。

⑱設定する画像をクリックします。
※画像がない場合は「ファイルをアップロード」をクリックし、ファイルをドロップまたは選択してアップロードしてください。

⑲「選択」をクリックします。

⑳画像が設定されました。

㉑「PR Block2 settings」以降についても同様の手順で作成していきます。

㉒下の方に進んで「保存」をクリックします。

㉓実際に反映されていることを確認する為にクリックします。

㉔PRエリアが作成されました。

トップページに最新記事を設置する

①ナビゲーションメニューで「外観」にマウスを合わせます。

②すると右側にメニューが出てくるので「ウィジェット」をクリックします。

③利用できるウィジェットが表示されます。

④下の方に進んで「VK 最新記事」を開きます

⑤「トップページコンテンツエリア上部」をクリックします。

⑥「ウィジェットを追加」をクリックします。

⑦上に戻って「トップページコンテンツエリア上部」を開くと「VK 最新記事」が追加されています。

⑧表示する名前を入力します。

⑨表示形式を選択します。

⑩表示順を入力します。

⑪表示する記事数を入力します。

⑫下の方に進んで「保存」をクリックします。

⑬実際に反映されていることを確認する為にクリックします。

⑭最新記事が作成されました。

トップページにサイト紹介を設置する

①ナビゲーションメニューで「外観」にマウスを合わせます。

②すると右側にメニューが出てくるので「ウィジェット」をクリックします。

③利用できるウィジェットが表示されます。

④下の方に進んで「テキスト」を開きます

⑤「トップページコンテンツエリア上部」をクリックします。

⑥「ウィジェットを追加」をクリックします。

⑦上に戻って「トップページコンテンツエリア上部」を開くと「テキスト」が追加されています。

⑧タイトルを入力します。

⑨紹介する内容を入力します。

⑩「保存」をクリックします。

⑪実際に反映されていることを確認する為にクリックします。

⑫テキストが作成されました。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です