ミモザさん

今は、固定なさってますか？
ちょっと確認できない気がします。

そして、それとは別件です。

ミモザさんは、ConoHa特有の問題で、親テーマがアップデートできない事象が発生しているようです。

以下のトピックをご覧になって、改善しておくと良いと思います。

https://wp-cocoon.com/community/postid/55462/

リンクした返信と、もう1つ下の返信もご覧ください。

まだサイト開設なさったばかりのようですので、今の内に改善しておくのが楽だと思います。

また、WordPressの日本語環境においては、プラグイン「WP Multibyte Patch」は必須と言えますので、インストールなさることをお勧めします。
https://ja.wordpress.org/plugins/wp-multibyte-patch/

トップページだとコンテンツの高さが足りないので固定の有無が分かりにくいですね。

https://mimo87.com/hello-world
こちらのページだと割と確認しやすいです。

Cocoon設定>ヘッダー>ヘッダー全体色、を白色にしていませんか？
現在はCocoon設定>ヘッダー>グローバルメニュー色が青色なのでは…？

グローバルメニュー色の指定はクリアして、全体色を青色にすると希望の感じになる気がします。

今確認したら、固定されていました。

私のブラウザの高さが、高過ぎたようです。
（低くしないと、スクロールしてくれないので。と言っても、ウィンドウの高さは1,000pxもないと思います。）

しかし、先にConoHa特有の問題を解消しておくことをお勧めします。

あ、はるさんが書いてくださったのですね。

前略、ミモザさん

固定ヘッダー時に左上に小さく表示されるゴロでしたら、背景画像が表示されないようにCocoonで以下のように指定されているようです。

.header-container-in.hlt-top-menu .header {
    background-image: none;
}

ですので、以下のようなコードを追加CSSか子テーマのstyle.cssファイルに記述すると、表示されるかと思います。

ただし、ConoHaからインストールしたテーマの問題を解決する方が先かと思います。

.header-container-in.hlt-top-menu .header {
    background-image: url( https://mimo87.com/wp-content/uploads/2021/08/head_back-3.png );
}

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

お手数おかけしております。

まずmk2さんにご指摘いただいたConoHa特有の問題ですが、現在親テーマが２つもありそれぞれバージョンが違うのですが、どちらを削除すれば良いでしょうか？

バージョン2.3.5.1

バージョン2.3.4

ミモザさん

以下の手順でいうと今どの辺りですか？

1. テーマ設定のバックアップを取得
    
   テーマ設定のバックアップ方法
   https://wp-cocoon.com/how-to-theme-settings-backup/
   

   ただし、テーマ設定のバックアップでバックアップできないものもあります。
    
   テーマのバックアップ機能は、あくまで「Cocoon設定」をバックアップ・レストアするものです。
   以下の機能の設定はバックアップされないのでご了承ください。
    
   　　吹き出し
   　　テンプレート
   　　アフィリエイトタグ
   　　ランキング作成
   　　アクセス集計

   上記は、設定内容を1つ1つコピペ等しておく必要があります
   そして、テーマの再インストール完了後に、手動で再設定する必要があります
    
    

2. 子テーマに設定した「Analytics・Search Console・広告」のコード等、カスタマイズしている場合
    
   そのコード等（子テーマのstyle.CSS、function.php、Javascript.js等に記述したコード等）をテキストエディタかメモ帳等でパソコンにバックアップしておきましょう
     
     
3. 念のため、サーバー領域・データベースのバックアップを、プラグイン・レンタルサーバーの機能等を使って、取得しておきましょう
   （何かミスや不具合等があった場合に、元に戻せる保険です）
    
    
4. 項番1～3の作業終了後に、一旦WordPress公式テーマを有効化します（Twenty Twenty-One等）
   （このときサイトの見た目が大幅に変わってしまいますが、問題ありません）
    
    
5. ConoHa WINGからインストールしたCocoonの親テーマと子テーマを削除（アンインストール）します
    
    
6. Cocoon公式サイトからダウンロードした親テーマと子テーマをインストールします
    
   テーマのダウンロード
   https://wp-cocoon.com/downloads/
    
   Cocoonテーマをインストールする方法
   https://wp-cocoon.com/theme-install/
    
    
7. Cocoonの親テーマ、子テーマがインストールできたら、子テーマを有効化します
    
    
8. バックアップしておいたテーマ設定のバックアップから、設定を復元します
   （項番1で取得したものから復元する）
    
   テーマ設定の復元（レストア）方法
   https://wp-cocoon.com/how-to-theme-settings-restore/
    
    
9. その他のバックアップしておいた、コード等を子テーマに設定します
   （項番2で取得したもの）
    
   テーマ設定の復元で既に戻っているものは、そのままで良いと思います
    
    
   項番1で触れた以下について、必要に応じて手動で再設定してください
    
   　　吹き出し
   　　テンプレート
   　　アフィリエイトタグ
   　　ランキング作成
   　　アクセス集計
    
    
     
   なお、既に投稿等にCocoonデフォルトの吹き出しを使用している場合は、投稿等を修正する必要があります
    
   吹き出し画像がConoHa Wingからインストールしたテーマのフォルダを参照しているためで、インストールし直したテーマのフォルダを参照するように変更します
    
   具体的にはURLの「/cocoon/」の部分を、「/cocoon-master/」へ変更します

以上です。

失礼いたしました。

もう一度良くフォーラムを拝見いたしまして、MK2さんがまとめて下さっているフォーラムをしっかりと読み直しました。

疑問に思ったのは5番目の作業の親テーマと子テーマを削除する際に、親テーマらしきものが２つありましたので、どちらも削除して良いのかお聞きしたいと思いました。

ご助言いただきました件を踏まえ、どちらの親テーマも子テーマと一緒に削除したいと思います。

ミモザさん

疑問に思ったのは5番目の作業の親テーマと子テーマを削除する際に、親テーマらしきものが２つありましたので、どちらも削除して良いのかお聞きしたいと思いました。

ご助言いただきました件を踏まえ、どちらの親テーマも子テーマと一緒に削除したいと思います。

新しい方の親テーマを残しても良いのですが、この際、親テーマを両方と子テーマを削除して、新たに、親テーマと子テーマをインストールする、ということで良いと思います。

間違って削除すべき方を残してしまう、というリスクが無くなります。

ミモザさん

ConoHaからインストールしたテーマからCocoonのサイトからダウンロードしたテーマへの切り替えは上手くいっているように見受けられます。

あとは、意図したデザインになっているかどうかですが・・・

あと、別件でお伝えしておきたいことがあります。

サイドバーに表示されている以下の４つのウィジェットは、最近WordPressの仕様に変更があったため、Cocoonのテーマが、まだ対処できておらず、ウィジェットを取り替えないといけないかもしれません。

・Recent Posts

・Recent Comments

・Archives

・Categories

ダッシュボードの「外観」→「ウィジェット」とたどるとウィジェットエリアの「サイドバー」というところに「ブロック」というウィジェットが４つ入っているかと思います。

お世話になっております。

ConoHa特有の問題に関しまして、ご指摘いただきましたとおり修正いたしました。

これで解決しているかと思います。

またmk2さんからアドバイスいただきましたプラグイン「WP Multibyte Patch」ですが、確認しましたところきちんとインストールされておりまして、現在問題をご確認いただくために全てのプラグインを無効化している状態です。

そして本題のロゴ画像に関してですが、はるさん、リフィトリーさんからのアドバイスをそれぞれ適用してみました。

はるさんのご指摘通りの色設定を行なっておりまして、変更してみたところ画像はきちんと透過されるのですが、できればロゴの背景は白が良く、全体的に青くなってしまうため、自分の希望とは少し違いました。

リフィトリーさんの場合だと全体色を白、メニュー色を青に設定した上でstyle.cssに教えていただいたコードを記述したのですが、こちらは変化がありませんでした。

ここまでアドバイスしていただいた通りに作業をしていて気づいたのですが、はるさんのアドバイスを適用した際にロゴがちゃんと透過されていたことを踏まえて、全体色を青色に設定した上で、ヘッダー背景の画像を白にしてみたらどうかと思いまして…

実はヘッダー背景の画像も透過してあって、花だけだったところを画像ソフトで修正して白背景つきのものにしましたら、イメージ通りのものになりました！

無事、ヘッダーメニューが固定されている際のロゴ画像が透過されているのを確認できました。

アドバイスいただきました、

mk2さん

はるさん

リフィトリーさん

のおかげで無事解決致しましたので、心よりお礼を申し上げたいと思います。

本当にありがとうございました！

ミモザさん

以下の４つのウィジェットがウィジェットエリアのサイドバーの中に入っている「ブロック」と表記されているウィジェットです。

・Recent Posts

・Recent Comments

・Archives

・Categories

これを画面左側の利用できるウィジェットの中にある以下の４つのウィジェットに取り替えると、Cocoonのデフォルトの表示になるかと思います。

・最近の投稿

・最近のコメント

・アーカイブ

・カテゴリー

取り替える方法は、ウィジェットをドラッグアンドドロップで移動するか、利用できるウィジェットのところで、追加するウィジェットエリアを選択して、「ウィジェットを追加」のボタンで追加できます。

ミモザさん

ウィジェットは、以下のようにドラッグ＆ドロップでウィジェットエリアに追加できます。

リフィトリーさん

ありがとうございます！

意図したデザインに無事設定することができました！

本当にありがとうございました。

また教えていただきましたサイドバーについてですが、お恥ずかしい話wordpressで制作を始めて数日でして、まだサイドバーに全く着手していなかったため知りませんでした。

サイドバーはこれから着手する際に教えていただいた通り取り替えたいと思います。

質問以外のことも教えていただけて、本当に勇気を出してこちらで相談して良かったと思いました。

ありがとうございました！

ミモザさん

この最初に表示される、以下の４つのウィジェットには、Cocoonのデザインやスキンのデザインが適用されません。

これは最近、判明したことなので、まだ、Cocoonでは対処できていないのです。

・Recent Posts

・Recent Comments

・Archives

・Categories

ですので、利用できるウィジェットのものと取り替えるか、ご自身でお好みのウィジェットを「利用できるウィジェット」から追加してご利用ください。