2019年11月27日Diverでサイトの横幅を設定する方法|初心者向けマニュアルFacebookTwitterはてブPocketFeedlyDiverでは、サイトの横幅を自分で設定できるようになっています。設定できるのは、下記の3つです。今回は、このサイトサイズの設定方法を詳しく解説します。まとめサイズ設定メニューを開くまず初めに、サイズ設定のメニューを開きましょう。WordPressのダッシュボード左メニューから、『外観→カスタマイズ』という順にクリックします。『外観→カスタマイズ』という順にクリックして進むカスタマイズページが開くので、画面左メニュー内の『サイズ設定』をクリックしましょう。『サイズ設定』をクリックここで、サイトサイズを設定します。サイズ設定メニューサイト全体のサイズ「サイト全体のサイズ」は、画面の大部分を占めるエリアです。下記画像でいうと、記事一覧の左端からサイドバーの右端までを含めた部分になります。サイト全体のサイズ「サイト全体のサイズ」では、下記2種類の横幅を設定することができます。中[769px~1200px]の横幅1201px以上の大きな画面、769〜1200pxの画面に対して、それぞれ設定可能です。サイズの指定方法には下記の2種類があります。%(パーセント)で指定px(ピクセル)で指定%を使うと、画面全体に対して指定した割合で横幅が設定されます。pxは、入力したピクセル数がそのまま横幅として設定されます。サイズを指定できるのはPC用の画面のみです。スマートフォンでは常に横幅100%で表示されます。個別ページメインカラム上記のサイト全体のサイズとは別に、個別ページ(投稿・固定ページ)の横幅も設定することができます。設定方法は「サイト全体のサイズ」と同じです。サイドバーサイドバーも横幅を設定できます。「サイト全体のサイズ」「個別ページメインカラム」では、%(パーセント)とpx(ピクセル)のどちらかで指定できましたが、サイドバーはpxで指定する必要があります。デフォルトでは310pxに設定されています。310pxにすると、レクタングル広告をそのままの状態で綺麗に表示することができます。メインコンテンツのサイズは自動的に決まるメインコンテンツとは、「サイト全体のサイズ」のうち、サイドバー以外のエリアのことを指します。トップページなら記事一覧、個別ページなら各ページの本文部分です。メインコンテンツメインコンテンツは横幅を指定することができません。下記の計算式で自動的に設定されるようになっています。メインコンテンツの横幅まとめ今回は、Diverのサイトサイズの設定方法を解説しました。サイトサイズは、コンテンツの見やすさに直接関わってくる部分ですので、細かく調整して一番見やすいサイズに設定しておきましょう。THOR(ザ・トール)の検索機能の設定方法|初心者向けマニュアルおすすめの記事AFFINGER5AFFINGER5でスライダーを表示させる方法|初心者向けカスタマイズAFFINGER5でヘッダー部分に画像スライダーを設置する方法を解説しています。スライダーを設置することで、ユーザーにサイトのイメージを効果...ストークストーク(STORK)サイトカラーの変更方法と変更箇所を徹底解説|初心者向けマニュアルストーク(STORK)でサイトカラーを変更する方法と、全てのカラー変更箇所を解説しています。THOR(ザ・トール)」の購入からダウンロードまでの流れを解説します。約5分くらいで簡単に出来るので、「T...SANGOSANGOのロゴ画像とサイトアイコンの設定方法|初心者向けマニュアルSANGOのロゴ画像とサイトアイコンの設定方法を解説しています。ロゴ画像とサイトアイコンは、ユーザーにサイトを覚えてもらうためにも重要な役...ストークストーク(STORK)のヘッダーテキスト・ボタン・背景画像の設定方法|初心者向けマニュアルストーク(STORK)のトップページ設定について詳しく解説しています。トップページ設定ではヘッダーテキストやヘッダー背景画像など、主にサイト...ストークストーク(STORK)で記事・固定ページの表示内容を設定する方法|初心者向けカスタマイズストーク(STORK)の投稿・固定ページ設定について解説しています。見出しデザインの変更やSNSボタンの表示・非表示の切り替え、投稿日・更新...SANGOSANGOでサイトの基本情報を設定する方法|初心者向けマニュアルSANGOでサイトの基本情報を設定する方法を解説しています。Action)を設定する|初心者向けマニュアルCTAとは記事を読んだユーザーに何か行動を起こさせるための言葉やボタン、画像などを指しますが、DiverではCTAを簡単に設定できます。THORストーク賢威8SEARCH。