サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
22
投稿
5
ユーザー
20
Reactions
2,210
表示
トピックスターター 2021年7月13日 01:28
お世話になっております。
夜分に申し訳ございません。また重ねてのトピック失礼いたします。
対象のページのURL： http://kangoshi-note.net/
理想のページのURL： https://lounge.nurse-senka.jp/
相談内容：ヘッダ上に（アコーディオン式というのでしょうか？）のメニューと、ユーザーのプロフィールアイコンを設置したく思っております。こちら解決方法ご教示いただけますと幸いです?♂️
解決のために試したこと：プラグインの導入・style.cssの編集
環境情報：
---------------------------------------------- サイト名：【看護師です。ノート】 サイトURL： http://kangoshi-note.net ホームURL： http://kangoshi-note.net コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master 親テーマスタイル：/wp-content/themes/cocoon-master/style.css 子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css WordPressバージョン：5.7.2 PHPバージョン：7.4.16 ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate 言語：ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：2.3.2.1 カテゴリ数：9 タグ数：7 ユーザー数：7 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：1112バイト ---------------------------------------------- Gutenberg：1 AMP：1 PWA：0 Font Awesome：4 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/uploads/2021/07/看護師です。ノート-1.jpg ---------------------------------------------- ブラウザキャッシュ有効化：0 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：0 WEBフォントLazy Load：0 ---------------------------------------------- 利用中のプラグイン： AddToAny Share Buttons 1.7.44 BackWPup 3.9.0 Classic Editor 1.6 Display Posts 3.0.2 Jetpack 9.9 List category posts 0.84.2 MaxButtons 8.6 Newpost Catch 1.3.9 Responsive Tabs 4.0.4 Search & Filter 1.2.14 Shortcodes Ultimate 5.10.1 Ultimate Member 2.1.21 User Submitted Posts 20210212 ytbd yohaku 1.0 ----------------------------------------------
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
2021年7月13日 02:02
shibuyaryouheiさん
何分この時間ですので、私の手元にはスマホしかなく、調べたりはできません。
お問い合わせの件ですが。
モバイルの表示であれば、以下の方法が手っ取り早い気はします。
ヘッダーモバイルボタンの設定方法
https://wp-cocoon.com/mobile-header-buttons/
スマホでこのフォーラムをご覧いただくと、表示されているものです。
プロフィールのアイコンについては、FontAwesomeから探せば設定できると思います。
ただ、ヘッダー内ではなく、新たにメニューができる感じですので、ちょっとご希望とは違う気はします。
また、モバイル用ですので、PCの時はどうやって表示するのか。。。ということは、スマホしか手元にない今の状況では、即答はできないです、すみません。
CSSだけで勝負できれば良いですが、もしかすると。。。
やはりちょっと今は調べることができませんので、申し訳ないですが即答はできないです。
PCがあっても、分からないかも。。。です。
すみませんが、これにて寝てしまいます。
わいひら reacted
2021年7月13日 02:37
別のトピック
「サイドバーの複数ブロック表示方法について」
でご提案させて頂きましたが、私は降ります。
理由は以下です。（質問ばかりしている私が言うのもなんですが...）
「ナース専科」は2010年からドメインを取得しています。
御社、株式会社プロリーチ」さんが運営する「看護師です。ノート」については、「ナース専科」を運営する会社「株式会社エス・エム・エス」のデザインに酷似しています。
（御社は2021年7月6日にドメインを取得しています）
コロナ渦という時代の潮流かもしれませんが、酷似した同様のサイトを作成すれば「看護師」を募集できるということでしょう。これに、私は参加できません。
＞株式会社プロリーチ：設立2020年6月
https://proreach.co.jp/
＞「株式会社ユーザベース」が運営する「INITIAL」で第三者割当増資を確認できます。
https://initial.inc/companies/A-39169
＞PR TIMES：「プロリーチ」、East Ventures, Skyland Ventures, 及び個人投資家等を引受先とする第三者割当増資を実施
https://prtimes.jp/main/html/rd/p/000000004.000072454.html
第三者割当増資もあり、会社のホームページがきちんとあるにもかかわらず、「ナース専科」とほぼ同様のデザインを理想形とする必要はありませんし、暗号化されていないサイトで会員登録も試験的にされていることにも賛同できません。
申し訳ありませんが失礼致します。
2021年7月13日 02:40
そうだ寝てないんだ。寝なきゃ。何日起きてるんだろう...
2021年7月13日 12:01
「ユーザーのプロフィールアイコン」というのはどういったものでしょうか。
ユーザーが任意でアップロードした画像であれば、PHPでのカスタマイズが必要になってくると思います。PHPのカスタマイズはフォーラムではサポート外ですので、自力では難しい場合はプロにお願いするのがいいかと思います。
詳細なカスタマイズ依頼をするならこちら。
ユーザーのプロフィールアイコンのことを考えなければ、モバイルのヘッダーメニューをパソコンで表示させるCSSを書けば表示できると思います。下記のトピックのCSSが使えると思います。
わいひら reacted
トピックスターター 2021年7月13日 14:27
ご返信ありがとうございます。
酷似しているとのことですが、それはおっしゃる通りでございます。ですが、大手企業様を参考にさせていただくことは全くもっておかしなことではないと思っています。そういった企業様はいくつもあられませんでしょうか？
また、「潮流」のお話ですが弊社はコロナ以前から看護師様の転職サポートをさせていただいており、時代にのっかてお金儲けをしようとしているという捉え方をされる書き込みは取り消していただきたいです?♂️
私も姉が看護師ということもあり、この仕事をしているので?♂️
投票2020 reacted
トピックスターター 2021年7月13日 14:40
たびたびのアドバイスありがとうございます！?♂️
そうなんですね、、cssでの編集も試してみたのですがなかなかうまくいかずでして?♂️
もし何かわかりましたらご教示いただけますと幸いです！！
2021年7月13日 14:43
shibuyaryouheiさん
弊社はコロナ以前から看護師様の転職サポートをさせていただいており、時代にのっかてお金儲けをしようとしているという捉え方をされる書き込みは取り消していただきたいです?♂️
一時的に、該当の返信を非表示とさせていただきました。
（削除はしておりません。）
ただ、このフォーラムはCocoonの作者であるわいひらさんの運営なさっているものです。
私はモデレーターというカタチで参加させていただいているだけに過ぎません。
該当の返信を表示させるか非表示にするかの最終的な判断は、わいひらさんがなさいますのでご承知おきください。
また、返信を非表示にしたからと言って、発言が取り消しになる訳ではありません。
それについては、ご本人から何らかのアクションがあることを期待します。
個人的に思うのは。。。
「酷似」とは多分に主観が入るものであり、なかなか判断が難しいところです。
相手先のサイトは、WordPressですらないですし、今のところこれを「酷似」と言えるほどのものなのかは、ちょっと違う気がします。
（ぱっと見で、私は酷似とはとらえませんでした。）
また、同種のサイトの場合に、どうしても項目というのか、詰め込まれるエッセンスは同じようなものになってしまうとも思います。
それをどうやって違いを出していくかでしょうし。
（しかも相手が先行している。）
少し感情的な発言のようにも思われました。
（感情的なことが多い私が言うのも変ですが。）
第三者割当増資など何の関係があるのかなども、少し不思議に感じとれました。
特定の企業名を上げてここでディスって良いものか。。。とも少し感じとれました。
そういうこともあり、一時的に非表示とさせていただきました。
ご了承くださいませ。
先にも書きましたが。。。
最終的なジャッジは別途わいひらさんです。
そして、非表示にしたからと言って発言は取り消されないと私は思いますので、それについては発言したご本人からアクションがあるものかと思われます。
2021年7月13日 15:10
shibuyaryouheiさん
少し思ったのですが。
もし、この対応でご了承いただけるのであれば、発言者ご本人からのアクションはなくても良いのではないかと、勝手ながら思ってしまいました。
（こう書いたからと言って、ご本人からのご発言を控えていただいたりは、こちらからコントロールできるものではないのですが。）
何らかのアクションがあることによって、所謂炎上みたいなことになりはしないかと危惧したものです。
しかし、これは勝手な私の意見でしかありません。
shibuyaryouheiさんのお気持ちが優先されるべきだと思います。
あまり言っても…と思いますので、本件に触れるのはこれまでにしておきます。
（動きがあれば、またその時に。）
投票2020 reacted
2021年7月13日 19:00
shibuyaryouheiさん
ヘッダーモバイルボタンの設定方法
先に私がリンクした上記の通りに、ローカル環境でやってみたいところ、モバイルは以下のような感じでした。
上記はモバイルのみに適用されます。
そして、さる子さんがリンクしてくださった以下を何も考えずに適用しました。
ユーザーのプロフィールアイコンのことを考えなければ、モバイルのヘッダーメニューをパソコンで表示させるCSSを書けば表示できると思います。下記のトピックのCSSが使えると思います。
するとPCでは以下のような感じに。
少なくとも、上記の2つのリンクを参考にすれば、ここまではできると思います。
ここから先は、いろいろ工夫が必要だとは思いますけど。
この先をどうしてもということであれば、プロに依頼するのも一案かと思います。
詳細なカスタマイズ依頼をするならこちら。
2021年7月13日 19:25
一時的に、該当の返信を非表示とさせていただきました。
（削除はしておりません。）
ガイドライン的に「誹謗・中傷・罵倒」ではなく一つの意見なので表示を承認しておきます。
https://wp-cocoon.com/read-me-for-using-fourm/
あと、返信とかの繋がりで非表示となっているとわからない部分もあるので。
上部にメニューやボタンがあるのは一般的なWEBデザインだと思うので、デザインを少し参考にするのは私的には問題ないとは思っています。
※何から何まで同じとかにしなければ。
2021年7月13日 19:30
ヘッダ上に（アコーディオン式というのでしょうか？）のメニューと、ユーザーのプロフィールアイコンを設置したく思っております。こちら解決方法ご教示いただけますと幸いです?♂️
mk2さんが書かれたようなCocoonのモバイルボタンを流用するとかでなければ、そういったメニューやボタンを作成するには、PHPカスタマイズが必須かと思います。
僕だったら、/tmp-user/body-top-insert.phpにHTMLを書いて、CSSをあてます。
https://github.com/yhira/cocoon/blob/master/tmp-user/body-top-insert.php
ただ、PHPのカスタマイズはフォーラムの案内にもありますようにサポートの対象外とさせていただいているので、どうしても独自で行うのは難しいということであれば、カスタマイズ依頼をしていただくしかないかもしれません。
https://wp-cocoon.com/cocoon-custom/
さる子 and shibuyaryouhei reacted
2021年7月13日 19:53
ｍｋ２ さん
非承認でも構いませんが、公平な扱い方であれば反論は致しません。
非承認中は私のコメントは公開されていないでしょう。それならば片側だけの意見を引用することも控えて頂きますようお願い致します。
これは片側の意見の切り取りです。
shibuyaryouheiさん
弊社はコロナ以前から看護師様の転職サポートをさせていただいており、時代にのっかてお金儲けをしようとしているという捉え方をされる書き込みは取り消していただきたいです?♂️
一時的に、該当の返信を非表示とさせていただきました。
下記が私の意見の一部分です。
私の文、簡潔に。
別のトピック
「サイドバーの複数ブロック表示方法について」
でご提案させて頂きましたが、私は降ります。理由は以下です。
・・・
省略
・・・
賛同できません。
申し訳ありませんが失礼致します。
私が降りる理由を説明し、辞退したということです。
なぜわざわざ？
一つ前のトピックで私も参加していたからです。
酷似しているとのことですが、それはおっしゃる通りでございます。ですが、大手企業様を参考にさせていただくことは全くもっておかしなことではないと思っています。そういった企業様はいくつもあられませんでしょうか？
みんな真似から始まります。いいと思います。私が意見した時点ではカスタマイズを行う度に似ていったということ、双方に理解していると思います。私の意見の後、グローバルナビの帯の色が全く変わりました。
私の意見時には辞退したつもりですので、スクショは撮っておりませんので、真偽の程はわからないでしょう。
また、「潮流」のお話ですが弊社はコロナ以前から看護師様の転職サポートをさせていただいており、時代にのっかてお金儲けをしようとしているという捉え方をされる書き込みは取り消していただきたいです?♂️
私も姉が看護師ということもあり、この仕事をしているので?♂️
通常、私の文章から察するに、医療従事者であればこそ取り消しを求めるようなことをしません。ご自身の枕詞にこそ真意が隠されているのが普通です。
「自慢じゃないんだけれどね...」などは、自慢がしたいからです。
「時代に寄り添い、社会の流れを捉え、適切に利益を上げる会社です。」という感じで自信を持って頂きたいと。非営利ではないので分かります。
一番腑に落ちなかったのは、「私も姉が看護師ということもあり、この仕事をしているので」です。お姉さんに何か言われたら何でもするんでしょうか。お姉さんの影響を受けて興味を持ってこの仕事がしたいと思ったのはあなた自身ではないのですか。
もし、「私の意見」に私が意見するなら（意見を否定と捉えられていると思います。）
「第三者割当増資を行ったことにより体制も強化され、従業員数が増えています。そこで、誰もが親しみやすいWordPressのなかでもCocoonというテーマを導入し、看護師さんやお客様と双方向でコミュニケーションが取れるサイトを作っている最中です。ご協力頂けますと幸いです。」
といった感じの返信になるように思います。
「こんな長文を書かなくちゃならないようなら意見しなきゃよかった」というのが本音です。
私が何を懸念したか。
株式会社DeNAのキュレーションサイトはご存知かと思います。閉鎖に追い込まれました。南場さんが社長に戻りました。
私の非承認の意見も含めご検討ください。
今後とも宜しくお願い致します。
追記：わいひらさん承認ありがとうございました。
この投稿は3年前ずつ投票2020に変更されました
shibuyaryouhei reacted
2021年7月13日 20:09
投票2020さん
私に不手際があったかもしれませんが、トラブルを危惧し、判断をわいひらさんに預けた。
それ以外の他意はありません。
トピックスターター 2021年7月13日 23:14
お忙しい中ご返信頂戴し誠にありがとうございます。
また、私がtohyoさんに対して不愉快な思いをさせてしまったのは間違い無いので深く反省しております。
私も社会人としてもまだまだ未熟者なのでお言葉真摯に受け止め精進してまいります。
今後とも何卒宜しくお願いいたします?♂️
2021年7月14日 21:55
相談内容：ヘッダ上に（アコーディオン式というのでしょうか？）のメニュー
プラグインを利用すれば比較的簡単にできます。
実運用していますのでどんな動作をするのか見て頂けます。解説記事も書いています。
第18回 【WordPress】 プラグイン Responsive Menu
ハンバーガーメニューと通常のメニューバーどちらも表示させれるようにすることって可能でしょうか？
何の目的のためにということが明確になっていなく、手段だけを質問されているようで、返信する方もピントを合わせづらいのではないでしょうか。
参考として上記のプラグインと、私のサイトのモバイルフッターボタンの中に「メニュー」を入れれば実現できます。異なる内容で設定可能です。
ユーザーのプロフィールアイコンを設置したく思っております。
「ユーザーのプロフィールアイコン」というのはどういったものでしょうか。
ユーザープロフィールを表示させるためには、php編集が必要になるんですね、、、、
なぜプロフィールアイコンを表示させる必要があるのでしょうか。
- 親しみやすさ？
- ログインしているか？
- 掲示板の中で表示させたい？すでにあるようです。
アイデアベースですが一番の優先順位は「会員登録」ではないでしょうか。こんな記事もあります。
参考：STEP5-1.ヘッダー画像の上に文字やボタンリンクを載せてみよう
ナース専科だけでなく、M3やケアネットなどもご参考にされると独自色を際立って見せることができるのではないでしょうか。
ご参考まで
shibuyaryouhei reacted
トピックスターター 2021年7月27日 12:37
こちらご返信おそくなってしまい大変申し訳ございません?♂️
ご指摘の通りでして、真似をするという部分にばかりフォーカスしすぎて本質を追うことができていなかったと反省しております。
アドバイスもとに諸々修正させていただこうと思います?♂️
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。