'}}

【OceanWP解説】固定ページのレイアウト設定

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

WordPress無料テーマOceanWPの固定ページのレイアウト設定を解説します。

一般設定

WordPressダッシュボード【外観】>【カスタマイズ】>【基本設定】の中の一般設定で行います。

一般設定で出来る事

固定ページのレイアウト設定、検索ページのレイアウト設定、OGPの設定が出来ます。

コンテンツ幅のデフォルト設定

デフォルトのコンテナ幅1200px設定の状態です。2カラムの場合は左側のメインコンテンツが72%、右側のサイドバーが28%になるように設定されています。

メインコンテナー幅とは

メインコンテナー幅を変えてみます。わかりやすく600pxにしてみます。

テキストが表示される幅が狭くなったのが分かると思います。この部分がメインコンテナー幅という部分になります。

コンテンツ幅とサイドバー幅

次に、コンテンツ幅とサイドバー幅を50%に変えます。合計で100%になるように設定をしてください。

左右が50%ずつに分かれたのが分かると思います。

ボックスレイアウト

次はボックスレイアウトを試してみます。幅を600px、背景を赤色にしてわかりやすくしました。

ボックスレイアウトにすると、箱で囲まれたスタイルになり背景色を別に設定できるようになります。

セパレート設定

最後にセパレート設定です。

メインコンテンツ、サイドバーとそれぞれのパーツが分かれるレイアウトになります。

固定ページレイアウト

固定ページのデフォルトのレイアウト設定を行います。5種類のパターンから選択できます。

無料の推奨プラグインOcean Extraをインストールすると、ページごとにこの設定を変える事が出来るようになります。

検索ページレイアウト

  • 検索対象 ー 全て/固定ページ/投稿ページ
  • 1ページ当たりの検索投稿数
  • レイアウト

の設定が行えます。

OGP設定

Twitter/FacebookのOGP設定を行う事が出来ます。

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

'}}
LifterLMSのシステム自動出力ページのカスタマイズ方法を解説
'}}
LifterLMS 銀行振り込みなどで登録日とアクティブ日が異なる場合のカスタマイズ例
'}}
(解決済)WordPressから送信されるGmail宛のメールだけ送られない【ロリポップ】
'}}
WordPress予約システムAmeliaのパッケージ(回数券)設定を解説
WP Rocket - WordPress Caching Plugin
ja日本語