ヘッダーを左側に寄せて右側にリンクタグを入れる方法 - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/ Cocoon ディスカッション掲示板 ja Fri, 10 Apr 2026 16:25:29 +0000 wpForo 60 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16520 Sun, 12 May 2019 11:03:09 +0000 機能化すると干渉し合ってしまう機能が出てしまうので、今のところ機能化することは考えていません。
現状、カスタマイズで対応していただければと思っています。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16520 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16509 Sun, 12 May 2019 06:52:45 +0000 横槍すみません！
投稿者のやりたいことって、ロゴとは別の要素を設置してリンクを貼りたいってことですよね。

恐らく電話番号やメールアドレスの画像などを表示してリンクをしたい（スマホでタップすると発信するみたいな）

これって結構要望として多い気がします。

現在はヘッダーカスタマイズにこのような要素がありませんが、今後のアップデートで追加していただけると嬉しいです。

主さんへ
ちゃんと見てませんが、Simplicityのヘッダーカスタマイズでこのようなのがありました。参考になるといいのですが。
（Simlicityと構造が違うのでそのまま適用できないかもしれません）
https://fukuro-press.com/simplicity-add-widget-in-header/

]]> CSSカスタマイズ相談 ニール https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16509 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16049 Thu, 02 May 2019 10:03:53 +0000

変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は Codex を参照してください。

エラーメッセージは上記ですよね？

パーミッションは問題ないので普通にイケるはずですけど。

サーバーがユートピア？http://www.yutopia.or.jp/html/qanda.html

よくわからないので、FTPソフトで子テーマファイルをダウンロードしてアップロードする方法がいいかもですね。

/wp-content/themes/cocoon-child-master/tmp/該当ファイル

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16049 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16043 Thu, 02 May 2019 06:41:22 +0000 かうたっく様ありがとうございます。
.htaccessは644から書き換えが出来ないです。

直接編集は難しそうですね。
ＦＴＰ：ファイルマネージャとはどのようにやるのか…
初心者なものですみません。

もう少し調べてみます。
ありがとうございます。

 

]]> CSSカスタマイズ相談 meiko0620 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16043 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16034 Thu, 02 May 2019 05:39:09 +0000 http://3web.ne.jp/threeweb/faq/WinFaQ/ffftp/ffftp04.html

状況が分かりませんが、たとえば属性は644などでしたら問題ないですよ。

編集ができないだけでしたら、サーバー上にあるFTP：ファイルマネージャから直接編集を試してみるですかね。

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16034 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16025 Thu, 02 May 2019 01:52:16 +0000 わいひら様、かうったく様、ご教授いただきありがとうございます。

パーミッションの書き換えをＦＦＦＴＰを使用して属性変更で直しても書き換えができません。
いろいろ教えて頂きましたが、そこまでいけてない感じになっていて申し訳ないです。

もう少しいろいろやってみようかと思っています。
前に進めたら、再度相談させていただけたらと思います。
よろしくお願い致します。

ありがとうございます。

]]> CSSカスタマイズ相談 meiko0620 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16025 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16020 Wed, 01 May 2019 19:49:44 +0000

tmp/header-container.phpに編集を加えられない状態です。

変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は Codex を参照してください。

上記の部分が解決できません。

FTPソフトなどでパーミッションを確認しないと分かりませんが、編集できない数列がかかれているかもしれないです？

サーバー上にあるFTP：ファイルマネージャでも確認できると思われます。どこのサーバーか確認してませんが。

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16020 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16019 Wed, 01 May 2019 19:46:24 +0000

ヘッダーのタイトル画像を左側に寄せて、右側にリンクタグを３つ並べたいのですが、
そのようなカスタマイズは可能でしょうか？

ヘッダーを囲むh1タグだけに親要素を付け（例えばdiv class="hoge"　というdivで囲んであげる）、その.hoge領域内にテキストウィジェットに入れているコードを入れる。

ウィジェットのコードも、親要素を付けてあげる（例えばdiv class="geho"　というdivで囲む）。

div class="hoge"
　h1タグの項目
　div class="geho"
　　ウィジェットコード
　/div
/div

 

その上でスタイルすれば良いと思われます。もしかしたらh1タグも親要素を入れないとダメかも？

.hogeをdisplay:flexに。

h1タグと言うのは、ロゴタグの生成　という記載です。

ただためしてないので分かりません。編集するファイルはhttps://github.com/yhira/cocoon/blob/master/tmp/header-container.php

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16019 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16012 Wed, 01 May 2019 10:14:30 +0000 リンクタグ自体がないと、スタイリングのしようがないので、追加CSSではできないかと思います。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16012 RE: ヘッダーを左側に寄せて右側にリンクタグを入れる方法 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16006 Wed, 01 May 2019 03:03:15 +0000 ご連絡ありがとうございます。

追加ＣＳＳに書き込むことで、ロゴの左寄せはできました。
追加タグについては難しそうです。

子テーマを作ったのですが、
tmp/header-container.phpに編集を加えられない状態です。


変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は Codex を参照してください。

上記の部分が解決できません。
追加ＣＳＳを利用してだと作ることは難しいでしょうか？

よろしくお願い致します。

 

]]> CSSカスタマイズ相談 meiko0620 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%82%92%e5%b7%a6%e5%81%b4%e3%81%ab%e5%af%84%e3%81%9b%e3%81%a6%e5%8f%b3%e5%81%b4%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c/#post-16006