【AFFINEGR5アップデート】google+ボタン削除、他機能追加（ver20181012）

AFFINGER5(WING)のアップデートが来ましたがその前に、google+で50万人規模の個人情報の流出が起きてしまったことはご存知でしょうか？それに伴い「google+のサービス終了」がアナウンスされましたね。

そうなってくると各種WordPressテーマにおいてSNSボタンの削除や撤去が必要になりますが、そこはさすがAFFINGER5。今回のアップデートで『google+のSNSボタンを削除』してくたようです。

その他、細かいアップデートがあるのでまとめておきます。

 

ver20181012アップデート内容

google+のSNSボタンを削除

記事下部ないし上部に設置できるSNS投稿用の『google+ボタン』がなくなり、その代りに右下の『コピーするボタン』が設置されました。

これは今見ているページのURLをワンボタンでコピーできるので、用途がSNSではない人にはちょっとだけ便利な機能になりそうですね。

 

チェックボックスリストの追加

「タグ」＞「ボックスデザイン」＞「チェックボックス（番号なしリスト）」

＼　表示例　／

テキストエディタで見てみるとショートコードの間に<div>タグが使用されていますが、<div>タグはなくなっても問題ないようです。

リスト追加前

<p>
</p>
<div> </div>
<p>
</p>

 

リスト追加後

<p>
</p>
<ul>
	<li>このような　</li>
	<li>チェックリストが</li>
	<li>作成できます</li>
</ul>
<p>
</p>

 

こんな感じでショートコードの間に<ul>と<li>を使用してあれば公開された記事には表示されるようです。

※ソースコードの挿入方法がよくわからないので画像で表示しています。お恥ずかしい…コードの挿入できた！

 

 

ポイントデザインの追加

「タグ」＞「テキストパーツ」＞「ポイント」

＼　表示例　／

←これがポイントデザインです

ショートコードで囲まれた間に文字を入れることで表示できます。

あると便利なデザインなので、ほかの場所よりも少し目立つ色合いにしておくとより効果が強調できます。使用する時はショートコードの中の文字を<strong>タグで囲んでおくと見る側もわかりやすそうですね。

ショートコード内にfontweight="bold"が書かれているので、自動的に太くなり強調されます。

 

横並び可能なボタンの追加

「タグ」＞「カスタムボタン」＞「ミニ」

 

＼　表示例　／

このようにボタンを文章中に並べることができたり、

AFFINGER5WING公式ページチェックする

横に並べてボタンを設置することが可能です。

画面幅によってボタンの位置はずれてきます。

URL・テキスト・テキスト色・ボタンの色・シャドウ・サイズ・rel属性・target・フォントアイコン（前後）・キラリ効果の変更可能がとなってます。

 

デザイン済みの見出し付きボックスの追加

「タグ」＞「ボックスデザイン」＞「見出し付きフリーボックス」

今までのフリーボックスに『デザイン済みのボックス』が追加されました。

よく使うであろう内容のボックスにフォントアイコンと、さらにアニメーション効果が付与されているので読者の目を引きやすくなっています。

＼　表示例　／

ショートコードでの記載になるのでアニメーションやフォントアイコンは任意でなしにすることもできます。

使用できるフォントアイコンはontawesome4のものになります。

 

コメントフォームの簡易カスタマイズ追加

• ウェブサイト入力欄を非表示
• メールアドレスの入力欄の非表示
• 「メールアドレスが公開されることはありません。＊がついている欄は必須項目です」を非表示
• コメント欄を非表示にする

上記を「AFFINGER5管理」＞「投稿・固定記事」＞「コメント」から設定可能になりました。

 

もくじデザインの項目追加

「外観」＞「カスタマイズ」＞「オプションカラー」＞「すごいもくじ」

すごいもくじのボーダーの太さや色を変更できるようになりました。

見出しが第一階層のみの場合にリンクを太字する設定が追加されました。

 

見出しデザインのパターン追加

デザインパターンにシンプルなデザイン『ブログ』が追加されました。

デザインはサンプルサイトにてご確認ください。

 

検索結果ページの調整

検索結果のページに『検索フォーム』をデフォルトで追加。

再検索を促しやすくなりましたね。

 

こんな方におすすめのCSS調整

    .st-blackboard {
      border: 2px solid #757575;
    }

    .st-blackboard {
      border: 3px solid #f3f3f3;
    }

 

マイボックスの見出しサイズ調整

 

WEBフォントのUnicode変更

チェックボックスのWebフォント追加に伴いオリジナルWebフォントのUnicodeが変更になりました。

 

コンテンツ上部余白設定

「AFFINGER5管理」＞「デザイン」＞「コンテンツ上部の余白」

余白部分をトップページ以外にも下層ページやスマホ・タブレット別に設定できるようになりました。

今まで設定していた方の場合、PCのみの設定になっているので必要に応じて再設定するようにしましょう。

 

フォント設定に目次を追加

「AFFINGER5管理」＞「デザイン」＞「フォントの種類」

この追加された項目は「すごいもくじ」のプラグインでいいのかな？（※要プラグインと記載されているので）

 

カスタマイザーの一部変更

• サイドバー・フッターの一括テキストカラー反映範囲を変更しました
• サイドバーテキストカラー変更を「基本エリア設定」のサイドバーに移動しました

とのことです。

カスタムボタンのタグの位置を調整

今まで「タグ」＞「テキストパーツ」の中に入っていた「カスタムボタン」がテキストパーツからでてきて第一階層に表示されるようになりました。

詳しくはコチラ

このようなボタンやこんなボタン（横並びになる小さめボタン）が１アクション少なくなったのは便利ですね。

MCボタンも同じように使えるので作業量が減ってくれます。

 

チェックリストの名称変更

WordPressによるチェックリストの仕様（名称）変更に伴い、AFFINGER5側でも同様に名称が変更されました。

 

その他修正

• YouTubeのURLにある「 – 」が含まれているとAMP で対応できない修正
• 「ブログカード外部URL対応プラグイン」のカードリンクが「LP化する」有効化ページにて表示されない修正
• サーチコンソールにてAMPの改ページで404エラーが出る修正
• CSS調整 他

各項目AMPには対応していないとのことです。

スポンサーリンク

ver20181012アップデート：まとめ

google+のボタン対応の速さは見事すぎると言ってもいいほど。

AFFINGERシリーズは他のテーマにはない修正・アップデートがあります。

（公式では保証はしないと言ってるが、他のテーマよりも圧倒的に丁寧）

ブログやアフィリエイトをしたい人にはとてもありがたい機能の追加が繰り返されているので、悩んでいる人にはぜひ使ってみてほしいですね。

以上がver20181012のアップデート内容でした。