「メイド・イン・ヘブン」スキン適用中

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カスタマイズ依頼

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

フッターロゴ画像とヘッダーロゴ画像とで...
 
共有:
通知
すべてクリア

[解決済] フッターロゴ画像とヘッダーロゴ画像とで別々に設定したい

15 投稿
4 ユーザー
4 Likes
2,784 表示
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

いつもすごく快適に利用させて頂いてます!

ありがとうございます。

 

表題の件なのですが、ヘッダーロゴ画像とフッターロゴ画像とを別々に設定する事は出来ますでしょうか

 

今のcocoon だとフッターロゴ有りに設定すると自動的にヘッダーロゴが適用されると思います。

 

私のサイトではヘッダー背景色とフッター背景色を別々の色にしていて、ヘッダー用にロゴ画像を作っているのでフッターだとロゴ画像が背景色と同化気味になって分かりづらくなります。

 

そこでcocoon 設定のフッター項目でロゴ画像の設定も出来るようになれば助かるなと思いました。

 

以前のトピでフッターだとロゴ画像が潰れるといった方もおられたと記憶してます。

 

別々に設定出来たらサイズの問題なども少なくなるのではと思います。


   
TM_BB
(@tm_bb)
Eminent Member Registered
結合: 6年前
投稿: 40
 

わたしはフッターにPHPを混用したいので、子テーマに『tmp』フォルダを作成して、その中に『footer-bottom.php』を書き換えて入れていますが、画像を入れたいだけなら、「Cocoon 設定>フッター」で独自表記のHTMLで好きな画像を入れられると思います。


   
わいひら reacted
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

TM_BBさん

返答ありがとうございます。

今回要望させてもらったのが

現在cocoon のフッターロゴがある位置でと考えてます。

なので、今だとヘッダー用の物を使うしかない所をフッター専用の物も設定出来るように出来たらいいなという要望をさせて頂きました。

PHPいつかは弄ってみたいとは思いつつも私には難しくて出来そうもないです(笑)


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

ねぎ丸さんはURLを提示されたわけではないので、TM_BBさんには「現在cocoon のフッターロゴがある位置」というのはわからないと思いますよ。また、カスタマイズでも現在と同様のロゴ位置にはできると思います。

今のところは、そこまで需要があるようには感じないので、TM_BBさんが書かれているように、テンプレートのカスタマイズで対応していただくしかないかもしれません。

今後、同様の要望が何回かきたり、TM_BBさんのように、「フッターロゴをカスタマイズしたサイト」を多数見かけたりするようになれば、機能追加出来ればと思います。
TODOリストにも入れましたので、余裕がある時にでも再考してみたいと思います。


   
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

わいひらさん

返答ありがとうございます。

ねぎ丸さんはURLを提示されたわけではないので、TM_BBさんには「現在cocoon のフッターロゴがある位置」というのはわからないと思いますよ。また、カスタマイズでも現在と同様のロゴ位置にはできると思います。

言葉足らずですいません。

このcocoon 公式サイトでも適用している、cssなどで弄ってないデフォルトの位置にあるフッターロゴ画像という意味合いで言っていました。

 

テンプレートのカスタマイズで

これはcocoon 設定フッター項目の独自表記に画像を入れ、cssで位置調整をするってことで合ってます?

 

今のままだとフッター背景色が黒字でフッターロゴ画像も黒文字の背景透過画像なので、呪いの文字っぽくなってしまって...

 

cocoon 公式サイトのようなデフォルトの位置にロゴ画像置くにはどういうcssとか書いとけばいいですか?

 

TODOリストに入れて頂いてありがとうございます。


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

親テーマのtmp/footer-bottom.phpを子テーマの同じ場所にコピペして(tmpフォルダがない場合は作成)の以下の部分の
https://notepad.pw/code/unm4tcie
以下の部分を削除して、

<?php generate_the_site_logo_tag(false); ?>

あとはその部分に自前のロゴを表示するimgタグを書けば比較的簡単にカスタマイズ出来るかと思います。

Cocoon設定で、表示させたい位置にロゴが表示しているのであれば、これでCSS編集とかは必要ないと思います。


   
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

わいひらさん

ご返答ありがとうございます。

教えて頂いた通りにしてみたのですが、上手くいきません。

前はレスポンシブに対応してて画面の幅で表示位置が変わったのですが、今回は同じ位置にずっといます。

<?php generate_the_site_logo_tag(false); ?>

これを消して

<img src="画像URL">

これに書き換えました。

 

何かやり方が間違ってるのでしょうか?

php難しくてよく分かりません...


   
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

後レスポンシブテストでiPhoneだけ表示されていませんでした。

あと、ロゴを押すとホームへ戻ると思うのですが、それも無くなっている状態でした。

 

正直泣きそうです...


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

このページのフッターをチェックしただけですが、以下の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
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

かうたっくさん

ご返答ありがとうございます。

<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タグを付けてやりました。

結果は中央から動きません。

cocoon の場合は画面が広いと左端に、画面が狭いと中央表示になるのですが、広くても狭くても中央のままです。

それと

以下の部分にこれらを書いてあげたら、最悪トップには戻るかと思います。

<?php generate_the_site_logo_tag(false); ?>

以外とはどの部分でしょうか?

divくらすのfooter-bottom-logoの所でしょうか?

わいひらさんが消すようにと言った所を復活させるという意味合いで合ってますか?

 

php全然わからなくて変な質問になってたらごめんなさい。


   
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

あれタグ表記になってなかった

<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タグに入れました。

わいひらさんが消すと言ってたやつを復活させたら

ロゴが二重になりました。


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

やっぱりdivは反映しなかった…編集・削除ができないので、そっとしておきますね。 削除が反映しました。

https://notepad.pw/b0z1nhdg

こんな感じで行けると思います。

追記

あっ、わいひらさんの書いた通り削除でOKです。

ってか、その部分はNotePadに書き込みました。

This post was modified 5年前 2回 by かうたっく

   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

その後、関数の先も見てみたら、以下のように入力する必要がありました。
https://notepad.pw/code/ysc62ziw
リンク先や、画像のURL、Altやtitleはサイトに合わせて修正する必要があります。


   
(@ねぎ丸)
Active Member
結合: 5年前
投稿: 14
Topic starter  

かうたっくさん、わいひらさん

どうもありがとうございました!

無事に思っていた通りの表示をする事が出来ました。

かうたっくさんのもわいさんさんのも両方試しましたが、どちらも表示出来ました!!

phpが分からず四苦八苦してる中お付き合い下さって助かりました。

 

メリークリスマス!


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 

うまくいったようでよかったです ? 


   
共有:

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

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

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

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

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

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

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

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