WordPress

Stinger8 トップページだけ1カラムにする

投稿日:

Stinger8でトップページだけをデザイン上、サイドバーが非表示の1カラムにする場合の方法です。サイト全体のサイドバー非表示の方法はこちらです。

新規テンプレートを作成してトップページ及び特定の固定ページに適応させる方法はあるのですが、上級者向けカスタマイズです。

内緒ですが(?)、Page Templater For Elementorプラグインを使うと良いです。

固定ページ作成画面に「Page Attributes」が追加表示されますので、「Elementor Fullwidth Standard」を選択します。

余白がなくなってしまうので、CSSにスタイルを追加すると良いでしょう。ついでにテキストをセンタリングすると、こうなります。

/*トップページのスペース*/
.top-adjustment {
margin: 30px;
text-align: center;
}

固定ページのテキストは「

」で挟んであげると良いです。

スポンサーリンク

-WordPress

関連記事

blog

パーマリンクの設定

WordPressで最初の投稿を試みると、困った事に日本語タイトルを付けるとリンク先が日本語になってしましました。「パーマリンク: http://…../はじめに」。これではURLをコピペ …

blog

検索ボックスのphpをショートコードにして投稿や固定ページに入れる

 WordPressでの検索ボックスの表示はphpコード、<?php get_search_form(); ?>です。phpコードを投稿ページや固定ページに書き込んでも表示されませんね。そ …

blog

CSS margin & padding の省略形

CSSのマージンとパディング marginとpaddingは-top, -bottom, -right, -leftと合わせて使いますが、省略形もありますね。 padding-top: 10px; p …

blog

ヘッダーにメニューを加える方法

WordPressではヘッダーに横長のメニューを割と簡単に加えることが出来ます。ちょっと機械的な作業っぽいですが、6つのステップを試してみてください。 *テーマによって、ヘッダーのデザインは多少異なり …

blog

投稿ページごとに違うサイドバーを表示

投稿ページごとや固定ページごとに違うサイドバーを表示 カテゴリーが沢山あって、一括でメニューを作成したら複雑になったので、カテゴリーAを選択したら、A関連だけのナビゲーションメニューをサイドバーに、カ …

Author Profile
こつこつインフォの筆者こつ子です。
いつも兀々やってます。
出版関係のグラフィックデザイナー。
趣味はWebsiteを作ること、ヨガ、犬と山歩き、フルーツ酒作り。
読んでくれてありがとう〜!
**ご意見はこちらへ**