サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年4月6日 10:03
おはようございます。
ナオと申します。現在、本やyoutubeを使用しながらコクーンの設定をしております。
どうしても修正できない部分がありますのでご意見よろしくお願い致します。
サイドバーが右に設定できず、下に出てきます。ちなみにパソコン、Macを使用しております。設定を見てもサイドバー右に表示となっていますが、1番下にでてきます。。。
ご多忙とは思いますが、ご返信お願い致します。
2022年4月6日 12:09
前略、naowardさん
お差し支えなければ、実際のサイトのURLをご提示ください。
私以外でも、きっとどなたかが答えてくださると思います。
あと、環境情報も貼り付けていただくと、環境も合わせて診てくださるかもしれません。
初めての方は必ずお読みください
→ https://wp-cocoon.com/read-me-for-using-fourm/
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
わいひら reacted
トピックスターター 2022年4月6日 13:50
返信ありがとうございます。
さっそくですが、URL貼らせて頂きます。
環境情報とは自宅WiFi使用とかでよろしいでしょうか？？勉強不足で申し訳ありません。
ブログURL
2022年4月6日 14:08
@naoward さん
私のWindows環境ではサイドバーは、問題なく右側に表示されているようです。
「環境情報」の取得方法は以下のリンクから辿って、リンク先のページの説明をお読みください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
わいひら reacted
トピックスターター 2022年4月6日 19:57
環境情報張り付きけました。
よろしくお願い致します。
サイト名：Okinawa blog サイトURL： https://okinawaablog.com ホームURL： https://okinawaablog.com コンテンツ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 スキン：/wp-content/themes/cocoon-master/skins/skin-season-summer/style.css WordPressバージョン：5.9.3 PHPバージョン：7.4.25 ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) GSA/205.1.437312666 Mobile/15E148 Safari/604.1 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate, br 言語：ja ---------------------------------------------- テーマ名：Cocoon バージョン：2.4.2.4 カテゴリ数：1 タグ数：0 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：845バイト functions.phpサイズ：203バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：4 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：0 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：0 WEBフォントLazy Load：0 ---------------------------------------------- 利用中のプラグイン： Akismet Anti-Spam 4.2.2 ConoHa WING コントロールパネルプラグイン 1.1 ConoHa WING 自動キャッシュクリア 1.0.0 EWWW Image Optimizer 6.4.2 Rinker 1.9.4 XML Sitemap Generator for Google 2.0.3 ----------------------------------------------
2022年4月6日 20:49
naowardさん
私の環境からもリフィトリーさんと同様に、お問い合わせの事象は発生していません。
私はWindows10ですが、Chrome、Firefox、Edgeで確認して、いずれも発生していませんでした。
Android・Chromeでも確認しましたが、同様に発生していませんでした。
そこで、3点お願いがあります。
- 貼り付けていただいた環境情報は、iPhoneからのものですが、この端末でも事象は発生していますでしょうか
- 事象が発生しているMacでログインして、環境情報の取得・貼り付けをお願いできますでしょうか
- その事象がどういう状況か分かるように、キャプチャ画像を取得していただき、貼り付けていただけますでしょうか
よろしくお願いします。
2022年4月6日 21:03
naowardさん
Macの画面のスクリーンショットの取り方のリンクを貼り付けてみますね。
Mac でスクリーンショットを撮る
https://support.apple.com/ja-jp/HT201361
mk2さんのご案内どおりにお願いできればと思います。
わいひら reacted
2022年4月6日 21:20
naowardさん
あと、mk2さんのご案内とは別になりますが、過去の設定等がブラウザにキャッシュされていて、それが表示されている、ということもよくあることなので、とりあえず、ブラウザのキャッシュはクリアして、サイトの表示を確認してみる、というのは、最初に試してみることのうちのひとつかもしれません。
Mac Safari で キャッシュクリアをする方法
https://cs.zaq.ne.jp/knowledgeDetail?an=000004212
わいひら reacted
トピックスターター 2022年4月6日 22:12
色々と考えて頂き、本当にありがとうございます。
Macbookからも発生しています。
こちらはMacからログインした環境状況です。
画像も添付致します。下の方が薄黒くなっているため分かりにくいかもしれません。
よろしくお願い致します。
--------------------------------------------- サイト名：Okinawa blog サイトURL： https://okinawaablog.com ホームURL： https://okinawaablog.com コンテンツ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 スキン：/wp-content/themes/cocoon-master/skins/skin-season-summer/style.css WordPressバージョン：5.9.3 PHPバージョン：7.4.25 ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate, br 言語：ja ---------------------------------------------- テーマ名：Cocoon バージョン：2.4.2.4 カテゴリ数：1 タグ数：0 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：845バイト functions.phpサイズ：203バイト ---------------------------------------------- Gutenberg：1 AMP：0 PWA：0 Font Awesome：4 Auto Post Thumbnail：0 Retina：0 ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化：0 HTML縮小化：0 CSS縮小化：0 JavaScript縮小化：0 Lazy Load：0 WEBフォントLazy Load：0 ---------------------------------------------- 利用中のプラグイン： Akismet Anti-Spam 4.2.2 ConoHa WING コントロールパネルプラグイン 1.1 ConoHa WING 自動キャッシュクリア 1.0.0 EWWW Image Optimizer 6.4.2 Rinker 1.9.4 XML Sitemap Generator for Google 2.0.3
2022年4月6日 22:56
そして、以下に添付した画像で、赤枠で囲み、赤矢印で示した部分は、モバイルフッターポタン等と呼ばれます。
（正式名称がどうか、あやふやです。）
スマホ、タブレット等の画面幅の狭い端末で、通常は表示されます。
しかしながら、PCでも、ブラウザのウィンドウ幅が狭ければ、表示されます。
ブラウザでズーム（拡大）などしていれば、実質的にウィンドウ幅が狭い状況ですので、表示される可能性はあると思います。
お問い合わせでは、最初「『サイドバー』が右に表示されない」ということかと思いましたが、そうではない感じでしょうか。
「モバイルフッターポタンが、表示されてしまう」ということでしょうか。
わいひら reacted
2022年4月6日 23:02
Safariの拡大方法は、こんな感じらしいです。
Webページの拡大表示方法（Safari）
https://support.biglobe.ne.jp/settei/browser/safari/safari-003.html
わいひら reacted
2022年4月6日 23:05
Windows10、Chromeで、ブラウザ幅を1920pxにして拡大率を200%にすると、以下のような感じで表示されました。
すみませんが、作業のため、しばらく離席してしまいます。
【追記】
サイドバーは、画面幅（ウィンドウ幅）が1024px以上で表示されるようです。
1023px以下の場合は、サイドバーは消えて、モバイルフッターボタンに切り替わります。
わいひら reacted
トピックスターター 2022年4月7日 05:38
おはようございます。サファリの画像を消したらサイドバーも出て来ました。とても嬉しいです。。。
初歩的な質問でも真意に答えて頂きありがとうございました。本当に感謝しています。
私もデスクトップが良いなと思いました。今後デスクトップ購入検討していきたいです。
アドバイスありがとうございました。
トピックスターター 2022年4月7日 05:45
Macbook使用の際はサファリのサイドバーを消す。画面幅が問題である。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。