WordPressのテーマ「SWELL」はさまざまな設定項目が用意されています。提供されている設定項目をご紹介したいと思います。
WordPress設定
サイト基本情報
サイトのタイトルとキャッチフレーズとサイトアイコンを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-WordPressSetting.jpg)
ホームページ設定
トップページに最新の投稿または固定ページの表示の選択を行う項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-HomePageSetting.png)
固定ページを選択すると、トップページに表示させたい「固定ページ」「投稿ページ」を選択する項目が表示されます。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-HomePageSetting2.jpeg)
サイト全体設定[SWELL]
基本カラー
サイトのメインカラー・テキストカラー・リンクカラー・背景色を設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-BaseColor.png)
基本デザイン
サイト全体の見た目
全体の質感(フラットorまるみをもたせる)・コンテンツの背景色を白に設定する(オン・オフ・メインのみ)を全ページまたは特定のページのみに適用するか(さらにコンテンツを線で囲む)を設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-LookUp-618x1024.png)
フォント設定
ベースフォント・PC/Tablet用フォント・Mobileフォントを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-Font.png)
コンテンツ幅の設定
サイト幅・1カラム時のコンテンツ幅を設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-ContentsWidth.png)
サブメニューの表示形式
サブメニューをアコーディンオン化するかどうかを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-SubmenuViewMode.png)
ページ背景
ページ背景画像(PC/SP)を設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-BackgroundImage.png)
NO IMAGE画像
記事アイキャッチ用の NO IMAGE画像を設定する項目があります。(推奨:横幅1600px以上)
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-NoImage.png)
タイトルデザイン
サブコンテンツのタイトルデザインを設定する項目があります。
サイドバー(PC/SP)・フッター・スマホメニュー内のタイトルデザインの設定項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Title-Designe-502x1024.png)
コンテンツヘッダー
※タイトルの表示位置が「コンテンツ上」に表示されるエリアの設定です。
タイトル背景用デフォルト画像・画像フィルター・カラーオーバーレイの設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Contents-Header-570x1024.jpg)
お知らせバー
ヘッダーに表示するお知らせバーの設定項目になります。
文字の大きさ・表示タイプ・表示内容・リンク先 URL・背景効果・カラー設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Information-Bar1-476x1024.png)
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Information-Bar2.png)
パンくずリスト
表示位置・表示文字列などを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Breadcrumb.png)
ページャー
ページャーの形やデザインを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Pager.png)
スマホ開閉メニュー
カラー(文字/背景/不透明度)・メニューオーバーレイカラー・表示タイトルを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-SmartPhone-Opne-Close-Menu-404x1024.jpg)
右下固定ボタン
右下の目次ボタンの設定・スマホ用固定フッターメニューを設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Bottom-Button-Menu1-621x1024.png)
![](https://beargrass-toybox.net/wp-content/uploads/2022/05/WordPress-themesetting-general-Bottom-Button-Menu2-385x1024.jpg)
ヘッダー[SWELL]
カラー設定
ヘッダー背景色とヘッダー文字色を設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-colorsetting.png)
ヘッダーロゴの設定
ロゴ画像の設定と画像サイズ設定(PC/PC追従ヘッダー/SP)の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-logo.png)
レイアウト・デザイン設定
ヘッダーのレイアウト(PC/SP)とヘッダー境界線の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-layout.png)
トップページでの特別設定
ヘッダーの背景を透明にするかどうか、透過時のロゴ画像の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-specialsetting.png)
ヘッダーの追従設定
追従ヘッダー(PC)の背景不透明度の項目がります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-chaser.png)
ヘッダーバー設定
ヘッダーバー背景色、ヘッダーバー文字色表示設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-bar.png)
キャッチフレーズ設定
キャッチフレーズの表示位置の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-catchephrase.png)
ヘッダーメニュー(グローバルナビ)設定
マウスホバーエフェクト、ホバー時に出てくるラインの色、ヘッダーメニューの背景色、サブメニューの背景色の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-menu-globalnavi-590x1024.jpg)
ヘッダーメニュー(SP)設定
スマホ表示時のループ設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-menu-sp.png)
検索ボタン設定
検索ボタンの表示位置(PC/SP)の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-searchbutton.png)
メニューボタン設定
アイコン下に表示するテキスト、メニューボタン背景色の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-menu-button.png)
カスタムボタン設定
アイコンクラス名、アイコン下に表示するテキスト、カスタムボタン背景色、リンク先URLの項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/03/WordPress-themesetting-header-custombutton.png)
フッター[SWELL]
カラー設定
フッター背景色、フッター文字色、ウィジットエリアの背景色、ウィジットエリアの文字色の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-footer-color.png)
コピーライト設定
コピーライトのテキストの項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-footer-copywriter.png)
その他の設定
「フッター」と「フッター直前ウィジット」の間の余白をなくす、フッターにSNSアイコンリストを表示するの項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-footer-other.png)
サイドバー[SWELL]
サイドバーをトップページ/投稿ページ/固定ページ/アーカイブページの表示および表示位置(左右)の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-sidebar.png)
トップページ[SWELL]
メインビジュアル
メインビジュアルの表示内容(表示しない/画像/動画)を設定する項目になります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-main-visual.png)
表示設定
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-main-visual-viewsetting-419x1024.png)
画像スライダー設定
注意!スライド画像を1枚設定しただけでは設定項目は表示されません。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-main-visual-slider-setting1.png)
スライドの切り替えアニメーション・スライドの表示中アニメーション・スライドの切り替わり速度・スライドが切り替わる間隔・スライドの表示枚数・スライドの表示枚数(SP)・ナビゲーションの表示設定(矢印ナビゲーション/ページネーションの表示)・テキスト固定表示設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-main-visual-slider-setting2-388x1024.png)
スライド[1]〜スライド[5]
初期設定ではスライド[1],スライド[2]しか表示されていませんが、スライド[2]を設定したらスライド[3]の設定項目が表示されます。スライド[3]を設定したらスライド[4]が、スライド[4]を設定したらスライド[5]の設定項目が表示されます。
スライド画像 (PC/SP) ・メインテキスト・サブテキスト・ブログパーツID・alt属性・リンク先URL・ボタンテキスト・テキストの位置・テキストカラー・テキストシャドウカラーの項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-main-visual-slider-slide1-1-409x1024.jpg)
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-main-visual-slider-slide1-2-450x1024.jpg)
記事スライダー
記事スライダーを設置するかどうかの項目になります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-article-slider.png)
記事のピックアップ方法
ピックアップ対象(カテゴリーID/タグ名)と並び順の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-article-slider-pickup.png)
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-article-slider-pickup2.png)
記事の表示設定
タイトルや日付の表示位置・カテゴリー表示位置・日付の表示設定(公開日/更新日)・著者の表示設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-article-slider-view-setting.png)
スライド設定
スライダーの枚数設定(PC/SP)・スライドのアニメーション速度と切り替わる間隔・矢印ナビゲーション表示・ページネーション表示・スライド間の余白有無の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-article-slider-slider-setting-585x1024.png)
その他の表示設定
記事スライダーエリアのタイトル・上下の余白量・左右の幅・記事スライダーエリアの文字色・記事スライダーエリアの背景色・記事スライダーエリアの背景画像・背景画像の透過設定の項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-article-slider-other-setting-425x1024.jpg)
ピックアップバナー
ピックアップバナーに設定しているメニューがある場合に有効になります。
バナーレイアウト
バナーレイアウト(PC/SP)の表示列数の設定項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-pickupbanner.png)
バナーデザイン
バナータイトルのデザイン(表示位置)・内側に白線をつける(またはつけない)・バナー画像を少し暗くする(またはしない)を設定する項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-pickupbanner-designe.png)
その他
トップページ位ギアの下層ページにも表示する・Lazyloadを強制オフするの設定項目があります。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-pickupbanner-other.png)
その他
コンテンツ上の余白量を設定する項目があります。
対象はメインビジュアル・記事スライダーの部分と、その下のコンテンツ部分との間の余白量を設定できます。
![](https://beargrass-toybox.net/wp-content/uploads/2022/04/WordPress-themesetting-toppage-pickupbanner-other-2.png)
投稿・固定ページ[SWELL]
近日公開予定
アーカイブページ[SWELL]
近日公開予定
記事一覧リスト[SWELL]
近日公開予定
SNS情報[SWELL]
近日公開予定
高度な設定[SWELL]
近日公開予定
メニュー
近日公開予定
ウィジット
近日公開予定
追加CSS
近日公開予定