Menu
カテゴリー

【SWELL】テーマ導入後、最初に行っておきたいおすすめ初期設定

SWELLの購入やWordPressへのインストールがまだの方は以下の記事を参考に導入できます。

こちらの記事で完了すること

  • 購入
  • 会員登録
  • Discordコミュニティ登録
  • WordPressへのインストール(親テーマと子テーマ)
  • ユーザー認証
  • 使わないテーマの削除

では、本題に入ります。

悩む人

SWELLを導入したけど記事を書き始める前に行った方がいい設定はありますか?

こういった悩みにお答えします。

本記事で解決できること

  • プラグインが導入できる
  • SWELL設定(高速化、構造化データ、jQuery、Font Awesome、機能停止)が行える
  • Googleアナリティクスが設定できる
  • Googleサーチコンソールが設定できる
  • Google AdSenseが設置できる
目次

【SWELL】テーマ導入後、最初に行っておきたいおすすめ初期設定

SWELL導入後、最初に行っておきたいおすすめ初期設定

  • プラグインの導入
  • SWELL設定(高速化、構造化データ、jQuery、Font Awesome、機能停止)
  • Googleアナリティクス設定
  • Googleサーチコンソール設定
  • Google AdSense設置

プラグインの導入

非推奨プラグインは以下の公式サイトから確認できます。
≫ 推奨プラグインと非推奨・不要・注意すべきプラグインについて

SWELLではほぼ必須なプラグイン

開発者がSWELLと同じプラグイン

  • Highlighting Code Block シンタックスハイライト機能付きのコードブロックが使えるようになるプラグイン
  • Useful Blocks
  • Pochipp

SWELL開発者が個人的にオススメなプラグイン

SWELL設定

管理画面メニューから、「SWELL設定」を選択します。

SWELL設定から、以下の設定を行います。

  • 高速化
  • 構造化データ
  • jQuery
  • Font Awesome
  • 機能停止

高速化

キャッシュ機能

設定項目おすすめ設定
動的なCSSをキャッシュする
ヘッダーをキャッシュする
サイドバーをキャッシュする
下部固定メニューをキャッシュする
スマホ開閉メニューをキャッシュする
トップページコンテンツをキャッシュする
内部リンクのブログカードをキャッシュする
外部リンクのブログカードをキャッシュする
ブログカードのキャッシュ期間30日

ファイルの読み込み

SWELLのCSSをインラインで読み込む
コンテンツに合わせて必要なCSSだけを読み込む
フッター付近のCSSを遅延読み込みさせる

遅延読み込み機能

コンテンツの遅延読み込み

記事下コンテンツを遅延読み込みさせる
フッターを遅延読み込みさせる

画像等のLazyload

使用しない
loading="lazy"を使用する
スクリプト(lazysizes.js)を使って遅延読み込みさせる

スクリプトの遅延読み込み

スクリプトを遅延読み込みさせるON
遅延読み込み対象にするスクリプトのキーワードこちらをコピペします。
twitter.com/widgets.js,
instagram.com/embed.js,
connect.facebook.net,
assets.pinterest.com, googletagmanager.com/gtag/js,
gtag(,
clipboard.min.js,
set_urlcopy.min.js,
luminous.min.js,
set_luminous.min.js,
rellax.min.js,
set_rellax.min.js,
prism.js,
hcb_script.js,
スクリプトの遅延読み込み機能をオフにするページデフォルトの「空欄」でOK
遅延させる秒数デフォルトの「5秒」でOK

ページ遷移高速化

高速化の種類

使用しない
Prefetch
Pjaxによる遷移(非推奨)

構造化データ

以下は当サイトの設定です。

JSON-LDを自動生成するON

運営組織の情報 (publisher)

運営組織の名前 name必須Typingstock
運営組織のURL url必須https://hrdyuic.com/
運営組織の別名 alternateName
運営組織の関連URLsameAs
運営組織のロゴlogo

運営組織の設立者 (founder)

設立者の名前 name乙市 – otoichi –
設立者のURL urlhttps://hrdyuic.com/my-profile/
設立者の別名 alternateName
設立者の関連URLsameAshttps://x.com/HRD_Yuic

jQuery

jQueryをwp_footerで登録する
jquery-migrateを読み込まない
jQueryを強制的に読み込む

Font Awesome

読み込み方

読み込まない表示速度を重視する方はこちらに「チェック」を入れる
CSSで読み込む表示速度よりデザイン重視の方はこちらに「チェック」を入れる
JSで読み込む

バージョン

v6
v5

機能停止

SWELLの機能

「ページ表示時のアニメーション」を停止するデフォルトの「チェック」でOK
「スムーススクロール」を停止する表示速度を重視するなら「チェック」を入れる
「URLの自動カード化」を停止するどちらでもOK
「空のpタグを自動削除する機能」を停止するどちらでもOK
「投稿画像をクリックで拡大表示する機能」を停止する表示速度を重視するなら「チェック」を入れる
「PV計測機能」を停止するどちらでもOK
「SWELLが用意しているブロックパターン」を非表示にするどちらでもOK

カスタム投稿タイプ

「LP」を停止どちらでもOK
「ブログパーツ」を停止どちらでもOK
「広告タグ管理」を停止どちらでもOK
「ふきだし管理」を停止どちらでもOK

WordPressの機能

WordPressのバージョン情報を出力しないどちらでもOK
rel="prev/next"を出力しないどちらでもOK
EditURI(RSD Link)を停止するデフォルトの「チェック」でOK
絵文字用のスクリプトの読み込みをしないどちらでもOK
セルフピンバックを停止するどちらでもOK
コアのサイトマップ機能を停止する他のプラグインでサイトマップ機能を使う場合はデフォルトの「チェック」でOK
メディアライブラリの無限スクロールを停止するどちらでもOK
meta="robots" content="max-image-preview:large"を出力しないデフォルトの「空欄」でOK
REST API用のlinkタグを出力しないチェックを入れる
画像のsrcsetを出力しないどちらでもOK
記号の自動変換を停止する(wptexturize無効化)どちらでもOK
RSSフィードを停止するデフォルトの「空欄」でOK

Googleアナリティクス設定

こちらの記事を参考に設定できます。

Googleサーチコンソール設定

こちらの記事を参考に設定できます。

Googleアドセンス設置

こちらの記事を参考に設置できます。

今回は以上です。

この記事が気に入ったら
フォローしてね!

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