サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年12月23日 04:34
いつもすごく快適に利用させて頂いてます!
ありがとうございます。
表題の件なのですが、ヘッダーロゴ画像とフッターロゴ画像とを別々に設定する事は出来ますでしょうか
今のcocoon だとフッターロゴ有りに設定すると自動的にヘッダーロゴが適用されると思います。
私のサイトではヘッダー背景色とフッター背景色を別々の色にしていて、ヘッダー用にロゴ画像を作っているのでフッターだとロゴ画像が背景色と同化気味になって分かりづらくなります。
そこでcocoon 設定のフッター項目でロゴ画像の設定も出来るようになれば助かるなと思いました。
以前のトピでフッターだとロゴ画像が潰れるといった方もおられたと記憶してます。
別々に設定出来たらサイズの問題なども少なくなるのではと思います。
トピックスターター 2018年12月23日 20:32
TM_BBさん
返答ありがとうございます。
今回要望させてもらったのが
現在cocoon のフッターロゴがある位置でと考えてます。
なので、今だとヘッダー用の物を使うしかない所をフッター専用の物も設定出来るように出来たらいいなという要望をさせて頂きました。
PHPいつかは弄ってみたいとは思いつつも私には難しくて出来そうもないです(笑)
2018年12月23日 22:12
ねぎ丸さんはURLを提示されたわけではないので、TM_BBさんには「現在cocoon のフッターロゴがある位置」というのはわからないと思いますよ。また、カスタマイズでも現在と同様のロゴ位置にはできると思います。
今のところは、そこまで需要があるようには感じないので、TM_BBさんが書かれているように、テンプレートのカスタマイズで対応していただくしかないかもしれません。
今後、同様の要望が何回かきたり、TM_BBさんのように、「フッターロゴをカスタマイズしたサイト」を多数見かけたりするようになれば、機能追加出来ればと思います。
TODOリストにも入れましたので、余裕がある時にでも再考してみたいと思います。
トピックスターター 2018年12月23日 22:32
わいひらさん
返答ありがとうございます。
ねぎ丸さんはURLを提示されたわけではないので、TM_BBさんには「現在cocoon のフッターロゴがある位置」というのはわからないと思いますよ。また、カスタマイズでも現在と同様のロゴ位置にはできると思います。
言葉足らずですいません。
このcocoon 公式サイトでも適用している、cssなどで弄ってないデフォルトの位置にあるフッターロゴ画像という意味合いで言っていました。
テンプレートのカスタマイズで
これはcocoon 設定フッター項目の独自表記に画像を入れ、cssで位置調整をするってことで合ってます?
今のままだとフッター背景色が黒字でフッターロゴ画像も黒文字の背景透過画像なので、呪いの文字っぽくなってしまって...
cocoon 公式サイトのようなデフォルトの位置にロゴ画像置くにはどういうcssとか書いとけばいいですか?
TODOリストに入れて頂いてありがとうございます。
2018年12月24日 22:39
親テーマのtmp/footer-bottom.phpを子テーマの同じ場所にコピペして(tmpフォルダがない場合は作成)の以下の部分の
https://notepad.pw/code/unm4tcie
以下の部分を削除して、
<?php generate_the_site_logo_tag(false); ?>
あとはその部分に自前のロゴを表示するimgタグを書けば比較的簡単にカスタマイズ出来るかと思います。
Cocoon設定で、表示させたい位置にロゴが表示しているのであれば、これでCSS編集とかは必要ないと思います。
トピックスターター 2018年12月25日 17:21
わいひらさん
ご返答ありがとうございます。
教えて頂いた通りにしてみたのですが、上手くいきません。
前はレスポンシブに対応してて画面の幅で表示位置が変わったのですが、今回は同じ位置にずっといます。
<?php generate_the_site_logo_tag(false); ?>
これを消して
<img src="画像URL">
これに書き換えました。
何かやり方が間違ってるのでしょうか?
php難しくてよく分かりません...
トピックスターター 2018年12月25日 17:42
後レスポンシブテストでiPhoneだけ表示されていませんでした。
あと、ロゴを押すとホームへ戻ると思うのですが、それも無くなっている状態でした。
正直泣きそうです...
2018年12月25日 18:11
このページのフッターをチェックしただけですが、以下のaタグにトップのURL・代替テキスト(サイト名)・画像のパスを入れる感じで
<a href="トップURLを入れる" class="site-name site-name-text-link"><span class="site-name-text"><img alt="代替テキスト" src="画像のパス"></span></a>
https://notepad.pw/k0mzan1c
リンク先にあるdivで囲んでみると良いかもしれません。
以下の部分にこれらを書いてあげたら、最悪トップには戻るかと思います。
<?php generate_the_site_logo_tag(false); ?>
あと子テーマフォルダ内にtmpフォルダ毎アップロードされたと思います。
失敗した!! ?
ってときは、FTPソフトで子テーマtmpフォルダ内のそのファイルを削除すれば親テーマのキレイなソースが表示されますよ。
わいひら reacted
トピックスターター 2018年12月25日 19:51
かうたっくさん
ご返答ありがとうございます。
<a href="トップURLを入れる" class="site-name site-name-text-link"><span class="site-name-text"><img alt="代替テキスト" src="画像のパス"></span></a>
これを
ここに書かれていたdivタグを付けてやりました。
結果は中央から動きません。
cocoon の場合は画面が広いと左端に、画面が狭いと中央表示になるのですが、広くても狭くても中央のままです。
それと
以下の部分にこれらを書いてあげたら、最悪トップには戻るかと思います。
<?php generate_the_site_logo_tag(false); ?>
以外とはどの部分でしょうか?
divくらすのfooter-bottom-logoの所でしょうか?
わいひらさんが消すようにと言った所を復活させるという意味合いで合ってますか?
php全然わからなくて変な質問になってたらごめんなさい。
トピックスターター 2018年12月25日 19:55
あれタグ表記になってなかった
<a href="トップURLを入れる" class="site-name site-name-text-link"><span class="site-name-text"><img alt="代替テキスト" src="画像のパス"></span></a>
これを https://notepad.pw/k0mzan1c
のdivタグに入れました。
わいひらさんが消すと言ってたやつを復活させたら
ロゴが二重になりました。
2018年12月25日 22:40
その後、関数の先も見てみたら、以下のように入力する必要がありました。
https://notepad.pw/code/ysc62ziw
リンク先や、画像のURL、Altやtitleはサイトに合わせて修正する必要があります。
トピックスターター 2018年12月26日 17:45
かうたっくさん、わいひらさん
どうもありがとうございました!
無事に思っていた通りの表示をする事が出来ました。
かうたっくさんのもわいさんさんのも両方試しましたが、どちらも表示出来ました!!
phpが分からず四苦八苦してる中お付き合い下さって助かりました。
メリークリスマス!
わいひら reacted
2018年12月26日 20:17
うまくいったようでよかったです ?
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。