AMP for WordPressのAMPページにサイトタイトル画像を設定する方法
ブロギングライフAMP for WordPressでAMP化したページにサイトタイトル画像とAMPのロゴガイドラインに準拠したロゴを構造化データで出力する設定方法を紹介します。 サイトタイトルとロゴ画像の作成 サイトタイトル画像を予め用意します。AMPの構造化データでは、AMP用のロゴのガイドラインがあります。AMPページのサイトタイ...
Page 18
AMP for WordPress のAMPページにサイトアイコンを追加する方法
AMP for WordPressを使用してAMP化したページは、デフォルトのテンプレートではページ最上部が着色されたタイトルバー（下の画像の赤枠部）となり、サイト名が表示されます。 AMP テスト結果で警告 シンプルですが、少し寂しい感じになります。この状態でAMP Test を行うとテストは合格（Valid AMP...
AMP for WordPressのAMPページでGoogle フォントを使用する設定方法
通常ページとAMPページは、同じフォントを使用するのが基本です。通常ページでGoogle Fontsを使用している場合は、同じフォントをAMPページでも使用することが望ましいです。 Google Fontsについては、以下の記事で詳しく説明しております。 Google Fontsの特徴、選び方、設定と注意点 本記事では...
Google Fontsの特徴、選び方、設定と注意点
世界中の多くのWebサイトやブログで幅広く利用されているGoogle Fontsの特徴とサイトに導入する方法を紹介します。 Google Fontsとは Google Fontsは、オープンソースのデザイナーフォントです。様々なデザインのフォントが無料で利用可能です。Google Fontsは、Webフォントです。ウェ...
AMP for WordPress のAMPページのフォントを変更する方法
プラグイン、AMP for WordPressを使用してAMP化した場合、デフォルトでの記事のフォントは明朝体になります。AMPのページのフォントを通常ページと同じにしたいと思う方も多いと思います。CSSに使用するフォントを指定することで、表示するフォントを変えることができます。AMP for WordPressでは、...
ブロギングライフ プッシュ通知機能について
この度、ブロギングライフにパソコンのブラウザー プッシュ通知機能を搭載しました。プッシュ通知を購読すると、新記事投稿などの更新情報を受け取ることができます。プッシュ通知のメッセージは、カード型の表示形式で通知されます。 表示形式や表示時間は、ブラウザーの種類、端末のOS（オペレーティングシステム: Mac OS X, ...
Safari ブラウザーにOneSignal Webプッシュ通知を設定する方法
デフォルトのOneSignalのウェッブ プッシュ通知は、ChromeとFirefoxです。Safariのプッシュ通知は別途設定する必要があります。現時点では、Safariのプッシュ通知はMac OS Xのみサポートされます。WindowsでのSafariはサポートされていません。 Safari 用 OneSignal...
WordPress サイトにプッシュ通知機能を搭載する方法
サイトがユーザーと繋がりを深めるための機能は様々なアプローチ、サービスがあります。ユーザーとの交流を促進する手段の1つがプッシュ通知です。プッシュ通知はモバイルアプリで広く普及していますが、ウェッブでのプッシュ通知を備えているサイトもあります。FacebookやTwitterのパソコンでのプッシュ通知を利用している人は...
AMP for WordPressにAdSense 自動広告を追加する方法
Google AdSense 自動広告は、通常ページ向けとAMPページ向けの2種類があります。AMP自動広告については、以下のページに詳細を記載しております。 AdSense AMP 自動広告の特徴、設置、収益パフォーマンスの確認方法 本記事では、プラグイン AMP for WordPress を使用してAMP化した場...
編集したAMP for WordPress のテンプレートファイルの保管方法
AMP for WordPress は、WordPressと関係が深いAutomattic社が提供するAMP化用プラグインです。Automattic社はWordPress.comの運営会社です。さらに、Jetpackなど数多くのWordPress用のプラグインを開発、提供しています。 AMP for WordPress...