2020年1月20日Diverで記事一覧のレイアウトを変更する方法|初心者向けマニュアルFacebookTwitterはてブPocketFeedlyDiverでは、トップページに記事の一覧が表示されるようになっています。記事一覧には3つのレイアウトがあり、自由に変更可能です。今回は、この記事一覧のレイアウトを変更する方法を解説します。PCとスマホで見え方が違うので、それぞれ確認していきましょう。まとめ記事一覧のレイアウト設定方法WordPressのダッシュボード左メニューから、『外観→カスタマイズ』という順にクリックします。『外観→カスタマイズ』という順にクリックして進むカスタマイズページが開くので、画面左メニュー内の『レイアウト設定』をクリックしましょう。画面左メニュー内の『レイアウト設定』をクリックこちらの「記事一覧レイアウト設定」でレイアウトを変更します。上の「記事一覧(PC)のレイアウトを変更します。下の「記事一覧(SP:モバイル)のレイアウトを変更します。」でスマホのレイアウト設定を行います。レイアウトは下記の3つから選択できます。リスト表示グリッド表示ミニリスト表示それぞれのレイアウトについて詳しく解説します。「リスト表示」は、記事が縦に1行ずつ並んで表示されるスタイルです。デフォルトではこのリスト形式に設定されています。PCでは下記のように表示されます。リスト表示スマホでは下記のように表示されます。「グリッド表示」では、各記事がグリッド形式で並べられます。PCでは下記のように表示されます。グリッド表示スマホでは下記のように表示されます。グリッド表示グリッド表示では、「グリッドの最大カラム数」と「グリッドの最小カラム数」を調整することで、様々なレイアウトを作ることができます。下記は「グリッドの最大カラム数」を4にした場合のレイアウトです。「ミニリスト表示」は、リストとグリッドを合わせたようなレイアウトです。ミニリスト表示ミニリストはPCに対してのみ設定可能です。まとめ今回は、Diverで記事一覧のレイアウトを変更する方法を解説しました。記事一覧のレイアウトを変更するだけで、サイトの印象がガラッと変わりますので、ぜひ色々なレイアウトを試してみてください。Action)を設定する|初心者向けマニュアルCTAとは記事を読んだユーザーに何か行動を起こさせるための言葉やボタン、画像などを指しますが、DiverではCTAを簡単に設定できます。THOR(ザ・トール)の「アイキャッチ画像の設定」について解説しています。IMAGE画像設定やホバー時の...SANGOSANGOのロゴ画像とサイトアイコンの設定方法|初心者向けマニュアルSANGOのロゴ画像とサイトアイコンの設定方法を解説しています。ロゴ画像とサイトアイコンは、ユーザーにサイトを覚えてもらうためにも重要な役...SwitchSwitchのヘッダーコンテンツ下設定方法|初心者向けマニュアルTCDテーマ「Switch」のヘッダーコンテンツ下の設定方法を解説しています。ヘッダーコンテンツ下では、説明文や画像を設定してヘッダーについ...ストークストーク(STORK)ロゴ画像を大きいサイズで表示|中級者向けカスタマイズWordPressテーマ「ストーク(STORK)」のロゴ画像の大きさを調整する方法を解説しています。style.cssにコードを追記するとい...賢威8賢威8でファビコンを表示する方法|初心者向けマニュアル賢威8でファビコンを設定する方法を解説しています。使って、記事一覧をスライドショー表示する方法を解説しています。オプションで細かい表示設定もできるので、...ストークストーク(STORK)サイトカラーの変更方法と変更箇所を徹底解説|初心者向けマニュアルストーク(STORK)でサイトカラーを変更する方法と、全てのカラー変更箇所を解説しています。THORストーク賢威8SEARCH。