ウィジェット設定方法（Lightning Ver.）
こんにちは、三木谷です！
ウィジェットは、使いやすいWebサイトを作る為に欠かせないツールです。
Lightningでは、サイドバーに加えて、トップページのコンテンツ配置ができる為、是非活用していきましょう。
サイドバーを設置する
①ナビゲーションメニューで「外観」にマウスを合わせます。
②すると右側にメニューが出てくるので「ウィジェット」をクリックします。
③利用できるウィジェットが表示されます。
④下の方に進んで「VK 最新記事」を開きます
⑤「サイドバー(共通上部)」をクリックします。
⑥「ウィジェットを追加」をクリックします。
⑦上に戻って「サイドバー(共通上部)」を開くと「VK 最新記事」が追加されています。
⑧表示する名前を入力します。
⑨表示形式を選択します。
⑩表示順を入力します。
⑪表示する記事数を入力します。
⑫下の方に進んで「保存」をクリックします。
⑬利用できるウィジェットから「カテゴリー」を開き、同様に「サイドバー(共通上部)」へ追加します。
⑭上に戻って「サイドバー(共通上部)」を開いて「投稿数を表示」をクリックします。
⑮「保存」をクリックします。
⑯利用できるウィジェットから「アーカイブ」を開き、同様に「サイドバー(共通上部)」へ追加します。
⑰上に戻って「サイドバー(共通上部)」を開いて「投稿数を表示」をクリックします。
⑱「保存」をクリックします。
⑲実際に反映されていることを確認する為にクリックします。
⑳サイドバーが作成されていました。
トップページにＰＲエリアを設置する
①ナビゲーションメニューで「外観」にマウスを合わせます。
②すると右側にメニューが出てくるので「カスタマイズ」をクリックします。
③「Lightning トップページ PR Block」をクリックします。
④「PR Block を表示する」のチェックを外します。
⑤「公開」をクリックします。
⑥「×」をクリックします。
⑦ナビゲーションメニューで「外観」にマウスを合わせます。
⑧すると右側にメニューが出てくるので「ウィジェット」をクリックします。
⑨利用できるウィジェットが表示されます。
⑩下の方に進んで「VK PR Blocks」を開きます
⑪「トップページコンテンツエリア上部」をクリックします。
⑫「ウィジェットを追加」をクリックします。
⑬上に戻って「トップページコンテンツエリア上部」を開くと「VK PR Blocks」が追加されています。
⑭「PR Block1 settings」の名前を入力します。
⑮「概要となるテキスト」にキャッチフレーズを入力します。
⑯リンク先ページのURLを入力します。
⑰「画像を選択」をクリックします。
⑱設定する画像をクリックします。
※画像がない場合は「ファイルをアップロード」をクリックし、ファイルをドロップまたは選択してアップロードしてください。
⑲「選択」をクリックします。
⑳画像が設定されました。
㉑「PR Block2 settings」以降についても同様の手順で作成していきます。
㉒下の方に進んで「保存」をクリックします。
㉓実際に反映されていることを確認する為にクリックします。
㉔PRエリアが作成されました。
トップページに最新記事を設置する
①ナビゲーションメニューで「外観」にマウスを合わせます。
②すると右側にメニューが出てくるので「ウィジェット」をクリックします。
③利用できるウィジェットが表示されます。
④下の方に進んで「VK 最新記事」を開きます
⑤「トップページコンテンツエリア上部」をクリックします。
⑥「ウィジェットを追加」をクリックします。
⑦上に戻って「トップページコンテンツエリア上部」を開くと「VK 最新記事」が追加されています。
⑧表示する名前を入力します。
⑨表示形式を選択します。
⑩表示順を入力します。
⑪表示する記事数を入力します。
⑫下の方に進んで「保存」をクリックします。
⑬実際に反映されていることを確認する為にクリックします。
⑭最新記事が作成されました。
トップページにサイト紹介を設置する
①ナビゲーションメニューで「外観」にマウスを合わせます。
②すると右側にメニューが出てくるので「ウィジェット」をクリックします。
③利用できるウィジェットが表示されます。
④下の方に進んで「テキスト」を開きます
⑤「トップページコンテンツエリア上部」をクリックします。
⑥「ウィジェットを追加」をクリックします。
⑦上に戻って「トップページコンテンツエリア上部」を開くと「テキスト」が追加されています。
⑧タイトルを入力します。
⑨紹介する内容を入力します。
⑩「保存」をクリックします。
⑪実際に反映されていることを確認する為にクリックします。
⑫テキストが作成されました。
Follow me!
