お知らせ バージョンアップ

AMP対応しました。- WordPressテーマ「AFFINGER4」

投稿日:

amp2

AMPがGoogleモバイルの通常検索結果にまで拡大したことを受けて通常の検索結果のAMPに対応した「AFFINGER4ver20161107」をUP致しました。

AMP(アクセラレイティッド・モバイル・ページ)はサイトの仕様を制限する事で表示を高速化するプロジェクトの名称です。

尚、まだβ版として入手は購入者会員サイトの「アップデートページ」のみのダウンロードとなっております。販売サイトでのテーマは旧バージョンのままなので今から購入される方もお手数ですが商品に同梱される会員サイトの案内をご確認頂き、登録後にアップデートページよりダウンロードして下さい(会員ページへの登録承認にはお時間を頂く場合がございます)

主な変更

  1. 通常のモバイル検索への投稿ページのAMP対応
  2. ブログカード風のショートコード実装
  3. 一覧に「カテゴリ表示」の設定追加

併せて、micata2proもAMP対応のβ版をアップデートページに公開しております。

AFFINGER4ver20161107について

投稿ページのAMP対応

2016-11-06_17h03_01

通常ページ

2016-11-06_17h02_53

AMP対応ページ

なんでもかんでもAMP化すれば良いというわけでもないのでテーマではサイト全体をAMP対応するのではなく、ページ毎にAMPとして出力するかどうかを選択できるように致しました。またテーマ管理にて一括で投稿ページをAMP対応にすることも出来ます。(※対応は投稿ページのみです

AMPのページからAMP対応されたページへのリンクはAMPページへ、そうではないページへのリンクは通常ページへリンクされますのでAMP対応ページ間でのスムーズな閲覧が可能になるかと思います。

2016-11-06_17h02_23

取りあえず一時的にSTINGER公式サイトも全ての投稿をAMP化してみたのですがモバイル検索の開発者プレビューで確認すると以下の様なAMPマークを検索結果にて確認できます(スマートフォンにて)

IMG_2765

IMG_2764

 AMPには仕組み上などの様々なルールがございます。
注意事項もございますので詳細を必ず以下にてご確認下さい。

AMPについての注意事項や使用方法

ブログカード風のショートコード実装

※以下はAFFINGER4のみとなります

自サイト内の記事を簡単にブログカード風に表示する事が出来ます。

例えばこんな風に

AFFINGER4の「AMP」について

AFFINGER4はver20161106より「通常のモバイル検索結果」に表示されるAMPに向けて対応致しました。 DEMOAMPに対応したAFFINGER4のデモサイト 「AMP」はjavascri ...

WordPress自体にあるブログカードの仕組みとは異なります。任意の記事IDを指定するだけで表示が可能です。

設定方法

2016-11-06_17h45_21

記事IDを記入して選択(今回は記事IDが2の場合)
「ブログカード風」のクイックタグをクリック

2016-11-06_17h45_36 

③ショートコードが挿入され、完了です。

一覧に「カテゴリ表示」の設定追加

2016-11-06_17h22_58

記事一覧や関連記事の上にカテゴリを表示するかどうかの設定を追加しました。

2016-11-06_17h23_38

設定はテーマ管理にて可能です。
各カテゴリのID毎にクラスが生成されるので色を各カテゴリ別に変更する事が出来ます。

カテゴリカラーの変更

カテゴリIDはカテゴリの管理画面で任意のカテゴリにマウスを当てると下部に表示されます(画像では「3」)

2016-11-06_17h51_27

このIDの「.st-catid(ID)」として以下の様にCSSに記述します

.catname.st-catid3 { background:#任意のカラー; }

※上記は「3」の場合
※デフォルトのカテゴリ背景色はカスタマイザーで変更可能です。

一覧の抜粋の設定

2016-11-06_180232

従来では一覧に表示される抜粋は投稿の最初の文を表示していましたが、抜粋に記入がある場合はそちらを優先するように致しました。

2016-11-06_180155

クイックタグの追加

2016-11-06_17h59_09

2016-11-06_175849

下に余白をつくりたい時やアフィリエイトタグ管理プラグインのコードをスラッグで読み込むショートコードなど。

細かな修正

  • サイドバーの「NEWENTRY」をテーマ管理にて指定が無い場合は非表示に変更しました。
  • 投稿ページの「id="st-post"」が「class="st-post"」に変更になりました。
  • Twitterカードを大きいサムネイルのタイプに変更致しました。
  • その他

尚、購入者会員ページには変更に関する追加事項がUPされていますので御利用者はそちらもご覧下さい。

AMPについての注意事項や使用方法

各テーマの違い

現在、公開しているテーマの簡単な違いとなります。※20161107ver現在

  micata2 micata2pro STINGER8 AFFINGER4pro
料金 無料 3,500円 無料 6,500円
専用カスタマイザー機能 -
専用管理機能 -
YouTube背景機能 - -
広告ウィジェット - -
カテゴリ別ウィジェット - -
カテゴリページカスタマイズ - -
ランキング機能 - - -
AMP - -
DL DLサイト 販売ページ 準備中 販売ページ

※内容は変更になる場合がございます。

広告が溶け込む魔法の子テーマ「JET」

大人気!

詳しく見る

新プラグイン続々登場!「ステ子フェス」開催中!

便利プラグイン情報

WING WordPress プラグイン

2018/6/16

外部URLのコピペでブログカードをサムネイル付きで表示するWordPressプラグイン

URLを指定するだけでブログカード風のリンクにします。 外部のサイトも自動スクリーンショットによりサムネイル表示が可能です。 【サンプル例】 プラグインの使い方と注意事項 インストール ダウンロードした「st_card_url_file.zip」を一度だけ解凍して、中の「st-card-ex.zip」をZipファイルのままWordPressの「プラグイン」>「新規追加」よりアップロードして有効化して下さい。 テーマ設定 プラグインを有効化するとエディタに新しく「カードURL」というボタンが追加されます 任 ...

ReadMore

WING WordPress プラグイン

2018/6/16

投稿ごとに記事をバックアップ(エクスポート)できるWordPressプラグイン

シカ子あ~!前の文章の方が良かった!! ブログやアフィリエイトで反応(CVR)を見ていると、そう思うことは少なくないのではないでしょうか? ユーザーに行動を起こさせる文章はほんの少しの言い回しの変化で良くも悪くも大きく効果が変わります。そんな時に絶対に必要なのが「バックアップ」。いつでも簡単に1クリックでそれを行うことができたら、しかも「年月、時間、記事タイトル-サイト名」としてテキストファイルを残せたら凄く便利ではないでしょうか? 記事バックアップ「安心くん」はそんな想いから生まれました。 いつでも、ど ...

ReadMore

WING WordPress プラグイン

2018/6/16

記事(コンテンツ)内容を一括で置換するWordPressプラグイン

投稿画面のテキストモードの記事内容を一括置換します。gu検索フラグの正規表現にも対応。 例えばアップデートで挿入されるようになったTinyMCEAdvancedの不要なtableタグも簡単に削除でき便利です。 プラグインの使い方と注意事項 インストール ダウンロードした「st_replace_file.zip」を一度だけ解凍して、中の「st-replace-meta-box.zip」をZipファイルのままWordPressの「プラグイン」>「新規追加」よりアップロードして有効化して下さい。 専用フォームの ...

ReadMore

WING WordPress プラグイン

2018/6/16

iframe対応!SEOを配慮した遅延読込WordPressプラグイン「LasyLoadSEO」

SEOを配慮した遅延読込プラグインです。 通常のLazyLoadでは画像がスクロールされるまで表示されないため、Googleのロボットには「画像が無い」と判断されています。このプラグインでは<noscript>を付与することで遅延読込を行いつつ、画像の有無も認識させることができます。 また、iframeにも対応しているため多数のYouTube動画を貼り付けている記事などにも効果的です。 アザらんLasyLoad(遅延読込)はサイト表示速度の改善に効果があるとして人気なんだけど、Googleには ...

ReadMore

AFFINGER4 お知らせ バージョンアップ プラグイン

2017/9/23

AFFINGER4タグ管理マネージャー ver20170923アップデートのお知らせ

「AFFINGER4タグ管理マネージャー」をver20170923にアップデート致しました。ご購入済みユーザー様は無料でアップデートして頂けます。 参考AFFINGERタグ管理マネージャーについて 【主なアップデート内容】 ログ一覧で「ホスト名」が確認できるように UA(ユーザーエジェント)及びOSのother一括によるフィルタ除外の追加 ダウンロードに関する詳細は以下のページをご確認下さい。 https://on-store.net/contact/aftm-from/aftm-topics/ ※閲覧に ...

ReadMore

お知らせ バージョンアップ プラグイン

2017/9/1

「AFFINGERタグ管理マネージャー」「STINGERタグ管理プラグイン」「ABテストプラグイン」をアップデート致しました(ver20170828)

「AFFINGERタグ管理マネージャー」「STINGERタグ管理プラグイン」「ABテストプラグイン」をアップデート致しました 購入済みユーザー様のアップデート期限は平成29年9月14日までです。御注意下さいませ(商品はアップデート保証を行っておりません) ver20170828 「AFFINGERタグ管理マネージャー」「STINGERタグ管理プラグイン」 ※画像は「AFFINGERタグ管理マネージャー」 一覧の「スラッグ」のショートコード表示 IDに加えて「スラッグ」による検索の対応 他 「ABテストプラ ...

ReadMore

便利すぎるWING特製プラグインランキング

※このブログカードも「ブログカード外部URL対応プラグイン」で表示しています

第1位テンプレート管理・ランキング機能強化(クリック計測機能付き)
AffiliateRun~なぜ売れないか? [付録] プラグイン「AFFINGERタグ管理マネージャー2」 - 【公式】STINGER STORE
AFFINGERタグ管理マネージャー2(好評PDFマニュアル「AffiliateRun~なぜ売れないか?」付き

使いまわしたいコードのテンプレート化、リンクの表示回数とクリック数の計測(CTR)を実現するプラグインです。AFFINGER版ではランキングを複数作成することも可能。STINGER版ではCTAデザイン

第2位テンプレート管理・ランキング機能強化(クリック計測機能なし
STINGERタグ管理プラグイン2 - 【公式】STINGER STORE
STINGERタグ管理プラグイン2

使いまわしたいコードのテンプレート化するプラグインです。AFFINGER版ではランキングを複数作成することも可能。STINGER版ではCTAデザインを作成できます。

第3位他人のサイトも簡単ブログカードリンクに!
ブログカード外部URL対応プラグイン - 【公式】STINGER STORE
ブログカード外部URL対応プラグイン

URLを指定するだけでブログカード風のリンクにします。外部のサイトも自動スクリーンショットによりサムネイル表示が可能です。

第4位たくさん画像やYouTube動画を使用したサイトにおすすめ!
LazyLoad SEO(画像・iframe遅延読み込み) - 【公式】STINGER STORE
SEOを考慮した遅延読込プラグイン「LazyLoadSEO」

SEOを配慮した遅延読込プラグインです。通常のLazyLoadでは画像がスクロールされるまで表示されないため、Googleのロボットには「画像が無い」と判断されています。このプラグインでは<noscr

第5位複数設定可能な高機能ABテストプラグイン
ABテストプラグイン - 【公式】STINGER STORE
ABテストプラグイン

作成したテンプレートやリンクをランダム(又は%指定)で表示するABテストプラグインです。「AFFINGERタグ管理マネージャー2」との併用ではCTR(クリック率)のABテストデータを取ることが出来ます

第6位「大切な記事」を1クリック保存
記事バックアップ「安心くん」 - 【公式】STINGER STORE
「記事バックアップ安心くん」

いつでも、どのタイミングでも1クリックで記事を保存します。保存前の状態も可能です。「テキストモード」のソースで保存するのでタグによる装飾も安心です。

第7位投稿内のコードを簡単に一括置換
かんたん便利「置換くん」 - 【公式】STINGER STORE
「かんたん便利!置換くん」

投稿画面のテキストモードの記事内容を一括置換します。gu検索フラグの正規表現にも対応。例えばアップデートで挿入されるようになったTinyMCEAdvancedの不要なtableタグも簡単に削除でき便利

第8位カスタマイズが豊富!「ほぼ無限」の会話アイコン作成
会話ふきだしプラグイン - 【公式】STINGER STORE
会話吹き出しプラグイン

ご確認下さい 本プラグインはWordPressテーマ「STINGER PRO」「AFFINGER4」 ...

第9位外注管理におすすめ!メッセージのやりとりや管理画面カスタマイズに
CHAIN - 【公式】STINGER STORE
CHAIN - 【公式】STINGER STORE

メッセージの通知・投稿画面のカスタマイズできるWordPressプラグイン 投稿者・寄稿者権限で外注 ...

第10位サイトの複数作成に便利な「テーマ管理」バックアップ
データ引継ぎプラグイン - 【公式】STINGER STORE
データ引継ぎプラグイン - 【公式】STINGER STORE

テーマ管理設定(AFFINGER管理又はSTINGER PRO管理)で設定したデータ内容をエクスポート、インポートできるようにするプラグインです。

-お知らせ, バージョンアップ

Copyright© AFFINGER(WING) , 2018 All Rights Reserved Powered by AFFINGER5.