DESIGN WEB WING|Affinger5 WORDPRESS プラグイン

【AFFINGER5(WING)|デザイン前の必須作業】迷いがちな作業|忘れないためのメモ

投稿日:

これはAFFINGERの「忘れやすい作業」のメモです!

 

メモ

まず。公式サイトのユーザーマニュアルをめっちゃ見てから、ネットでこの人のサイトみたいにしたい!と思う人のサイトで情報を取り入れることをオススメします!

 

AFFINGER5 管理から作業

 

ご注意メモ

オリジナルテーマカスタマイザーを使用する。

この表記はなくなったそうです。

 

AFFINGER5 管理画面設定

設定

ここには、チェックを入れていません。作者の方も入れてないそうなので!笑

カラー設定は「外観」→「カスタマイズ」から詳細に設定できます。(後回し)

 

◉サイト全体のレイアウトをリセットするを選択

 

サムネイル画像の選択

アイキャッチ画像を設定し忘れた時のために必ずアップしとく

 

抜粋記事の文字数を指定:50にしてます!

 

フォントサイズの指定

私はデフォルトより小さめです!

スマホ版

 

タブレットはデフォルトのままにしています!

PC版

SNSを設定

SEO設定

 

Google関連設定

管理画面から一番初めに施すべき最低限のGoogle設定

  1. Googleコンソール設定
  2. サイトマップを送信
  3. Googleアナリティクス設定

Googleコンソール

  1. 独自ドメインの場合:http|https|http://www |https://www
  2. メタタグをAffinger管理画面に記入
    同じなので、メタタグを選んで確認押せばOK(3に飛んでいい。)
    サブドメインはすべて共通のKEYになる。
    サブディレクトリは独自ドメインと同じコードでOK!

  3. Affinger下部でsave
  4. コンソール側で確認

 

注意ポイント

独自ドメインで「www」を設定できない時は、URLで検索してみてエラーチェック。

サーバー側のフォルダ指定が「www」無し本ドメインと同一に指定できているかチェック。

 

サイトマップの送信も忘れずに

sitemap.xmlを入力(プラグイン XMLsitemap|実装必須)

 

3Googleアナリティクス設定

アナリティクス管理画面から新規作成

「Googleアナリティクス」 こちらへ・・・

 

Googleアナリティクス設定

  1. ゲットしたビューIDをAffinger5管理画面に入力。
  2. コンソールとの紐付け
  3. httpsで日本になっているかを再チェック!

 

GoogleアナリティクスとGoogleサーチコンソールの設定【SEO対策|Google設定】
GoogleアナリティクスとGoogleサーチコンソールの設定【SEO対策|Google設定】

避けては通れない2大巨頭 避けても通れるけれど出来れば避けちゃダメ。 Googleサーチコンソール(旧名:ウェブマスターツール) Googleアナリティクス   Googleコンソール &n ...

続きを見る

 

 

AMP対応

から以下2点にチェック!

 

その他の設定

<大切>Lazy Loadプラグインの役割を果たすチェック箇所

 

「保存」をわすれないこと!

 

すごく便利な機能のご紹介!

ポイント!
  1. ここにチェックを入れると投稿一覧で文字カウントができちゃう!
  2. サムネイルも見れちゃうから、一目で欲しい情報がすぐ分かる!

 

 

新しく始める方はここまで出来たらとりあえずOK!

次は「外観」から「デザイン」を作る作業へ進みましょう!
楽しいですよ!

 

【AFFINGER5|やっとデザイン開始!】

外観→カスタマイズでデザインしていく!

やっと!デザイン作業だー!

 

可愛いサイトを作るための下準備

色を決めておく。

5色くらいまでにしています。あまりにも多いとごちゃつくので!
COOLORSにお世話になってます!

 

 

まとめ

ほとんどのことがCSS無しでできてしまいます!

何よりよくよく何回も管理画面を見てみてみることをオススメします!

Copyright© うふふ.TOKYO , 2019 All Rights Reserved.