投稿者:: @miyoshi

バージョン：2.3.0

テーマが少し古いので親テーマをアップデートしていただけますでしょうか。
通常以下の方法でアップデートできるのですが、
https://wp-cocoon.com/dashboard-update-of-cocoon-theme/
Cocoonのデフォルトフォルダ名が違うので、FTPでないとできないかもしれません。

投稿者:: @miyoshi

/wp-content/themes/cocoon/style.css

前略、miyoshi さん

子テーマをお使いになっていないようなので、親テーマのアップデートはテーマ設定のバックアップをとってから行うことをお勧めします。

テーマ設定のバックアップ方法

https://wp-cocoon.com/how-to-theme-settings-backup/

テーマ設定の復元（レストア）方法

https://wp-cocoon.com/how-to-theme-settings-restore/

miyoshi さん

ConoHa WING で提供されている Cocoonのテーマのフォルダ名は、なぜかCocoonのデフォルトのフォルダ名とは異なっています。

そのため、デフォルトのフォルダ名、というか、Cocoonのサイトで提供されている親テーマにする必要があるのです。

また、WordPressでは、親テーマと子テーマという２つのテーマを使用して運用し、各種設定や、カスタマイズは子テーマで行い、親テーマは、新しいバージョンがリリースされたらアップデートしていく、という運用方法が通常のやり方です。

miyoshi さん

miyoshi さんの場合は、子テーマを導入されていないようですので、先ず、Cocoonに備わっているテーマ設定のバックアップ機能を使って、テーマ設定をバックアップしておきましょう。

テーマ設定のバックアップ方法

https://wp-cocoon.com/how-to-theme-settings-backup/

そのほか、アクセス解析のコードや、サーチコンソールのコードなど、設定したコード等を、テキストエディタなどで、コピーして保存しておきましょう。

その後、私は、一旦WordPressのデフォルトテーマである、「twentytwentyone」などを有効化して、ConoHa WING からインストールしたCocoonのテーマを削除して、その後、このCocoonのサイトからダウンロードした親テーマと子テーマをインストールして、子テーマを有効化する方法が良いような気がします。

テーマのダウンロード

https://wp-cocoon.com/downloads/

Cocoonテーマをインストールする方法

https://wp-cocoon.com/theme-install/

子テーマを有効化したら、バックアップしたテーマ設定のレストアを行います。

テーマ設定の復元（レストア）方法

https://wp-cocoon.com/how-to-theme-settings-restore/

miyoshi さん

私はWindowsパソコンしか持っていないので、よくわかりませんが、Macの場合はCocoonのサイトからダウンロードした際に以下の注意が要るようです。

Macの場合は、zipが自動で解凍（展開）される場合があります。その際は、zipに再圧縮してインストールしてください。

miyoshi さん

親テーマ、子テーマって何だ？という場合は、以下のトピックをお読みになると良いと思います。

[解決済] 親テーマと子テーマについてです。

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

わいひら様、お忙しい中コメントありがとうございます。パソコンの使い方もほぼ初心者なので‥解らないことだらけなのですが、一つずつ行っていけば、また書けるようになりますか？ ?早速、デフォルト名が違う、と言うことと、FTPじゃないとできないかも、の言葉につまずいてます‥。すみません。 

@miyoshi さん

投稿者:: @miyoshi

デフォルト名が違う、と言うことと、FTPじゃないとできないかも、の言葉につまずいてます‥。

ConoHa WING で提供されているCocoonのテーマのフォルダ名がCocoonのデフォルトのフォルダ名から変更されてしまっています。

わいひらさんが、ConoHa WING にその件で連絡をしているようなのですが、一向に改善されないようです。

Cocoonのフォルダ名が変更されていると、ダッシュボートの操作で、Cocoonのテーマを新しいものにアップデートすることができません。

FTPソフトの使い方がわかっていれば、FTPソフトを使った方が簡単ですが、FTPソフトなんてはじめて聞いた、という場合は、私の書いた、一旦別のテーマを有効化して、ConoHa WING からインストールしたCocoonのテーマを削除して、このCocoonのサイトからダウンロードした親テーマ、子テーマをインストールして有効化してください。

@miyoshi さん

これは、miyoshiさんだけではなく、ConoHa WINGからCocoonのテーマをインストールしてしまった方に生じている問題です。

今朝、トピックを立てた以下の方も、同様の問題を抱えているようです。

編集画面が青色になった

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

リフィトリー様、お忙しい中コメントありがとうございます。以前から何で私は子テーマがないのだろう？wordPressでcocoonを導入した際、親テーマの隣にあったcocoonchild？をダウンロードしたと思うんですよ？
パソコンもよく使いこなせない上に古いMacの環境でどこまで出来るか、時間はかかりますが‥先ず取り掛かることは

投稿者:: @leafytree

先ず、Cocoonに備わっているテーマ設定のバックアップ機能を使って、テーマ設定をバックアップしておきましょう。

が一番ですか？

@miyoshi さん

「テーマ設定のバックアップ」は、サイトの見た目を簡単に元どおりに戻すためのものです。

最初からCocoon設定をやり直す方法もあります。（ちょっと面倒ではありますが、それも有りです）

投稿者:: @miyoshi

前から何で私は子テーマがないのだろう？wordPressでcocoonを導入した際、親テーマの隣にあったcocoonchild？をダウンロードしたと思うんですよ？

ConoHa WING の管理画面からCocoonをインストールしてはいけません。

必ず、このCocoonのサイトからダウンロードして、それをインストールしてください。

テーマのダウンロード

https://wp-cocoon.com/downloads/

Cocoonテーマをインストールする方法

https://wp-cocoon.com/theme-install/

リフィトリー様、わかりました。今日はとにかく出来るところまで、してみたいと思います。

先ずcocoonから「テーマ設定のバックアップ」をして、このサイトから親と子をダウンロードすればいいのですよね？
とりあえず、一旦ここまでしてみてまたご連絡いたします。手順がわからなくなるので一つずつの作業ですがお付き合いいただけたら幸いです。

@miyoshi さん

おそらく編集画面の不具合については、WordPressを5.8にアップデートしたことと関係しているのではないかと推測しています。

このところ、WordPress は、メジャーアップデートの度に、ブロックエディターの仕様を変更してきているので、メジャーアップデート直後は、テーマとの整合性がとれずに、不具合が生じることが多々あるようです。

ですので、WordPressのメジャーアップデート、（今回のような5.7系から5.8系へというような）は、リリース直後は直ぐには行わず、様子を見て、ローカルのパソコン内にテストサイト環境を作って、そこでテストしてから、運用サイトをアップデートした方が良いと思います。

WordPressでは、メジャーアップデートの数ヶ月後には、バグなどを修正したマイナーアップデートがリリースされます。例：5.8→5.8.1など

その辺りで、アップデートを考える方が無難です。

テストサイトを持たない場合は、Cocoonのフォーラムや、ネット上の情報を注視して、しばらくアップデートせずに様子をみましょう。

メジャーアップデートが２～３か月後になったとしても、メジャーアップデート直後のゴタゴタに運用サイトを巻き込むよりは、良いような気がします。

マイナーアップデート、例えば、5.8→5.8.1とか　5.8.1→5.8.2などの場合は、5.8のバグの修正であったり軽微な機能追加であったりする場合が多いようなので、あまり神経質になる必要はないのかなと思います。

@miyoshi さん

ConoHa WING から インストールしたCocoonのテーマから、このCocoonのサイトからダウンロードしたテーマに替える手順を書いてみます。

１、テーマ設定のバックアップをとります。

２、親テーマに設定した、アナリティクス、サーチコンソール、広告、などのコードをテキストエディタでバックアップしてパソコンに保存しておく。（Macの場合は、CotEditor をインストールして文字コードをUTF-８（BOMなし）に設定して使うと良いでしょう）（保存形式はtxtファイルで良いかと思います）

３、一旦、WordPressのデフォルトテーマである、「twentytwentyone」を有効化します。（このときサイトの見た目が大幅に変わってしまいますが気にしないでください）

４，ConoHa WING からインストールしたCocoonの親テーマを削除します。（もし、ConoHaからインストールした子テーマが残っているようでしたら、それも削除します）

５、このCocoonのサイトからダウンロードした、Cocoonの親テーマと子テーマをインストールします。（Macの場合は、ダウンロードした時点でZipファイルが自動解凍されてしまう場合があるようです。その場合は、再度Zipファイルに圧縮し直してください。）

６、インストールしたCocoonの子テーマを有効化します。

７、バックアップしておいたテーマ設定を子テーマに復元します。

８、バックアップしておいた各種コードを、子テーマに設定します。

@miyoshi さん

テキストエディタについては以下を参照してください。

CotEditor

https://coteditor.com/

文字コードをUTF-8 BOMなし(UTF-8N)でファイル保存をする方法

https://www.1-firststep.com/archives/2258

リフィトリー様、お返事ありがとうございます。私もそのような気が致します。確かに訳も分からずアップデートをしてはいけないなぁ、と思いました。

とりあえず、この時間までにスローではありますが、「バックアップ」はしました。今、このサイトから（親と子）を圧縮でダウンロードしインストールの途中経過です。
画像が読み込めなかったので添付できなかったけど、下の方にこのテーマはインストール済みです。

テーマを更新しています。必ず最初にデータベースとファイルをバックアップしてください。

アップロードしたもので現在のものを置き換える。

キャンセルして戻る。
と、書いてありますが書き換えるで、いいのでしょうか？
これが終われば、子テーマをインストールしようと思います。

@miyoshi さん

先ほど書かせていただいた手順をよくお読みください。

Cocoonのサイトからダウンロードした親テーマと子テーマをインストールするのは、WordPressのデフォルトテーマである、「twentytwentyone」を有効化して、「twentytwentyone」に切り替えたあと、ConoHa WINGからインストールしたCocoonのテーマを削除した後です。

@miyoshi さん

「twentytwentyone」を有効化して、「twentytwentyone」に切り替えたあと、ConoHa WINGからインストールしたCocoonのテーマを削除するまでは、インストールしてはいけません。

@miyoshi さん

「twentytwentyone」というのは以下のテーマです。

@miyoshi さん

何度も書きますが、手順をよくお読みください。

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

ご教示ありがとうございます。すみませんコメントが追いつかず、読みこなせていないため飛ばしていたみたいです‥。もう一度最初から読み進めていきます。。

ご教示ありがとうございます。すみませんコメントが追いつかず、読みこなせていないため飛ばしていたみたいです‥。もう一度最初から読み進めていきます。。

リフィトリー様、度々すみません。「cotEditor」をインストールしようとしましたが、使っているmacのバージョンが足りなくてインストールできませんでした。（現在10．11でアプリは10．15以上必要）Appleサポートに問い合わせましたが今以上にはあげられないとの事です。（あげれても13が限界）

サーチコンソール・アナリティクス・広告のコードだけをコピーしてFinderというところに入れてますがコードだけが保存されているのかがわかりません。他に保存する場所がありません。
パソコンが古いので、やはりどうする事もできないのでしょうね。

@miyoshi さん

投稿者:: @miyoshi

「cotEditor」をインストールしようとしましたが、使っているmacのバージョンが足りなくてインストールできませんでした。（現在10．11でアプリは10．15以上必要）Appleサポートに問い合わせましたが今以上にはあげられないとの事です。（あげれても13が限界）

CotEditorのアーカイブページに「古いmacOS向けCotEditor」というのがダウンロードできるようになっているようです。

https://coteditor.com/archives.ja

リフィトリー様ありがとうございます！！
絶望的でした。今、頭がパンパンなので少し時間をおいて、してみます。
アップルストアからではなく

投稿者:: @leafytree

アーカイブページに「古いmacOS向けCotEditor」というのがダウンロードできるようになっているようです。

CotEditorのアーカイブページにいけば良いのですね！

すみません。ホームページを参照していませんでした…。
そちらから入ります。

@miyoshi さん

ちょうど、ConoHa WING のCocoonのテーマから、このCocoonのサイトのCocoonのテーマに切り替えた方がいらっしゃいます。

参考になりそうなので、リンクを貼っておきます。

見出しの 色

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

お忙しところ質問失礼します。

投稿者:: @leafytree

（保存形式はtxtファイルで良いかと思います）

なんですけど、シンタックスとplain Textとあります。これが保存形式ですか？

また、これにはアナリティクスやサーチコンソールのコードを一つずつコピー張り付けすると保存できるのでしょうか？色々書いてあるけど、よくわからないです‥ごめんなさい ? 

投稿者:: @leafytree

１、テーマ設定のバックアップをとります。

 

２、親テーマに設定した、アナリティクス、サーチコンソール、広告、などのコードをテキストエディタでバックアップしてパソコンに保存しておく。（Macの場合は、CotEditor をインストールして文字コードをUTF-８（BOMなし）に設定して使うと良いでしょう）（保存形式はtxtファイルで良いかと思います）

 

３、一旦、WordPressのデフォルトテーマである、「twentytwentyone」を有効化します。（このときサイトの見た目が大幅に変わってしまいますが気にしないでください）

 

４，ConoHa WING からインストールしたCocoonの親テーマを削除します。（もし、ConoHaからインストールした子テーマが残っているようでしたら、それも削除します）

 

５、このCocoonのサイトからダウンロードした、Cocoonの親テーマと子テーマをインストールします。（Macの場合は、ダウンロードした時点でZipファイルが自動解凍されてしまう場合があるようです。その場合は、再度Zipファイルに圧縮し直してください。）

 

６、インストールしたCocoonの子テーマを有効化します。

 

７、バックアップしておいたテーマ設定を子テーマに復元します。

 

８、バックアップしておいた各種コードを、子テーマに設定します。

お忙しところすみません、７までは順を追って行いました。７は(リストア）の復元ということでよかったですよね、、。８を設定しようと→設定→解析･認証にいくと、すでにアナリティクス・サーチコンソール等のIDが入力されていました‥。手順間違えましたでしょうか？

ちなみに、設定後の環境はこの様になりました。何か替わりましたか？？添付致します。 ? 

----------------------------------------------
サイト名：うちのサン太は発達障害！
サイトURL： https://uchinoko-39blog.com
ホームURL： https://uchinoko-39blog.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
WordPressバージョン：5.8
PHPバージョン：7.4.16
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1.2 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.3.3
カテゴリ数：3
タグ数：3
ユーザー数：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.1.10
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.2
Hello Dolly 1.7.2
Rinker 1.8.3
SiteGuard WP Plugin 1.6.0
TypeSquare Webfonts for ConoHa 2.0.2
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------

@miyoshi さん

高速化設定を無効にしていただけますでしょうか。

高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

投稿者:: @miyoshi

７は(リストア）の復元ということでよかったですよね、、。８を設定しようと→設定→解析･認証にいくと、すでにアナリティクス・サーチコンソール等のIDが入力されていました‥。手順間違えましたでしょうか？

7は、Cocoonの設定の復元ですね。
そこにAnalyticsなどのものも入っていたかと思います。（たぶん。。。）

2で手控えを作ったのは、何かあった際の備えですから。

投稿者:: @miyoshi

設定後の環境はこの様になりました。何か替わりましたか？？

変更前。

投稿者:: @miyoshi

テンプレートURL：/wp-content/themes/cocoon
スタイルシートURL：/wp-content/themes/cocoon
親テーマスタイル：/wp-content/themes/cocoon/style.css

変更後。

投稿者:: @miyoshi

テンプレート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

ConoHa特有の状態から、Cocoon本来のフォルダ構成になり、子テーマもインストールされています。

今は、親テーマの更新が頻繁に行われており、miyoshiさんはまだ最新の状態とは言えません。

以下の手順を参考に、親テーマの最新化をお勧めします。

Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/

今回の対応が実施しなかったら、上記の最新化すらできない状態でした。

おや、リフィトリーさんが見てくださるみたいです。

まずは、それからにした方が良さそうですね。

@leafytree 様。

無効化しました。

@miyoshi さん

ｍｋ２さんご案内のとおり、ConoHaのテーマからこのCocoonのサイトからダウンロードしたテーマへの切り替えは上手くいったようです。

補足すると、WordPress5.8に対応するため、昨日、今日と、わいひらさんが親テーマを修正しています。

miyoshiさんのサイトの現在の親テーマのバージョンは、2.3.3.3 ですが、わいひらさんが修正くださった親テーマがGitHubというところにアップロードされており、最新の親テーマのバージョンは、2.3.3.10となっているようです。

ｍｋ２さんがご案内くださったページの GitHubからダウンロードして、インストールする手順の案内どおりに、親テーマをバージョン2.3.3.10にアップデートしてください。

よくわからないときは、また、書き込んでください。

Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/

MacでZIPファイルが勝手に解凍されてしまったときは、再度Zipファイルに圧縮してインストールしてください。

@mk2_mk2 様。

ご返答ありがとうございます ? まだ記事画面が、真っ白なままなのでまだまだ先がありそうです…。

みなさん、ここまでサポートしていただけただけでも感謝です！

miyoshiさん

親テーマの最新化がまだのようですので、まずは最新化してみましょう。

@leafytree 様
＠mk2様

サポートありがとうございました。
これまでの経過は上手くいってると言う言葉だけでも安心しました。。

ご教示の勧めの通り、頑張っていきます。

しかしまだ記事が書けないのはバージョンが上がっていないからでしょうか…？

それが終了したら、また記事が書ける様になりますか…？

明日にでも次の作業をしたいと思います。わからない時はお世話になります。

わいひら様をはじめ、皆様もどうぞご自愛くださいませ。

@miyoshi さん

ご自身が書き込んだ部分より上を見てください。

トピックに書き込むときの時差で、読んでいない部分がありませんか？！

常に上下にスクロールして、読んでいないところがないか、確認するようにしてください。

あと、command + R キー　を時々押して、フォーラムを再読み込み(更新)するようにしてください。

miyoshiさん

miyoshiさんサイトは、まずはConoHa特有の問題を解消しなくてはならない状態でした。
これをしないと、始まらないという状態でした。

そして、それをやっと解消しました。
（最新版へのアップデートがまだ残っていますが。）

ここからです。
ここから、何故編集画面が真っ白になるか、本当の原因を調べるのはここからなんです。

まだスタートラインに立ったところなんです。

続きの作業は明日とのことですね。

明日もどなたかがサポートしてくださると思います。
（私もタイミングというのか時間があえば。）

ちなみに、最新版にしただけで直る可能性もあります。

その辺の切り分けのためにも、まずは親テーマの最新化をしてしまいたいです。

朝からの質問ですみません。先ほど昨日の続きを行いました。

投稿者:: @leafytree

Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/

 

を、しましたら

辿ったリンクは期限が切れています。

もう一度お試しください。

とありました。どうしたらいいでしょうか？！

@miyoshi さん

投稿者:: @miyoshi

辿ったリンクは期限が切れています。

もう一度お試しください。

この「辿ったリンク」とは、どのリンクですか？

昨日リフィトリー様ありがとうございます。

投稿者:: @leafytree https://wp-cocoon.com/manual-update-of-cocoon-theme/

こちらのページから入ってcocoonのテーマ、新規追加、アップロードからのリンクです

@miyoshi さん

何か誤解があるようですので、あたらめて、手順を書いてみます。

補足ですが、ダウンロードした時に名称が「cocoon-master-2」とダウンロードされました。

@miyoshi さん

１，先ず、以下のGitHubのCocoonのページにアクセスします。

https://github.com/yhira/cocoon

２，GitHubのページにある、緑色の「Code」と書いてあるボタンをクリックします。

３，すると、いくつかメニューが表示されるので、一番下の「Download Zip」をクリックします。

４，すると、パソコンのダイアログが表示されるかと思います。cocoon-master.zip ファイルをパソコンに保存してください。

５，WordPress管理画面から「外観」→「テーマ」を選択します。

６，テーマ画面の「新規追加」ボタンを押します。

７，テーマを追加画面の「テーマのアップロード」ボタンを選択します。

８，先程ダウンロードした「cocoon-master.zip」ファイルを選択し「今すぐインストール」ボタンを押します。

９，すると以下のような画面が表示されるので「アップロードしたもので現在のものを置き換える」ボタンを選択してください。

投稿者:: @miyoshi

ダウンロードした時に名称が「cocoon-master-2」とダウンロードされました。

何度もダウンロードしていて名称が重複するのでPC側が番号を振っていると思います。古い方は削除して、正式名称の「ocoon-master.zip」に変更してからアップロードです。

@miyoshi さん

私はMacは持っていないので、Macの挙動はよくわかりませんが、同じ名前のファイルを同じ場所に保存したりすると、Windows ではファイル名の後ろの方に（２）などの番号が付与されるようになっています。

もしかしたら、それと同じようなことではありませんか？

また、Macでは、Zipファイルがダウンロードした時点で自動的に解凍されてしまう場合があると聞いています。

その場合は、Zipファイルに圧縮し直してください。

Macを持っていないので、以下のやり方で合っているのかよくわかりませんが・・

Macでファイルやフォルダを圧縮する/解凍する

https://support.apple.com/ja-jp/guide/mac-help/mchlp2528/mac

@tohyo2020 様、ありがとうございます。

ダウンロードした形式を圧縮し、cocoon-master-２.zipの名称でインストールしたのですが、それでは内容が変わるのですか？

いっぺん通りは書かれている通りにしたのですが。

画像を、一応添付しています。