[手順3-4]SWELLのカスタマイズのキーポイント

 SWELLの設定を自分好みに設定したい人は多いでしょう。今回はSWELLのカスタマイズのキーポイントの記事を書きます。これで基本を学んであとは自分好みに調整することができます。

あおい(管理人)

このステップは好みで調整してください。
下記の箇所を変えてみた時の変化を参考にしてください。

目次

トップメニューとメインビジュアルを一体化させる

STEP
カスタマイズ

 ダッシュボード上部のメニューから「カスタマイズ」を選びます。

カスタマイズ
STEP
ヘッダー

 カスタムメニューが表示されるので「ヘッダー」を選びます。

ヘッダー
STEP
ヘッダーメニュー

 ヘッダーメニューが表示されるので、画面を下にスクロールさせます。

ヘッダーメニュー
STEP
ヘッダーの背景を透明にするかどうか

 トップページでの特別設定の欄で「ヘッダーの背景を透明にするかどうか」のメニューの右側の▼ボタンを押します。

ヘッダーの背景を透明にするかどうか
STEP
する(文字色:白)

 選択肢から「する(文字色:白)」を選びます。

する(文字色:白)

ページ上部に表示されるバーを消してみる

STEP
SNSアイコンリストを表示する

 ヘッダーバー設定の中の表示設定で「SNSアイコンリストを表示する」のチェックを外します。

SNSアイコンリストを表示する
STEP
キャッチフレーズの表示位置

 次にキャッチフレーズ設定の「キャッチフレーズの表示位置」の右側の▼ボタンを押します。

キャッチフレーズの表示位置
STEP
表示しない

 表示されるメニューから「表示しない」を選びます。

表示しない
STEP
検索ボタンの表示位置(PC)

 さらに検索ボタンの設定の「検索ボタンの表示位置(PC)」のメニューの右側の▼ボタンを押します。

検索ボタンの表示位置(PC)
STEP
ヘッダーメニューに表示

 メニューの中の「ヘッダーメニューに表示」を選びます。

ヘッダーメニューに表示
STEP
ヘッダーの追従設定

 各ページでヘッダーが追従してくると画面が狭くなるのが気になる場合は、下記のヘッダーを追従させる(PC)及び(SP)の左側に表示されるチェックを外します。

ヘッダーの追従設定
STEP
メニューを戻す

 ヘッダー設定が終わりましたら、メニュー上部の「<」ボタンを押して戻ります。

メニューを戻す

コピーライト

STEP
フッター

 カスタマイズメニューの「フッター」を選びます。

フッター
STEP
コピーライト

 コピーライトのテキストの枠があるので「2023」などの追記を行うと良いと思ます。

コピーライト
STEP
メニューを戻す

 フッターメニューの編集が終わりましたら、メニュー上部の「<」ボタンを押して戻ります。

メニューを戻す

投稿記事のタイトル表示をおしゃれにする

STEP
投稿・固定ページ

 カスタマイズメニューの「投稿・固定ページ」を選びます。

投稿・固定ページ
STEP
タイトル

 メニューの中から「タイトル」を選びます。

タイトル
STEP
タイトルの表示位置

 投稿ページの中のタイトルの表示位置のメニューの右側の▼ボタンを押します。

タイトルの表示位置
STEP
コンテンツ上

表示されるメニューの中から「コンテンツ上」を選びます。

コンテンツ上
STEP
公開

 タイトルメニューの上部に表示されている「公開」ボタンを押して設定を反映させます。

公開
あおい(管理人)

この設定項目は変更箇所が少しわかりにくいのですが、投稿記事のタイトルが通常は背景の上に文字表示されているだけなのですが、画像の上に表示されるようになるため、カッコいいのでお勧めです。

まとめ

 今回は、SWELLのカスタマイズのキーポイントについての記事を書きました。ポイントをまとめると下記の通りとなります。

  1. 見た目の設定なので好きなように設定すれば良い
  2. しかし、設定箇所が多すぎて手を付けづらい
  3. 特に上部に表示されているバーを消すのは分かりづらい

 つまり、SWELLの設定をどこから触って良いか分からない場合には上記の設定を一回やってみることがおすすめです。そして、自分好みに変えたい箇所は別の設定を変えてみましょう!

 WordPressのプラグインに興味がある人は、下記の記事もチェックしてください。

あわせて読みたい
[必要/不要プラグイン]お名前.comレンタルサーバー×SWELL WordPressで必要なプラグインを知りたい人は多いでしょう。今回はお名前ドットコムレンタルサーバー利用時の最低限のプラグインの記事を書きます。これで不必要なプラグインを削除によりブログを高速化することができます。

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

コメント

コメントする

CAPTCHA


目次