Basic setting AFFINGER

AFFINGER 管理【その他】タブのメニュー設定を完全解説!AFFINGER6

当ページのリンクには広告が含まれています。

35442_affinger6-other-2

こんにちは "osaboo"です。"@osaboo_Bot"

AFFINGER 管理 の「その他」タブのメニューでできる 詳細設定の内容を初心者さん向けにわかりやすくご紹介します。

AFFINGER管理の「その他」では、Chrome画像・各種リンク・フォントコピーライト・ウイジェット・遅延読込・テーマのアップデート更新通知などの設定を行うことができます。

その他にまとめられた設定には、サイトの標準的な設定に欠かせない重要な部分も含まれているのでしっかり設定しておきましょう。

「筆者おすすめの設定もあわせてご紹介します!」

こんな方におすすめ!

  • AFFINGER6の初心者さん
  • サイトの表示絡みに細かいこだわりがある?!(筆者^^)
  • AFFINGER6(テーマ)を常に最新の状態に保ちたい。

この記事でわかること!

  • AFFINGER 管理:その他タブ(その他の設定)の概要
  • その他の設定
  • ウィジェット
  • 演出
  • 遅延読込
  • カスタム投稿一覧の設定・コードの出力
  • 管理画面・テーマのアップデート更新通知(β)
  • まとめ

それではご覧ください!

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

AFFINGER 管理:その他タブ(その他の設定)の概要

この章では、AFFINGER 管理:その他タブ(その他の設定)の概要をご紹介します。

『AFFINGER管理>その他』をクリックします。

AFFINGER 管理:その他タブ(その他の設定)の概要
  • ピンク色の破線部の設定項目を解説します。

※ 本記事の設定では『AFFINGER管理』のメニューを編集します。

ロリポップレンタルサーバーをお使いの方は、ドメインの『WAFの設定』を一時的に無効 にしてください。◀︎『403 Error』が出た場合。

AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!
AFFINGER6&ロリポップ!レンタルサーバー『403 Error』が出た時の対処方法!

ロリポップ!レンタルサーバーを使用してAFFINGER6(ACTION)のヘッダー等の表示系をカスタマイズするとセーブ時に『403 Error』が表示されセーブできない! こんな時はロリポップユーザー専用ページにログインしてWAFの設定を無効にするだけ!

各設定項目で、できることを以下に整理しました。^^/

・その他の設定

その他の設定では、Chromeの表示条件(ボカシの強度)・各種リンクの初期条件・スクロール動作・サイドバー広告の追従設定・フォント読み込み・コピーライトなどの設定ができます。

特に重要なのは、サイドバー広告の追従コピーライトの設定です。必ず意識してどのように設定するか決めましょう。

・ウィジェット

ウィジェットでは、項目を非表示にし、「利用可能なウィジェット」から無効化できます。

無理に非表示にする必要はありませんが…あなたのサイトで使わない項目や機能が同じ類の項目は非表示にすると迷わなくて良いかもしれません。

例えば、「00_AFFINGERカスタムHTML」で「カスタム HTM」は代用できるので片方は、非表示でも問題ありません。

利用できるウィジェット項目の内容や活用方法を以下の記事でご紹介しています。ウィジェットについて詳しく知りたい方は、ぜひ、ご覧ください。

・演出

演出では、適応IDかクラスを入力することで、表示方法を設定できます。

例えば、ブログタイトルやメニューをフェードインや下から上に表示させるなどです。

記事エリアやサイト全体の画像表示方法は、チェックボックスの『ON/OFF』で簡単に設定可能です。

・遅延読込

 遅延読込では、WordPress本体のLazyLoadを有効にする設定がチェックの『ON/OFF』で簡単に設定可能です。

ちなみに 当サイトではチェックを『ON』にしています。

・カスタム投稿一覧の設定・コードの出力(上級者向け)

カスタム投稿一覧の設定・コードの出力は、上級者向けのため少し慣れてきてから検討しましょう。

  • カスタム投稿一覧の設定は、記事が増えてきてからでOKです。
  • コード出力では、ASPやGoogleアドセンスなどを理解してからで良いと思います。

・管理画面・テーマのアップデート更新通知(β)

ダッシュボードやカスタマイザーの表示設定や「購入ユーザー限定ページ」用のパスワードを使用することで、テーマの更新通知が受け取れるようになります。

テーマの更新忘れがなくなるので、おすすめです。

それでは順番に見ていきましょう。

その他の設定

その他の設定では、Chromeの表示条件(ボカシの強度)・各種リンクの初期条件・スクロール動作・サイドバー広告の追従設定・フォント読み込み・コピーライトなどの設定ができます。

設定項目の画面は以下の通りです。

AFFINGER 管理:その他タブ(その他の設定)

その他の設定

  • Chromeの縮小画像に生じるぼかしを軽減する
    • ON:おすすめ
      「気にならなければ、OFF:デフォルトでOKです」
  •  記事内の外部リンクを別ウィンドウで開く(target="_blank"を付与)
    • ON:おすすめ
      「初期のサイトでは、離脱防止になります」
  •  リンクのtarget="_blank"を削除する(記事エリア
    • OFF:デフォルト
      「リンク先が新しいウインドウ(タブ)で表示される設定です」
  •  リンクのrel="noopener noreferrer"を削除する(記事エリア※トラブルの原因となる場合がございます。用途が明確でない限り有効化しないで下さい
    • OFF:デフォルト
  •  メディアライブラリの無限スクロールを有効化
    • O N:デフォルト
      「お好みですが…基本デフォルトでOKです」
  •  セルフピンバックを停止する
    • OFF:デフォルト
      「お好みですが…基本デフォルトでOKです」
  •  RSSフィードを配信しない
    • OFF:デフォルト
      「配信する場合は、ONにします」
  •  jsによるスムーススクロールを使用する
    • OFF:デフォルト
      「お好みです…当サイトではONにしています。→ 筆者は好きです^^」
  •  PC閲覧時にサイドバーの最下部広告エリアをスクロール追尾しない
    • OFF:デフォルト
      「サイドの広告部は追従させた方が良いです。デフォルトがおすすめです」
  •  スマホ閲覧時に横揺れが生じる場合に強制的に改善します(※position:stickyは使用できなくなります)
    • OFF:デフォルト
  •  FontAwesomeIcons4.7.0の読み込み
    • OFF:デフォルト
      「フォントのこだわりが強い方はONにしてください」ps:あまりおすすめできないです。
  • コピーライトの年: 著作権者の名称:
    • コピーライトは入力することをおすすめします。
      ページの最下部に表示されます。
      AFFINGER管理:その他|コピーライト ←「当サイドではこんな感じです」
  • 各設定項目を変更する場合は、必ず表示や動作を確認しながら好みに合わせていきましょう。

ウィジェット

ウィジェットでは、項目を非表示にし、「利用可能なウィジェット」から無効化できます。

設定項目の画面は以下の通りです。

AFFINGER 管理:その他タブ(その他の設定)|ウィジェット

ウィジェット

ウィジェットの項目も多いので、初めは覚えきれないと思います。なので…ブログを運営しながら少しづつ整理していけば良いかと。

  • あえて非表示にする必要はありません。

利用できるウィジェット項目の内容や活用方法を以下の記事でご紹介しています。ウィジェットについて詳しく知りたい方は、ぜひ、ご覧ください。

演出

演出では、適応IDかクラスを入力することで、表示方法を設定できます。

設定項目の画面は以下の通りです。

AFFINGER 管理:その他タブ(その他の設定)|演出

演出

【@keyframesによるアニメーション】
「適応ID及びクラスを書き出してみました。参考にしてください。」

  • 上から下:
    • #header-l,st-mobile-logo
  • 下から上:
    • .st-middle-menu,.kanren,.post-card
  • 右から左:
    • .st-cardlink-card
  • 左から右:
    • #menuwide nav
  • フェードインのみ
    • main .entry.title

【記事タイトル】

  • 記事タイトルをフェードインする 
    • OFF:デフォルト
      「お好みですが…基本デフォルトでOKです」
  • 記事エリアの画像表示をスクロールでフェードインする
    • OFF:デフォルト
      「お好みですが…基本デフォルトでOKです」
  •  サイト全体の画像表示をスクロールでフェードインする
    • OFF:デフォルト
      「お好みですが…基本デフォルトでOKです」
  •  画像の演出をリセットする
    • ON:デフォルト
      「お好みですが…基本デフォルトでOKです」
  • 演出設定をすることで、サイトスピードは低下する可能性があります。
    「シャープに表示したい方は、あまり使わない方が良いかもです」

遅延読込

遅延読込では、 WordPress本体のLazyLoadを有効にする設定がチェックの『ON/OFF』で簡単に設定可能です。

設定項目の画面は以下の通りです。

AFFINGER 管理:その他タブ(その他の設定)|遅延読込

遅延読込

  • WordPress本体のLazyLoadを有効にする(※height,widthが記載されたimgが対象です。「LazyLoadSEO」プラグイン使用時は自動で無効化されます。)
    • ON:おすすめ
      「支障がない限り、ONがおすすめです」
  • Lazy Load:画像の遅延読み込みが可能になり、その分だけ表示速度を高速化することができます。

カスタム投稿一覧の設定・コードの出力

カスタム投稿一覧の設定コードの出力は、上級者向けのため少し慣れてきてから検討しましょう。

設定項目の画面は以下の通りです。

AFFINGER 管理:その他タブ(その他の設定)|管理画面|テーマのアップデート更新通知(β)|コードの出力

カスタム投稿一覧の設定

カスタム投稿とは、投稿ページ・固定ページとは別にサイト情報を細分化するために使うページのことで、カテゴリやタグなどで整理しきれない場合などに使うページと考えればOKです。
(固定ページに似た感じのページ)

  • 詳しくは、以下の記事でご紹介していますので、興味のある方はご覧ください。
35795_wordpress-custom-post-type-2
WordPressのカスタム投稿とは?「カスタム投稿タイプ(Custom Post Type)調べてみた!」

WordPressのカスタム投稿を使った独自の投稿タイプの作成!サイトを効果的にカスタマイズする方法を徹底解説。カスタムフィールドやプラグインを活用し、SEO強化も実現できます。

コードの出力

コードの出力は、「STDで2箇所、EXで3箇所」に出力可能です。

  • STD/EX:「headに出力する」「</body>直前に出力する」
  • EX:「<body>直後に出力する」
  • ページを開いた時、「一番上や本文の前・後」に読み込ませるコードを設定できます。
    「Googleアドセンス・フォント・ASP広告など」を一括でページに読み込ませる設定です」

作成中…しばらくお待ちください。

管理画面・テーマのアップデート更新通知(β)

  • 管理画面では、ダッシュボードやカスタマイザーの表示設定ができます。
  • テーマのアップデート更新通知(β)では、「購入ユーザー限定ページ」用のパスワードを使用して、テーマの更新通知が受け取れるようになります。

設定項目の画面は以下の通りです。

AFFINGER 管理:その他タブ(その他の設定)|管理画面|テーマのアップデート更新通知(β)|コードの出力

管理画面

  • ダッシュボードの内容を非表示にして2カラムに
    • OFF:デフォルト
  • カスタマイザーのデフォルトパネル(メニュー・ウィジェット・固定フロントページ)を非表示にする
    • ON:デフォルト
  • WordPressの自動更新を有効化する(動作検証済みWordPressバージョン以降のアップデートは不具合を引き起こす可能性がございます※100%更新停止を保証するものではありません)
    • ON:おすすめ
      「支障がない限り、ONがおすすめです」
  • 管理画面の表示は、基本デフォルトがおすすめです。

テーマのアップデート更新通知(β)

  • 更新通知パスワード: 
    • パスワード入力後、有効化:ON
      「テーマの更新にはバグ修正が含まれているため、常に最新の状態にすることをおすすめします。支障が出ない限り、ぜひ有効化しましょう

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

まとめ!AFFINGER 管理【その他】タブのメニュー設定を完全解説!AFFINGER6

AFFINGER6の管理画面で行う『その他』の各設定項目について初心者さん向けにご紹介しました。WordPressテーマ AFFINGER6専用の拡張機能を有効に使うために、お役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

WordPressテーマ

ACTION / AFFINGER6
コスパ最強のWordPressテーマ

action-affinger6-ex-1a

AFFINGER

WordPressテーマ

シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ

SWELL

AFFINGER6_おすすめ記事!

26239_affinger6-swell-comparison-4a 1

WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。

19298_affinger6-honest-review-2a 2

AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを徹底解説。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意しました。

3969_affinger6-how-to-buy-2 3

WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。また購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。

15446_AFFINGER6-how-to-use-tag-ma-1 4

AFFINGERタグ管理マネージャー4 ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。

-Basic setting AFFINGER
-