道の駅に行こう!子育て絵本の紹介しまじろう記念フォトブック2020年1月30日より、サイトURLを「kohamama.com」から「mammaridea.net」へ変更しました。MEDIA』について解説しているページです。今回のテーマは、【ウィジェット】の使い方です。MEDIA』の解説後に説明をしていますのでそちらをご覧ください。こちらからジャンプできます。MEDIA』のウィジェット設置エリアは全部で8ヶ所もうけられています。MEDIA』の方が様々なエリアに設置できるのがわかりますね。Seventeen」のウィジェット設置エリアウィジェットエリアのイメージウィジェットのエリア名だけ言われても、なんだかイメージがわきませんよね。Webページのどのエリアのことをいっているのか見てみましょう。TOPページTOPページは、2カラムを使用しているとサイドバーが表示されます。表示より下の「フッター(左、中央、右)エリア」があります。TOPページ(クリックすると大きくなります。)投稿ページ投稿ページでは、上部のSNSフォローアイコンと記事のあいだにある「記事上エリア」、下部のSNSフォローアイコンの下にある「記事下エリア」があります。投稿ページ通常のサイドバーと固定サイドバーの違いは?記事を読むときは、下へ下へとスクロールしていきますよね。その際、通常サイドバーは記事と一緒に上へとあがっていき、記事が長いとサイドバーは見えなくなってしまいます。固定サイドバーの場合、下へスクロールしてもある一定の位置に固定され、記事を追尾する形で表示され続けます。どんな長い記事であっても、固定サイドバーに設置したウィジェットは表示されたままなので、誘導したい別の記事を設置したり、ホームへすぐに戻れるようにボタンを設置したりといったことができます。MEDIA』には、[LION]人気記事と[LION]広告のウィジェットが追加されています。プラグインなしでランキング記事や、広告をすぐに配置することができます。[LION]人気記事ウィジェットの設定だけで、PV(ページビュー)数の多い順にランキング記事を表示することができます。タイトルに何も入力していない場合は、「RANKING」と表示されます。表示する投稿数は、何位まで表示するかを入力します(表示件数は自由)。投稿日の表示にチェックを入れると日付が表示されます。設定が終われば、「完了」をクリックします。ランキング記事の表示例[LION]広告このウィジェットを使用すると広告表示が簡単に行えます。AdSenseなどの広告タグを入力すると「Advertisement(広告)」と表示された広告枠が設置されます。カスタマイズ済みのウィジェット「最近の投稿」WordPressの通常ウィジェットとして備わっている「最近の投稿」。新着記事を紹介するウィジェットですよね。[LION]の表示はありませんが、サムネイル画像が表示されるようにカスタマイズされています。MEDIA」と比べてみると違いがよくわかります。MEDIA」の最近の投稿タイトルにあった画像を設定しておくと、内容もイメージしやすくなりますよね。ウィジェットから行うことができます。前者の場合、「ライブプレビュー」(変更箇所がすぐにプレビューされる)で確認をしながら作業が行え、ウィジェットの「完了」をクリックしたあと、最後に「公開」ボタンを押すことで、サイト上に公開されます。後者の場合、ウィジェットの「完了」をクリックすると変更した内容がサイト上に公開されます。画面左に利用できるウィジェットの一覧、右に設置できるエリアの一覧が表示されています。利用したいウィジェットを設置したいエリアにドラッグ&ドロップすると配置できます。複数設置している場合は、挿入したい位置にドラッグ&ドロップします。「カテゴリー」と「アーカイブ」のあいだに「カレンダー」を設置したい場合、ドラッグ&ドロップで「カテゴリー」と「アーカイブ」のあいだに持っていくことで設置できます。追加したいウィジェットをクリックすると、エリアの一覧が表示されます。設置したいエリアを選択し「ウィジェットを追加」ボタンを押します。追加したウィジェットは一番下の位置に挿入されます。詳細な設定項目が展開されるので、必要に応じて入力し、終われば「完了」をクリックします。ウィジェットの並び替え並び替えは、挿入したい位置にドラッグするだけです。削除したい場合ウィジェットタイトルの左にあるをクリックすると詳細項目が展開します。下にある「削除」をクリックすると、そのエリアから削除することができます。「利用できるウィジェット」と表示されている位置へドラッグ&ドロップすることで削除ができます。使用していないウィジェットエリアがあると、「お使いのテーマには他に〇個のウィジェットエリアがありますが、このページでは表示していません。カスタマイザー上には、ウィジェットを設置しているエリアのみ表示されます。ウィジェットの追加ウィジェットを追加したいエリアをクリックすると、設置しているウィジェットが表示されます。ウィジェットを追加」ボタンをクリックしたら、ウィジェット一覧が表示されるので、追加したいウィジェットをクリックしましょう。詳細項目を入力(必要に応じて)し、「完了」をクリック。最後に、画面上部の「公開」ボタンを押せばオンライン上に公開されます。ウィジェットの並び替え並び替えをいたいエリアをクリックし、設置しているウィジェットが表示されたら、項目の一番下に「並び替え」と表示があります。これをクリックすると設置しているウィジェットの表示が変わります。「」「」をクリックすることで「上」「下」への移動が行えます。ウィジェットを他のエリアへ移動するウィジェットを他のエリアへ移動したい場合は、「」をクリックするとエリアの一覧が表示されます。移動先のエリアをクリックするとウィジェットが移動されます。削除したい場合ウィジェットを削除したい場合は、ウィジェット名の左にあるをクリックすると詳細項目が開きます。下にある「削除」をクリックすると、そのエリアから削除することができます。以上でウィジェットの解説は終了します。MEDIA』を使うとWordPressの「投稿」「固定」ページはこう変わる!をお伝えします。Gutenbergを使いこなせるか不安・・・。管理人Koharu1児のママ。2015年に出産し、子育て真っ最中。仕事をしながら、子育てを続けていましたが、仕事と家庭の両立の難しさを実感し、長年勤めた職場を退職。新しい生活をスタートしました。Ridea(マンマリデア)ー「ママが笑う」毎日を。ride(マンマリーデ):ママが笑う』+『idea(イデア):アイデア』の造語です。ホンの少しの笑顔で、こころも豊かになります。そんな思いを込めてつけました。マンマリデア.ホームシェアメニューTOPへ。