この記事は私用のswell備忘録で外向けに書いておりませんので
ご了承下さい
１．テーマswellインストール
ユーザー認証 ogura-s@
カスタマイズから
カラー設定
https://www.color-site.com/
１．プラグイン
spectra
https://swell-theme.com/basic-setting/4688/
SEO SIMPLE PACK
XML Sitemap & Google News
Wordfence Security
２．文字サイズ・フォントサイズ
カスタマイズ→基本設定→サイト全体設定→基本デザイン→游ゴシック・極大(18px)
３．ロゴ
フリーイラスト＆canvaで1600ｘ320の高さで作成
https://mofuco-design.com/swell-mainvisual/
４．ファビコン サイトアイコン
https://luv-pottsu.com/blog/archives/923
サイズ 512ｘ512
「カスタマイズ」＞「WordPress設定」＞「サイト基本情報」⇒サイトアイコン
４．ロゴ背景は透過
５．ヘッダーバー削除
https://luv-pottsu.com/blog/archives/767
６．メインビジュアル（トップページ画像）高さ調整
カスタマイズ→トップページ→メインビジュアル→メインビジュアルの高さ 40vw
メインビジュアル 画像の大きさ作成関係
1600ｘ900
https://mofuco-design.com/swell-mainvisual/
参考ブログ
７．トップページ 記事スライダー 削除
・トップページ設定 設定⇒表示設定
８．ピックアップバナー
記事上部のバナー
https://sgs-prog.com/swell-pickup-banner/
７．個別ページのメインビジュアル（タイトル背景画像）
アイキャッチ画像設定→表示の上書き設定でコンテンツ上を設定
ページ自体のアイキャッチを非表示にしたい場合は、
８．トップページの設定
左の管理画面→設定→ホームページの設定→固定ページ（任意のページ）
https://d-amus.com/web/swell/13/
トップページのサイドバー非表示
９．パーマリンク
左の管理画面→設定→パーマリンク だけど、何でも良い
記事作成＆投稿ごとに変更していく
１１．ヘッダー（メインビジュアル右上に画像やボタン設置）
https://luv-pottsu.com/blog/archives/730
https://tsutchii.com/swell-header-inside-contact-info#index_id2
（今度、下のこれでやってみる）
・ヘッダーメニュー（グローバル）の文字サイズ変更
追加CSSにコードをコピペする
グローバルメニューのフォントサイズ（太字）を変更するためのCSSコードは以下の通りです。
/* ヘッダーメニューフォントサイズ変更 */
.c-gnav>.menu-item>a .ttl {
font-size: 18px;
font-weight: bold;
・メニュー下に説明（英語など）
https://swell-theme.com/basic-setting/339/
右上の表示オプション→”説明”をチェック
１２．記事スライダー・ピックアップバナー
１３．コンタクトフォーム７
改行間隔をあける為に追加CSS で下記を加えた
” .wpcf7 .wpcf7-form p { 2 margin-bottom: 3em; 3} ”
カスタマイズ→追加CSS（一番下にある）
１４ ブロック背景 動画
Spectraのcontainerで１つのコンテナを選んで動画を挿入
または
ブロックのメディアにあるカバーも同じ
１５．画像を横に複数並べる
swellの方が後で調整しやすい
ブロックでフルワイドを選択
16.インライン画像 追加CSS
https://limonenote.com/insert-images-intexts/
１７．画像と説明文 横並びで重ねる
https://boonboonswell.com/entries/entry-1196.html
１８．メインビジュアルの上にヘッダーを被せる
https://swell-theme.com/basic-setting/84/
１９．メニュー
グローバルメニュー設置
