サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年4月27日 10:59
お世話になります。
タイトルの件です。
ヘッダーのタイトル画像を左側に寄せて、右側にリンクタグを３つ並べたいのですが、
そのようなカスタマイズは可能でしょうか？
もしも、可能であれば方法を教えていただけますか？
よろしくお願い致します。
2019年4月27日 20:57
とりあえず、ロゴの左寄せは子テーマのstyle.cssに以下を追記することで出来るかと思います。
.logo {
text-align: left;
}
リンクを挿入するには、tmp/header-container.phpに対してタグを挿入し、CSSで見た目を調整していただくしかないかもしれません。
https://github.com/yhira/cocoon/blob/master/tmp/header-container.php
トピックスターター 2019年5月1日 12:03
ご連絡ありがとうございます。
追加ＣＳＳに書き込むことで、ロゴの左寄せはできました。
追加タグについては難しそうです。
子テーマを作ったのですが、
tmp/header-container.phpに編集を加えられない状態です。
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は Codex を参照してください。
上記の部分が解決できません。
追加ＣＳＳを利用してだと作ることは難しいでしょうか？
よろしくお願い致します。
2019年5月1日 19:14
リンクタグ自体がないと、スタイリングのしようがないので、追加CSSではできないかと思います。
2019年5月2日 04:46
ヘッダーのタイトル画像を左側に寄せて、右側にリンクタグを３つ並べたいのですが、
そのようなカスタマイズは可能でしょうか？
ヘッダーを囲む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
わいひら reacted
トピックスターター 2019年5月2日 10:52
わいひら様、かうったく様、ご教授いただきありがとうございます。
パーミッションの書き換えをＦＦＦＴＰを使用して属性変更で直しても書き換えができません。
いろいろ教えて頂きましたが、そこまでいけてない感じになっていて申し訳ないです。
もう少しいろいろやってみようかと思っています。
前に進めたら、再度相談させていただけたらと思います。
よろしくお願い致します。
ありがとうございます。
2019年5月2日 14:39
http://3web.ne.jp/threeweb/faq/WinFaQ/ffftp/ffftp04.html
状況が分かりませんが、たとえば属性は644などでしたら問題ないですよ。
編集ができないだけでしたら、サーバー上にあるFTP：ファイルマネージャから直接編集を試してみるですかね。
わいひら reacted
トピックスターター 2019年5月2日 15:41
かうたっく様ありがとうございます。
.htaccessは644から書き換えが出来ないです。
直接編集は難しそうですね。
ＦＴＰ：ファイルマネージャとはどのようにやるのか…
初心者なものですみません。
もう少し調べてみます。
ありがとうございます。
2019年5月2日 19:03
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は Codex を参照してください。
エラーメッセージは上記ですよね？
パーミッションは問題ないので普通にイケるはずですけど。
サーバーがユートピア？ http://www.yutopia.or.jp/html/qanda.html
よくわからないので、FTPソフトで子テーマファイルをダウンロードしてアップロードする方法がいいかもですね。
/wp-content/themes/cocoon-child-master/tmp/該当ファイル
わいひら reacted
2019年5月12日 15:52
横槍すみません！
投稿者のやりたいことって、ロゴとは別の要素を設置してリンクを貼りたいってことですよね。
恐らく電話番号やメールアドレスの画像などを表示してリンクをしたい（スマホでタップすると発信するみたいな）
これって結構要望として多い気がします。
現在はヘッダーカスタマイズにこのような要素がありませんが、今後のアップデートで追加していただけると嬉しいです。
主さんへ
ちゃんと見てませんが、Simplicityのヘッダーカスタマイズでこのようなのがありました。参考になるといいのですが。
（Simlicityと構造が違うのでそのまま適用できないかもしれません）
https://fukuro-press.com/simplicity-add-widget-in-header/
わいひら reacted
2019年5月12日 20:03
機能化すると干渉し合ってしまう機能が出てしまうので、今のところ機能化することは考えていません。
現状、カスタマイズで対応していただければと思っています。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。