Cocoon 機能設定

意外と見落としがちなやっておいた方が良い Cocoonの設定 : OGP とTwitterカード デフォルト画像

WordPress テーマ Cocoonは、非常に多くの機能を備えています。そして、それら多くの機能は特に何もしなくても最初から適切な設定がされていたり、設定が必要なものでも簡単に設定することができます。本記事では、Cocoonの設定で意外...
Cocoon 活用法

AMP ページのガイドラインに準拠したロゴをCocoonに設置する方法

Google 検索結果は様々な表示形式で表示されます。Google Search Gallery には様々なデザインのリッチリザルトの表示が紹介されています。リッチリザルトの検索結果表示は、特にモバイルでは表示されることが多いです。リッチリ...
Cocoon 活用法

CocoonのAMPページにプッシュ通知購読ボタンを設置する方法

AMPのコンポーネント amp-web-pushを使用して、OneSignalのWebプッシュ通知購読ボタンをCocoonを使用したWordPress サイトのAMPページに搭載する方法を紹介します。 OneSignalのAMPページのプ...
Cocoon 活用法

サイト内の画像にPinterestのピンボタンを表示させる設定方法

Pinterestは、Webサイトとの連携させるさまざま機能を提供しています。代表的なものが、ピンボタンです。ページ上の画像にピンボタンを表示するとユーザーが簡単にピンすることができます。ピンボタンの種類とサイト内のページの画像にピンボタンを表示させる設定方法を紹介します。
Cocoon 活用法

CocoonのAMPページに子テーマを編集してGoogle Tag Managerを設置する方法

CocoonにGoogle Tag Managerのコードを設置する方法は、大きく分けて、Cocoonの設定機能を使用する方法と子テーマを編集して設置する方法の2種類があります。前者の方が簡単にできます。 <head>タグ...
Cocoon 活用法

WordPress テーマ CocoonのメニューにFont Awesomeのアイコンを追加表示する方法

WordPress テーマ Cocoonは、標準でFont Awesome のアイコンフォントが組み込まれて(ロードされて)利用可能になっています。本記事では、Cocoonのメニュー項目にFont Awesomeのアイコンを加えて表示させる...
Cocoon 活用法

WordPress テーマ Cocoon にGoogle Tag Managerを設置する方法

WordPress テーマCocoonでは、Simplicityでは備えていなかったGoogle Tag Managerのコード設置機能を標準で備えています。Cocoonの機能を利用する簡単に設定することができます。 さらに、Coco...
AdSense

WordPress テーマ Cocoon 記事下にダブルレクタングル広告を設置する方法

パソコン画面での記事下などにレクタングルの広告を横に2つ並べて表示する方法は、ダブルレクタングルと呼ばれています。Simplicityでは、ダブルレクタングル表示用のウィジェットがありましが、Cocoonには備わっていません。 本記事...
AdSense

WordPress テーマ CocoonにAdSense 自動広告をマニュアルで設置する方法

AdSense 自動広告のコードは、ページの<head>タグ内に一箇所設置することで自動広告の機能を利用することができます。Cocoonでは、[広告]の設定の「アドセンス設定」内の広告コード欄にレスポンシブ広告コードが入力されて...
AdSense

Cocoonの機能を利用してAdSense 自動広告のコードを設置する方法

WordPress テーマCocoonでは、Simplicityでは備えていなかった自動広告コードの設置機能が加えられています。CocoonにAdSense自動広告を設定する場合、Cocoonの機能を利用して簡単に設定することができます。 ...