【WordPress】Cocoonをダウンロードし、導入・インストールしてみる
どうも。
ゲーマーな私ですが現在やるゲームがないし、テレビは家族に占領されているので新しくサイトを作ることにしました。
ホントは当ブログのテーマを変えたいんだけども、一度失敗してるから怖くてさわれない…
WordPressのテーマをCocoonに変更。Stinger5から約3年ぶり
アクセス数の激減。cocoonに変更直後から。もとに戻して確認してみる
当ブログもCocoonに変えたことがあるんだけどアクセスが亡くなったんだよね。
減ったとかじゃなくてほぼ亡くなった。
でもCocoonのデザインや使い勝手はとても気に入ってたのよ。ホントはこのブログでもCocoon使いたい。
ということでWordPressテーマ「Cocoon」を使って新たなサイトを作ろうと思います。
今回はダウンロード、導入・インストール編。
![](https://kasabuta-endless.net/wp-content/uploads/2019/06/2494786642_c00bb59465.jpg)
By: viZZZual.com
【WordPress】Cocoonをダウンロードし、導入・インストールしてみる
私はスターサーバーを使っています。
なのでスターサーバーでの導入です。
1,データベースを用意
スターサーバーでは「簡単インストール機能」ですぐにワードプレスのサイトが作れます。
ドメインも無料でつかえるものがあるので適当に用意。後々ちゃんとしたドメインを取得すればいい。
2,Cocoonをダウンロード
公式サイトからダウンロードできます。
WordPressの「テーマ」→「外観」からCocoonを検索してみましたが見つかりませんでした。
公式サイトからのみのダウンロードになるようです。
「親テーマ」と「子テーマ」の両方ともダウンロードしましょう。
どこに保存したのか忘れないように。
3,Cocoonをインストールする
WordPress管理画面から「外観」→「テーマ」へ。
「新規追加」か「新しいテーマを追加」をクリック。
次に「テーマのアップロード」をクリック。
「ファイルを選択」をクリック。
先程ダウンロードしたファイルを選択。解凍せず.zip形式のままでOKです。
「今すぐインストール」をクリック。
しばらく待つとインストールが完了します。
親テーマのインストールが完了したら、次に子テーマをインストールしましょう。
手順は同じです。
子テーマが完了したら「有効化する」をクリック。
親テーマではなく、子テーマを有効化です。
※以下、実はの話。
実は、私の環境では親テーマのインストールが出来ませんでした。
正確に言うとWordPressの管理画面からはダメだった。FTPでのアップロードで成功しました。
なんでかわからないけど新しいサイトのほうではアップロードに時間がかかり挙げ句にエラーになる。
「このサイトにアクセスできません
~のウェブページは一時的に停止しているか、
ERR_CONNECTION_ABORTED」
こんな感じで。
試しに他のWordPressサイトでアップロードしてみると普通に成功する。
あと子テーマも普通にアップロードできた。
親テーマのみ何故かダメ…
たぶんドメインの問題じゃないかと思うんだ。サーバーが用意した無料のサブドメイン使ってるからその問題かな。
スターサーバーのオンラインFTPだとフォルダごとのアップロードが出来なかったから久々に「Filezilla」を使いました。
まぁとりあえず無事にCocoonをインストールできたので良しとしましょ。
3,確認
ちゃんと有効化されて、サイトも表示されているのか確認です。
OKだったら、あとは記事を追加していったり気になるところをカスタマイズしていくだけです。
まとめ
ひさびさに新しいサイトを作りました。
やっぱ面白いね。
デザインをいろいろいじって、いい感じのサイトを作ろう。
336adosensu
336adosensu
関連記事
-
-
ワードプレスの記事中にソースコードを表示させる簡単な方法
スポンサーリンク ワードプレスの記事中にソースコードを表示させる簡単な方法 前回 …
-
-
[STINGER5]トップへ戻るのボタンを好きな画像に変更する方法「PageTop」
スポンサーリンク [STINGER5]トップへ戻るのボタンを好きな画像に変更する …
-
-
画面のキャプチャ後に編集まで出来ちゃう拡張機能(アドオン)が便利らしいゾ♪
スポンサーリンク クロームやインターネットエクスプローラー、ファイアフォックス等 …
-
-
[ワードプレス]手動でcssやphpのバックアップをとるアナログな方法
[ワードプレス]cssやphpのバックアップをとる方法 ワードプレスのHowto …
-
-
[WordPress]phpをいじってヘッダー右側に相互RSSを設置する方法
スポンサーリンク [WordPress]phpをいじってヘッダー右側に相互RSS …
-
-
STINGER5でサイドバー上部にプロフィール欄を設置する方法
スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …
-
-
動画から簡単にアイキャッチを取得するワードプレスプラグイン「Video Thumbnails」
どうも。 Flickerからアイキャッチの画像を持ってくることがほとんどですが、 …
-
-
エラー105「DNS ルックアップでエラーが発生したため…」の解決方法
DNS ルックアップでエラーが発生したため、kasabuta-endless.n …
-
-
[WordPress] 「トップへ戻る」「PageTop」をスマホだけ表示しないようにする方法[STINGER5]
スポンサーリンク [WordPress] 「トップへ戻る」「PageTop」をス …
-
-
[WordPress]投稿日付と時間の表示を変更する。あと投稿者名を削除する方法(Hueman)
スポンサーリンク [WordPress]投稿日付と時間の表示を変更する。 あと投 …