Cocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。.8em}#search-menu-input:checked~#search-menu-content{-webkit-transform:translateY(20%);transform:translateY(20%)}.search-menu-content{padding-top:40px}WordPress初心者がブログ運営する上で必要なバックアップ方法。CSS・HTMLの基礎がわかるステップを丁寧に説明。運営者情報ホームWordPressカスタマイズCocoonカスタマイズCocoonユーザーさんにカスタマイズお疲れ様です^^何か御用があれば、記事下にあるコメント欄よりどうぞ❦スポンサーリンクCocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。コピー2018.09.03ダウンロードしたテーマのZIPフォルダを、WordPress管理画面の『外観』-『テーマ』よりインストールする方法インストールしたとき、”目的のフォルダーはすでに存在しています“とメッセージが表示され、導入・反映されない理由...などFTPでテーマをアップロード方法WordPressテーマ:Cocoonの初心者ユーザーさんに、上記に説明を加え超本気でイロイロ説明します。(フォーラムでわいひらさんに修正してもらった)開発版:公開される前のgithub.com/yhira/cocoon/archive/master.zipをWP管理画面テーマのアップデートからできない理由を含め、チェックしてください。目的のフォルダーはすでに存在して、アップロードできないWordPressは親テーマを使う人もいる親テーマの更新が来たときは、管理画面で更新できる自分でダウンロードしたCocoonZIPフォルダについてフォーラムで修正してもらった『開発版親テーマmaster.zip』とはCocoon公式ページよりダウンロードした親テーマとは旧バージョンのCocoon親テーマ個別アップデートは、FTPソフトを使ってアップロード1.cocoon-master.zipフォルダを解凍2.cocoon-masterフォルダをFTPソフトでアップロードする場所FTPソフトでアップロード。画像を見ながら一緒にやる❦ダウンロードしたCocoonのバージョンを確認したいテーマの更新でキチンと表示されていない場合スタイルが効いてない。画像で説明するので、手順通りに導入すれば、Cocoonの子テーマが導入できますよ。テーマをインストールしていますパッケージを展開しています...テーマをインストールしています...テーマのインストールが完了しました。『新規追加』をクリックしたら、続いて子テーマを導入し、有効化させます。『ファイルを選択』をクリックcocoon-child-master.zipをPCから選ぶcocoon-child-master.zipをインストールインストールができたら、以下の画面に。テーマをインストールしていますパッケージを展開しています...テーマをインストールしています...このテーマには親テーマが必要です。親テーマがインストールされているか確認しています。インストール済みです。テーマのインストールが完了しました。テーマのページに戻る有効化を選択。Childが有効になっている状態で、これから子テーマを使ってくださいね。Cocoonテーマのアップロードに失敗したとき何か思わぬ(ファイル関連の)不具合がでたときほか、親テーマの再アップロードを試した時に失敗した場合...など。-『テーマ』からZIPフォルダのままアップロードでも大丈夫。子テーマ導入で『親テーマが見つからず』アップロードが失敗!Cocoonは子テーマを使うように推奨されていますが、子テーマをダウンロードしたけど、失敗したのは、どうしてでしょう。テーマをインストールしていますパッケージを展開しています...テーマをインストールしています...このテーマには親テーマが必要です。親テーマがインストールされているか確認しています。親テーマが見つかりませんでした。インストールしてください。テーマのインストールが完了しました。テーマのページに戻る親テーマを『導入してこそ』の子テーマです。親テーマをまずダウンロードして、導入ください。導入方法は初めの見出しのとおりです。子テーマだけを導入できない理由は次。子テーマには、このような膨大なファイルは格納されてません。親テーマに画像のような膨大なファイルが存在します。親テーマの更新で、カスタマイズが消えないよう子テーマを導入するのが正解ちなみに。親テーマ更新をクリックしたタイミングで、新バージョンのファイルが上書きされます。サーバーがロリポップでアップロードサイズが小さい場合Cocoonをはじめて導入しようと思っている初心者さんで、『ロリポップ』ユーザーの人。レンタルサーバーの設定で2M以上あるフォルダ・ファイルを一括でアップロードができない状態です。※Cocoonの親テーマは2M以上ある。試してみる事は、レンタルサーバーにログインして、『php.ini設定』にあるアップロードできるサイズの容量を2Mから、20Mに変更すればOK!詳細は以下。原因はたくさんありますけど、初心者さんであれば一度お試しください。次の見出しは、以下2点。チェックしてくださいね。目的のフォルダーはすでに存在して、アップロードできない画像はWordPress管理画面の『外観』-『テーマ』より、自分でダウンロードしたCocoonZIPフォルダを、アップロードしたら『テーマのインストールに失敗しました。』と表示されたときのスクリーンショットです。自分でダウンロードしたCocoonを『再度アップロード』すれば、このように失敗します。WordPressはたくさんのテーマが出回っているので、上書き防止のため考慮されてるため表示させている・『外観』-『テーマ』からのアップロードは初めて導入するときだけの入り口だと思ってください❦その理由として次。WordPressは親テーマを使う人もいる親テーマでカスタマイズする人のことも考慮され作られるでしょうから、管理画面のテーマの更新でアップロードを行えないと思えば、分かりやすいかも。子テーマの存在を知らず、親テーマをカスタマイズして使っている人にも考慮さらに他テーマを試そうと導入する際、間違え今のテーマをアップロードが出来ちゃうと困る点もあります。子テーマがアップロードできてしまっても同じで。頑張って書いたコードが消えた...コピペしたデザインが全部白紙に戻っちゃった...と、なってしまうから『もうテーマは存在してるよ。OK!ポイント子テーマを導入有効にして、子テーマでカスタマイズを行う。親テーマに更新があっても、子テーマに書いたコードは消えないので親テーマだけ、最新のコードに書き換えられる子テーマは1度導入したら、その後子テーマの更新はしません。親テーマの更新が来たときは、管理画面で更新できるCocoonは多機能ですが、汎用性のある良い機能はドンドン追加されたりします。テーマ作成者さんの環境でチェックが行われ『更新いくよぉ』とGOを出すと、テーマを導入しているWordPress側に『更新の通知』が徐々に届くイメージです。ちなみに詳細は以下、公式ページでどうぞ。新しいバージョンが利用できます。今すぐ更新このときは『今すぐ更新』をポチっとすれば、簡単に更新を完了できる感じです。自分でダウンロードしたCocoonZIPフォルダについてテーマの更新は『外観』-『テーマ』より、ポチっとすれば更新完了しますが、Cocoonの親テーマを個別でダウンロードした場合、FTPソフトでアップロードします。フォーラムで修正してもらった『親テーマ(開発版)』github.com/yhira/cocoon/archive/master.zipフォルダ都合によりCocoonダウンロードページから、親テーマをダウンロードしたフォルダ旧バージョンに戻したいとき、ダウンロードした旧親テーマこれらフォルダの説明からしますね。フォーラムで修正してもらった『開発版親テーマmaster.zip』とは例:フォーラムのmaster.zip|Cocoonよりフォーラムでわいひらさんが貼ったリンクをクリックしダウンロードしたmaster.zip。『最新版として公開されているバージョンの次』に出るであろう、『次の最新版(開発版・先行最新バージョン)』Cocoon親テーマです。他サイトは問題なく動くけど、質問者さんの環境では問題が出る場合など...フォーラムへ投稿するわいひらさんが環境を考慮し修正したCocoon超最新バージョンをくれる開発版を導入し、問題なく表示されたか確認できれば、現在Cocoonを使っている大多数の人に更新が伝えられ、新機能を搭載したテーマを安心して導入できるワケです。以前のバージョンでもなく、公開前の(超最新版:開発版)親テーマでもありません。ポイント何かがうまくいかないとき、『親テーマを再度アップロードしてみてください。』と検索で見たときだけダウンロードしてアップロードを行います。健康な状態であれば、特に行う必要はないって事Cocoonは導入済みだから、FTPソフトでアップロードする圧縮されているフォルダを解凍してからアップロード親テーマのダウンロードは以下ページ:見出しよりどうぞ。LINK#親テーマのダウンロード|テーマのダウンロード|Cocoon旧バージョンのCocoon親テーマたとえば新バージョンの機能と、使用しているプラグインやカスタマイズのバッティング:競合でエラーがでたとき。以前のバージョンに戻しエラーが出ないか状況をチェックしたい場合など以前のバージョンをダウンロードして、旧バージョンに戻します。Cocoon旧バージョンに戻す方法については、以下公式ページ見出しへ。LINK#過去バージョン|テーマのダウンロード|Cocoon個別アップデートは、FTPソフトを使ってアップロードはじめて『FTPソフト』って名前を聞いて意味不明!って人へ、説明しておきますね。契約したレンタルサーバーには、WordPress本体(PHP・CSS・JSなど...)ファイルが格納され、その中にCocoonテーマ『ファイル一式』も入ってるワケです。テーマフォルダをPC(スマホ・タブレット)内にダウンロードしたら、レンタルサーバーの(WordPress本体フォルダ内にある)テーマを保存する場所に上書きすることで反映されます。やって上書きするの?圧縮されたフォルダを解凍し、転送すればOK❦PCからサーバーへ、サーバーからPCへ。ファイルの転送を行うのがFTPソフトです。詳細例は、以下をどうぞLINKFTPって何?初心者に説明!ファイルの中身とアップロードなどWordPressでの基本PCからサーバー・サーバーからPCへ転送。これはバックアップと復元にもつながります。重要:FTPソフトの導入方法は以下。上▲はWindows・Macでつかえ下▼はWindowsで使えるLINK初心者へFFFTPの導入・初期設定とそのバックアップ!困ったときの対処法付きiPhoneスマホユーザーは、検索し使えるアプリを探してください。次は実際にファイルを転送する、詳細な工程です。1.cocoon-master.zipフォルダを解凍PCなどにダウンロードしたzipフォルダを解凍してください。※解凍する為のアプリを一度導入しておくと今後便利。解凍したフォルダは、初めのうち迷子にならないよう『デスクトップなどに置けば』分かりやすいですよ。フォルダ名は『cocoon-master』2.cocoon-masterフォルダをFTPソフトでアップロードする場所FFFTP:FileZilla(FTPソフト)の左がPC側ディレクトリ(ファイル格納庫)FFFTPソフト:左PC側デスクトップにあるcocoon-masterフォルダをFTPソフトの左側に見えるよう、pc上のパスを指定。ウィンドウズなら以下のようなパスC:\Users\ユーザー名\DesktopFTPソフトの右側はサーバーのディレクトリFFFTPソフト:右サーバー側FTPソフトの右側は、レンタルサーバー上にあり公開されているファイル群が入ってます。画像の右側にある青いサーバー側の(ディレクトリ)パスについて。/bibabosi-rizumu.com/公開しているフォルダ名(サイト・サーバーによって違う)public_html/サーバーによってはない。公開したディレクトリ:場所によって変わるwp-content/themesフォルダ内にアップロードするFTPソフトでアップロード。画像を見ながら一緒にやる❦hoge(/public_html)/wp-content/themesフォルダ内に、PCで解凍したcocoon-masterをサーバー側へアップロードする。PC側フォルダを右クリック・アップロードサーバー(右)側ホストに同じフォルダがあるのは、今Cocoonを使っているから当然❦アップロードして、上書きしちゃってOK!これで今のバージョンから、任意のバージョンが上書きされる感じです。バックアップ方法は以下をどうぞ。LINK初心者向け!WordPressのバックアップ方法、記事をエクスポートする手順ダウンロードしたCocoonのバージョンを確認したいCocoonのバージョンを確認はstyle.cssどのバージョンをダウンロードしたか確認するには、cocoon-masterフォルダ内にあるstyle.cssを開いてください。http://www.gnu.org/licenses/gpl-2.0.html*/この場合、バージョン1.1.7だと分かります。極まれにあるのですが、更新でテーマの表示がおかしくなったとき、親テーマのアップデート中に、不備が時々発生したばあい。styleがキチンと反映していない・ファイルの読み込みがうまく出来てないなど親テーマ最新バージョンをFTPソフトでアップデートしてください。FTPでアップしなくても、再読み込みで反映する時もある。利用環境的に読み込みが失敗してなければアップデートを試すほかのケースは次。エラーが発生し画面が真っ白になる場合プラグインとテーマの干渉の可能性プラグイン同士が急に干渉しだした可能性WordPressのバージョンとプラグイン環境があわなくなったJavaScriptのエラーの可能性などなど...考えられます。3に関してはプラグインが長らくアップデートされてないかも知れません。アップを待つか、プラグイン作成者さんに問い合わせるか、現状バージョンにあったプラグインを探すなど。上記1.2の対処法の詳細は以下をどうぞ❦スタイルが効いてない。ファイルの読み込みがうまくいってないときサーバー側で上手くスタイルを読み込めなかっただけ。その場合はキャッシュを削除すればOK!後述。それでもダメなら、アップデートがうまく完了できなかった可能性を考えて、FTPソフトでアップロードしてください。エラーが発生し画面が真っ白になる場合プラグインとテーマの干渉の可能性プラグイン同士が急に干渉しだした可能性などを特定するため、エラーメッセージを表示します。表示させたらエラーメッセージをコピーして、メモ帳・メールなどどこでも良いのでメモとしてペーストして記録し、エラーメッセージを非表示にすべく設定を元に戻します。それぞれ導入しているプラグインも違うので自分の環境で起こったエラーの原因を特定する為、以下のように原因を特定してください。2次災害を防ぎたいので、落ち着いて対応してくださいね。Scriptのエラーの可能性はPCでエラーをチェックするChromeなら、controlキー+Shiftキー+Jキーを同時押し。そこに出ている赤字の文字をコピー。スクリーンショットをとるプラグインが原因でもなく、PHPのエラーコードも表示されない。ご自身のカスタマイズが原因でもない。親テーマが最新版を導入済み。いう場合Cocoonフォーラムに問い合わせてください。表示がオカシイ・反映されてないとき、キャッシュの削除キャッシュが残っている可能性をチェックするため、キャッシュの削除をしてください。キャッシュの種類は以下3種類+ブラウザです。『Cocoon設定』より、『キャッシュ削除』を行ってください。すべてのキャッシュを削除する場合は一番上。利用サーバーによってはページのキャッシュを残し、高速化する機能が有効な場合があります。サーバーのキャッシュを削除してください。任意のキーワードで検索すれば、具体的な方法が分かりますよ。エックスサーバーのキャッシュはCocoonと相性が悪い!エックスサーバー:高速化:右真ん中エックスサーバーの高速化、mod_pagespeed設定はCocoonでさまざまなエラーが出ているのでOFFにしておきます。※現在有効になっているmod_pagespeedを停止したら、もう再導入できません。エックスサーバー:サーバーパネルにログインしてチェックする。高速化対策が行われているCocoonとは、相性が悪いCocoonならエラーが出ると、すぐに対応してくれるのが大きなメリットです。色んな高速化対策が行われているので、mod_pagespeed設定はずっとOFFでOK!画像の貼り替えを行っただけで、画像が表示されたり表示されなかったり...とお困りの方はmod_pagespeed設定のONが原因でした。困る事が多いかと思います。プラグインのキャッシュを削除キャッシュ系・圧縮系など高速化を行っている場合など、プラグインの設定画面より、キャッシュの削除を行ってください。利用中のブラウザを再起動カテゴリーを新規追加できないいつも利用させていただいています。投稿ページで、「新規カテゴリーを追加」をクリック➡「親カテゴリー」選択➡新規カテゴリー名「AAA」を追加してもカテゴリーに反映されません。ダッシュボード(左のメニュー)投稿➡カテゴリー➡新規追加や削除を行うと、設定画面では最新のカテゴリーが並びます。...wp-cocoon.com1他ブラウザでは、正常に表示されることを確認2chromeのキャッシュ削除3ブラウザを再起動しログインこの時点で正常に表示されました。困った時は検索して、それでも不明ならフォーラムへ検索して対処しようにも、どうしてもわからない事はあるので、Cocoonフォーラムで助けてもらうのも手です。質問するときは、以下詳細な情報を伝えると解決が早いと思われます。不具合が出ているページのURLどの場所で(URL)どんな不具合がでているか画面のスクショ・実際のエラーメッセージを添える※行った対処法も添えれば、もっと良いかも。運営者さんしか知らない環境で、どんな状態か伝えるため必要な情報+環境を提示すれば、テーマ製作者さんの負担がほんのりでも減るし、時間を割いて見てもらうので『チェックしてもらいやすい』よう上記を伝えてみてはいかがでしょうか。1度で、伝わりきれなくっても、気持ちは伝わるものですから^^不具合であればその書き込みは助かるでしょうし、不明点なら他の人が検索から『なるほど!』と参考になる事もあります。勇気がいるし、書き込むのにも時間もかかりと思いますが、解決できればいいと思ってこそのフォーラムでもあると思いますよ。フォーラム|Cocoonさいごに色んな便利機能がどんどん増えますので、自分にあった機能や使うと便利!と思う機能などさまざまあります。Cocoon情報はFeedly・メール・SNSなどでチェックして時間があるとき確認したいですね。それからWordPress運営は、思わぬところでエラーが出る場合があります。カスタマイズをしてなくても、プラグイン同士のエラーやWordPress本体ファイルとプラグインのエラーなどもあるので、バックアップをとって復元できるようにFTPソフトの使い方はチェックしてくださいね。LINK初心者向け!WordPressのバックアップ方法、記事をエクスポートする手順カスタマイズしたい場合はテスト環境を作るのも手ですよ。LINKWordPressサブドメインでテスト環境を作る2つの方法それでは。スポンサーリンクスポンサーリンクこの記事が気に入ったらいいね!しよう最新情報をお届けします。コピーフォローするスポンサーリンクスポンサーリンクかうたっくビバ★りずむCheck!PostsCocoonカスタマイズCocoon検索フォームのカスタマイズ!デザイン変更、入力フォーム文字変更WordPressテーマCocoonのデフォルト『検索窓・検索フォーム・検索ボックス』言いかたはさて置き『サイト内検索』のカスタマイズをご紹介します。はみ出し見えない対処:コピペCSSCocoonのメニューに階層を付け、下層に子カテゴリなどをいれるとonマウスしたとき左へスライドして表示されます。置いてるメニューの位置などで、幅の狭い画面で見ると下層(孫カテゴリ)の...2018.05.21CocoonカスタマイズCocoon!ヘッダーナビに画像を入れる、コピペCSSのカスタマイズグローバルナビに自作画像を入れると、サイトの差別化ができると共に、文字情報ではなく視覚・感覚的に内容がわかりやすい、さらに目に留まりやすい...などのメリットがあります。Awesome5のTwitterアイコンのクラス属性(指定方法)が『fa』から『fab』に仕様変更され、AMPで表示されなくなりました。実装する方法を色々考えた結果、WordPres...2018.06.18CocoonカスタマイズCocoon!目次クリック直後、見出しに余白を入れスッキリ見やすく!コピペCSSカスタマイズ目次をクリックして見出しに飛ぶと、特にh2タグは見出しデザインが見切れて見えますよね。『Cocoon』設定を開き『ボタン』タブをクリック。『トップへ戻るボタンを表示する』にチェックが入っている事を確認したら、下へスクロ...2018.05.25CocoonカスタマイズCocoon!headerロゴ・ヘッダー背景画像をCSSだけでページ毎にスタイル変更するカスタマイズCocoonのCocoon設定からヘッダーにロゴ:画像をいれているけど、ページ毎にロゴ(header画像)を変更したい。背景画像をガラリと変えたい。アップデートの影響を考えてPHPファイルは触...2018.07.03CocoonカスタマイズCocoon、main上『通知メッセージ』をカテゴリ・ページ毎に変更するカスタマイズ!HTML編WordPressテーマCocoonではメインエリアの上に、ページに訪れた人への通知メッセージが設定で置けます。記事で設定したカテゴリ毎、または記事毎によって『お知らせしたいコメント』...2018.05.17CocoonカスタマイズCocoon見出しのカスタマイズ:hタグ装飾が反映しないとき試す(セレクタ)指定方法WordPressテーマCocoonを使い参考にしたページの通り見出しの変更をしたけど、うまく反映しないのはなぜ??と装飾し始めた頃は思うかもしれません。大半の原因は以下の通り。...2018.05.03CocoonカスタマイズCocoonタブボックスのタイトルをビジュアルエディタで変更したい!コピペカスタマイズCocoon拡張機能、スタイル欄にあるボックス(タブ)。管理画面ビジュアルエディタ上で『CHECK・ポイント・メモ』などのタイトルを『○○ポイント!』など自由に変更出来たら便利ですよね。...2018.07.11CocoonカスタマイズCocoon親テーマのバージョンアップでWordPress公開ページでエラー!原因の調べ方Cocoonを親テーマのバージョンアップした際、トップページと投稿公開ページで真っ白エラーが出ました。エラーの原因を特定する例として解決までの方法をご紹介。真っ白エラーだけでなくても、...2018.08.29CocoonカスタマイズCocoon一覧タイトル:h1タグを装飾・h1タグタイトル前に画像を入れる時のCSSCocoon一覧ページのh1タグとは、カテゴリ一覧・タグ一覧・月ごとのアーカイブ一覧・書いた人author一覧などのタイトルです。どのようにCSSを指定すれば『ど...2018.11.23CocoonカスタマイズCocoonスライドイン(モバイル下固定メニューボタン)をCSSだけでカスタマイズ!Cocoonのスライドイン(footer下にあるモバイル専用固定メニューボタン)はスマホ・タブレットでは画面下にずっと固定された部分です。自分のサイトカラーやイメージに合わせてスライド...2018.05.05CocoonカスタマイズCoccon管理画面スタイル変更に!CSSを子テーマに導入コピペで簡単、実装方法CocoonもSimplicityも、親テーマに管理画面上のスタイルを変更できるadmin.cssが付いてて、かなり簡単に管理画面のスタイルを変更できます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。個人情報の取り扱いについてはリンク先をご確認ください。PostsCocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。他社からエックスドメインへの移管申請。エックスサーバー側の全工程2020.01.22ムームードメインから.comなど.jp以外のドメイン移管、全工程をブログで説明。Cacheの設定を変更すればOK2018.10.30タニタの体組成計が、体重しか表示されなくなったとき試すこと2018.10.26Cocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。/CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。PostsCocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。他社からエックスドメインへの移管申請。エックスサーバー側の全工程2020.01.22ムームードメインから.comなど.jp以外のドメイン移管、全工程をブログで説明。Cacheの設定を変更すればOK2018.10.30タニタの体組成計が、体重しか表示されなくなったとき試すこと2018.10.26Cocoonテーマのアップロード方法!インストールなど失敗する原因・対処方法付き。/CSSセレクタ指定、HTMLタグ:親子・子孫要素をしれば装飾が反映。レンタルサーバー『エックスサーバー』エンジニア特化型Q&Aサイト【teratail(テラテイル)】無料会員登録カンタン&お得に可愛くなれる♪Rcawaii─登録30秒、カワイイ洋服借り放題!プロのおしゃれテクも学べて月額9,980円タイトルとURLをコピーしました。