Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

「Push7」の導入について
 
共有:
通知
すべてクリア

[解決済] 「Push7」の導入について

16 投稿
3 ユーザー
3 Reactions
5,391 表示
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

こんにちは、いつもお世話になっています。

現在、ブログで「Push7」の導入を検討しているのですが、たとえば既存の「Facebookボックス」あるいは「Facebookバルーン」のようなデザインの購読を促すウィジェット、また「SNSシェア」及び「SNSフォロー」ボタンの中にPush7(※「寝ログ」で導入されている感じのボタン)を新たに追加することは可能でしょうか。

専門知識がないため、単純に要望だけ書き込むかたちで申し訳ないのですが・・・かなり難しい、または手間のかかる作業であれば、もちろん無理は言いません。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

「Facebookボックス」に対して追加ボタンを設定できるアクションフックを追加してみました。

まずは以下のファイルでアップデートしてください。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

次に、子テーマのfunctions.phpに以下のコードを貼り付けて、HTMLコメントの「こちらにFacebookボックスに追加するボタンコードを貼り付ける」部分を削除してPush7のボタンコードを貼り付けてみてください。

//Facebookボックスに他のフォローボタンを追加する
add_action('fb_like_box_other_buttons', function (){
if (!is_amp()) {//通常ページ
?>
<!-- こちらにFacebookボックスに追加するボタンコードを貼り付ける -->
<?php
} else {//AMPページ
?>
<!-- AMPページ用 -->
<?php
}
});

   
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

ありがとうございます! 順番にやってみます。

ちなみに「Push7のボタンコード」というのは

導入設定 > ボタン設定 > ボタンのみ > 以下のコードをコピーし、ボタンを表示する場所にペーストしてください。

の部分にあるコードを貼り付ければいいのでしょうか?(あと環境はmackintoshで、FTPに関する知識に乏しいです‥)

This post was modified 5年前 by taka :a

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

それを貼り付ければ良いかと思います。

ただし動作させるには当然、Push7の案内にあるようにPush7 SDKをフッターに導入している必要はあるかと思います。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

Push7 SDKのコードは、Cocoon設定の「アクセス解析・認証」タブの「フッター用コード」にでも貼り付けておけば良いかと思います。


   
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

詳しく丁寧な解説、ありがとうございますm(_ _)m

ブログを更新しつつFTPの勉強に手間取ったまま作業が止まっていたのですが、Cocoon 1.8.1.1のアップデートでフックの追加も反映していただけたようなので、Cocoon 1.8.1.1にアップデート(親テーマの更新)後はFTPでの別途アップデートは不要・以下のアドバイスから手順に沿って実行で問題ないでしょうか。

子テーマのfunctions.phpに以下のコードを貼り付けて、HTMLコメントの「こちらにFacebookボックスに追加するボタンコードを貼り付ける」部分を削除してPush7のボタンコードを貼り付けてみてください。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

今回のケースで言えば、というか大抵の場合はFTPは必要ありません。
とりあえず、一度行ってみることをおすすめします。


   
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

とりあえず順番にやってみたのですが、Push7のボタンが表示されません。WordPressのバージョンが古いせいなのか、それともアクセス解析ソフトを使用しているため(それがフッター用コードに入っているため)干渉しているのでしょうか‥‥一往、テーマ情報を貼り付けておきます。

それからfunction.phpの編集ですが、「こちらにFacebookボックスに——」を消したあと、左右にあった半角スペースを残したままタグ <div>〜</dib> を挿入したのですが、それも関係してますかね。

----------------------------------------------
サイト名:本日の一杯 -Cupmen review blog-
サイトURL: https://cupmen-review.com
ホームURL: https://cupmen-review.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン:5.1.1
PHPバージョン:7.0.33
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.8.1.1
カテゴリ数:41
タグ数:402
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
ホームイメージ:/wp-content/uploads/2018/05/3c74c9232b4307c05fdbb5f135ddb468-e1526746072133.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.2
BackWPup 3.6.9
Broken Link Checker 1.11.8
Classic Editor 1.5
Contact Form 7 5.1.3
EWWW Image Optimizer 4.7.4
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 7.3.1
Optimize Database after Deleting Revisions 4.6.3
PS Auto Sitemap 1.1.9
Simple 301 Redirects 1.07
SiteGuard WP Plugin 1.4.3
WebSub/PubSubHubbub 3.0.1
WordPress Ping Optimizer 2.35.1.0.0
WP Multibyte Patch 2.8.2
----------------------------------------------

 

This post was modified 5年前 2回 by taka :a

   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

それからfunction.phpの編集ですが、「こちらにFacebookボックスに——」を消したあと、左右にあった半角スペースを残したままタグ <div>〜</dib> を挿入したのですが、それも関係してますかね。

12行目、コメントまで削除してコードを入れる感じで試すと良いと思いますよ。

以下を全部消して、divのコードを入れてみる感じ。

 <!-- こちらにFacebookボックスに追加するボタンコードを貼り付ける -->

   
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

かうたっく様

アドバイスありがとうございます。「<!-- 〜 -->」まで、1行丸ごと消して更新してみましたが、やはり反応なしです;


   
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

かうたっく様

アドバイスありがとうございます。「<!-- 〜 -->」まで、1行丸ごと消して更新してみましたが、やはり反応なしです;

すべての記事ではありませんが、一部の記事で反映されているのを確認しました! かうたっく様・わいひら様、お忙しい中ご丁寧に対応していただき、感謝申し上げます。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

HTMLコメントの「こちらにFacebookボックスに追加するボタンコードを貼り付ける」部分

上記のように、HTMLコメントごと消さないと、単に非表示になってしまいます。
詳しくは以下を参照してください。
http://www.tohoho-web.com/html/comments.htm

あと、今回のこととは関係ないかもしれませんが、Cocoon設定の入力欄にPHPコードは含めるべきではないと思います(添付画像)。
何かしら悪さをする可能性があります。


   
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

わいひら様

アドバイスありがとうございますm(_ _)m

解析ソフトの “これコピペしてね〜” を丸ごとコピーしたんですけど——

<?php if (!is_user_logged_in()) :
//ログインユーザーをカウントしたくない場合は
//↓ここに挿入?>

<?php endif; ?>
<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>

↑上記の「<?php 〜 ?>」(タグの解説)が悪さをする危険性がある、ということですよね。消しておきますm(_ _)m


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

そうです。そのPHPコード部分は削除しておくに越したことはないと思います。


   
taka :a reacted
(@taka-cupmen)
Active Member Registered
結合: 5年前
投稿: 8
Topic starter  

ありがとうございますm(_ _)m

知らないことだったので勉強になりました!


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました