サイト全体に「モダンブラック 」スキン適用中。

フッターロゴ画像とヘッダーロゴ画像とで別々に設定したい | 要望 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。

  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
フッターロゴ画像とヘッダーロゴ画像とで...
 
Share:

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

  RSS

ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
2018年12月23日 04:34  

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

ありがとうございます。

 

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

 

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

 

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

 

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

 

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

 

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


未解決
TM_BB
(@tm_bb)
Eminent Memberサイト
参加: 12か月 前
投稿: 29
2018年12月23日 16:20  

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


わいひら 件のいいね!
ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
2018年12月23日 20:32  

TM_BBさん

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

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

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

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4141
2018年12月23日 22:12  

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

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

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


ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
2018年12月23日 22:32  

わいひらさん

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

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

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

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

 

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

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

 

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

 

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

 

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4141
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編集とかは必要ないと思います。


ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
2018年12月25日 17:21  

わいひらさん

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

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

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

<?php generate_the_site_logo_tag(false); ?>

これを消して

<img src="画像URL">

これに書き換えました。

 

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

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


ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
2018年12月25日 17:42  

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

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

 

正直泣きそうです...


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
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フォルダ内のそのファイルを削除すれば親テーマのキレイなソースが表示されますよ。


わいひら 件のいいね!
ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
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>

これを

https://notepad.pw/k0mzan1c

ここに書かれていたdivタグを付けてやりました。

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

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

それと

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

<?php generate_the_site_logo_tag(false); ?>

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

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

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

 

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


ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
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タグに入れました。

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

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


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2018年12月25日 21:37  

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

https://notepad.pw/b0z1nhdg

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

追記

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

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

This post was modified 3か月 前 2 times by かうたっく

わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4141
2018年12月25日 22:40  

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


ねぎ丸
 ねぎ丸
(@ねぎ丸)
ゲスト
参加: 3か月 前
投稿: 14
2018年12月26日 17:45  

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

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

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

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

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

 

メリークリスマス!


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4141
2018年12月26日 20:17  

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


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ
mixhost

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
○アダルト・出会い系サイト可

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
△アダルト・出会い系サイト可(条件あり)
△開始したてなので運営能力は未知数(対応良)

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
○http/2(高速化プロトコル)に対応
○アダルト・出会い系サイト可
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

Cocoon
  
動作中

ログイン または 登録 してください

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