SWELL テーマ設定全項目

当サイトは記事内に広告を含みます。

WordPressのテーマ「SWELL」はさまざまな設定項目が用意されています。提供されている設定項目をご紹介したいと思います。

目次

WordPress設定

サイト基本情報

サイトのタイトルとキャッチフレーズとサイトアイコンを設定する項目があります。

サイト基本情報

ホームページ設定

トップページに最新の投稿または固定ページの表示の選択を行う項目があります。

ホームページ設定

固定ページを選択すると、トップページに表示させたい「固定ページ」「投稿ページ」を選択する項目が表示されます。

ホームページ設定(固定ページ指定時)

サイト全体設定[SWELL]

基本カラー

サイトのメインカラー・テキストカラー・リンクカラー・背景色を設定する項目があります。

基本カラー

基本デザイン

サイト全体の見た目

全体の質感(フラットorまるみをもたせる)・コンテンツの背景色を白に設定する(オン・オフ・メインのみ)を全ページまたは特定のページのみに適用するか(さらにコンテンツを線で囲む)を設定する項目があります。

サイト全体の見た目

フォント設定

ベースフォント・PC/Tablet用フォント・Mobileフォントを設定する項目があります。

フォント設定

コンテンツ幅の設定

サイト幅・1カラム時のコンテンツ幅を設定する項目があります。

コンテンツ幅の設定

サブメニューの表示形式

サブメニューをアコーディンオン化するかどうかを設定する項目があります。

サブメニューの表示形式

ページ背景

ページ背景画像(PC/SP)を設定する項目があります。

ページ背景

NO IMAGE画像

記事アイキャッチ用の NO IMAGE画像を設定する項目があります。(推奨:横幅1600px以上)

NO IMAGE画像

タイトルデザイン

サブコンテンツのタイトルデザインを設定する項目があります。

サイドバー(PC/SP)・フッター・スマホメニュー内のタイトルデザインの設定項目があります。

タイトルデザイン

コンテンツヘッダー

※タイトルの表示位置が「コンテンツ上」に表示されるエリアの設定です。

タイトル背景用デフォルト画像・画像フィルター・カラーオーバーレイの設定の項目があります。

コンテンツヘッダー

お知らせバー

ヘッダーに表示するお知らせバーの設定項目になります。

文字の大きさ・表示タイプ・表示内容・リンク先 URL・背景効果・カラー設定の項目があります。

お知らせバー(1/2)
お知らせバー(2/2)

パンくずリスト

表示位置・表示文字列などを設定する項目があります。

パンくずリスト

ページャー

ページャーの形やデザインを設定する項目があります。

ページャー

スマホ開閉メニュー

カラー(文字/背景/不透明度)・メニューオーバーレイカラー・表示タイトルを設定する項目があります。

スマホ開閉メニュー

右下固定ボタン

右下の目次ボタンの設定・スマホ用固定フッターメニューを設定する項目があります。

右下固定ボタン(1/2)
右下固定ボタン(2/2)

ヘッダー[SWELL]

カラー設定

ヘッダー背景色とヘッダー文字色を設定する項目があります。

カラー設定

ヘッダーロゴの設定

ロゴ画像の設定と画像サイズ設定(PC/PC追従ヘッダー/SP)の項目があります。

ヘッダーロゴの設定

レイアウト・デザイン設定

ヘッダーのレイアウト(PC/SP)とヘッダー境界線の項目があります。

レイアウト・デザイン設定

トップページでの特別設定

ヘッダーの背景を透明にするかどうか、透過時のロゴ画像の項目があります。

トップページでの特別設定

ヘッダーの追従設定

追従ヘッダー(PC)の背景不透明度の項目がります。

ヘッダーの追従設定

ヘッダーバー設定

ヘッダーバー背景色、ヘッダーバー文字色表示設定の項目があります。

ヘッダーバー設定

キャッチフレーズ設定

キャッチフレーズの表示位置の項目があります。

キャッチフレーズ設定

ヘッダーメニュー(グローバルナビ)設定

マウスホバーエフェクト、ホバー時に出てくるラインの色、ヘッダーメニューの背景色、サブメニューの背景色の項目があります。

ヘッダーメニュー(グローバルナビ)設定

ヘッダーメニュー(SP)設定

スマホ表示時のループ設定の項目があります。

ヘッダーメニュー(SP)設定

検索ボタン設定

検索ボタンの表示位置(PC/SP)の項目があります。

検索ボタン設定

メニューボタン設定

アイコン下に表示するテキスト、メニューボタン背景色の項目があります。

メニューボタン設定

カスタムボタン設定

アイコンクラス名、アイコン下に表示するテキスト、カスタムボタン背景色、リンク先URLの項目があります。

カスタムボタン設定

フッター[SWELL]

カラー設定

フッター背景色、フッター文字色、ウィジットエリアの背景色、ウィジットエリアの文字色の項目があります。

カラー設定

コピーライト設定

コピーライトのテキストの項目があります。

コピーライト設定

その他の設定

「フッター」と「フッター直前ウィジット」の間の余白をなくす、フッターにSNSアイコンリストを表示するの項目があります。

その他の設定

サイドバー[SWELL]

サイドバーをトップページ/投稿ページ/固定ページ/アーカイブページの表示および表示位置(左右)の項目があります。

トップページ[SWELL]

メインビジュアル

メインビジュアルの表示内容(表示しない/画像/動画)を設定する項目になります。

メインビジュアル

表示設定

画像スライダー設定

注意!スライド画像を1枚設定しただけでは設定項目は表示されません。

画像スライダー設定(出現前)

スライドの切り替えアニメーション・スライドの表示中アニメーション・スライドの切り替わり速度・スライドが切り替わる間隔・スライドの表示枚数・スライドの表示枚数(SP)・ナビゲーションの表示設定(矢印ナビゲーション/ページネーションの表示)・テキスト固定表示設定の項目があります。

画像スライダー設定(出現後)

スライド[1]〜スライド[5]

初期設定ではスライド[1],スライド[2]しか表示されていませんが、スライド[2]を設定したらスライド[3]の設定項目が表示されます。スライド[3]を設定したらスライド[4]が、スライド[4]を設定したらスライド[5]の設定項目が表示されます。

スライド画像 (PC/SP) ・メインテキスト・サブテキスト・ブログパーツID・alt属性・リンク先URL・ボタンテキスト・テキストの位置・テキストカラー・テキストシャドウカラーの項目があります。

スライド[1](1/2)
スライド[1](2/2)

記事スライダー

記事スライダーを設置するかどうかの項目になります。

記事のピックアップ方法

ピックアップ対象(カテゴリーID/タグ名)と並び順の項目があります。

記事のピックアップ方法(カテゴリー選択時)
記事のピックアップ方法(タグ選択時)

記事の表示設定

タイトルや日付の表示位置・カテゴリー表示位置・日付の表示設定(公開日/更新日)・著者の表示設定の項目があります。

記事の表示設定

スライド設定

スライダーの枚数設定(PC/SP)・スライドのアニメーション速度と切り替わる間隔・矢印ナビゲーション表示・ページネーション表示・スライド間の余白有無の項目があります。

スライド設定

その他の表示設定

記事スライダーエリアのタイトル・上下の余白量・左右の幅・記事スライダーエリアの文字色・記事スライダーエリアの背景色・記事スライダーエリアの背景画像・背景画像の透過設定の項目があります。

その他の表示設定

ピックアップバナー

ピックアップバナーに設定しているメニューがある場合に有効になります。

バナーレイアウト

バナーレイアウト(PC/SP)の表示列数の設定項目があります。

バナーレイアウト

バナーデザイン

バナータイトルのデザイン(表示位置)・内側に白線をつける(またはつけない)・バナー画像を少し暗くする(またはしない)を設定する項目があります。

バナーデザイン

その他

トップページ位ギアの下層ページにも表示する・Lazyloadを強制オフするの設定項目があります。

その他

その他

コンテンツ上の余白量を設定する項目があります。

対象はメインビジュアル・記事スライダーの部分と、その下のコンテンツ部分との間の余白量を設定できます。

投稿・固定ページ[SWELL]

近日公開予定

アーカイブページ[SWELL]

近日公開予定

記事一覧リスト[SWELL]

近日公開予定

SNS情報[SWELL]

近日公開予定

高度な設定[SWELL]

近日公開予定

メニュー

近日公開予定

ウィジット

近日公開予定

追加CSS

近日公開予定

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

プログラム歴20年弱のエンジニアです。
公私ともに”作る”をテーマに日々過ごしています。
「効率化」と対局にある「手間を楽しむ生活」を求め、
築18年のログハウスをリノベーションし2019年に移住しました。
大好きなガジェット・ツールに囲まれながらDIY、薪活、アプリ開発を楽しんでいます。

目次