【WordPress】Cocoonをダウンロードし、導入・インストールしてみる
どうも。
ゲーマーな私ですが現在やるゲームがないし、テレビは家族に占領されているので新しくサイトを作ることにしました。
ホントは当ブログのテーマを変えたいんだけども、一度失敗してるから怖くてさわれない…
WordPressのテーマをCocoonに変更。Stinger5から約3年ぶり
アクセス数の激減。cocoonに変更直後から。もとに戻して確認してみる
当ブログもCocoonに変えたことがあるんだけどアクセスが亡くなったんだよね。
減ったとかじゃなくてほぼ亡くなった。
でもCocoonのデザインや使い勝手はとても気に入ってたのよ。ホントはこのブログでもCocoon使いたい。
ということでWordPressテーマ「Cocoon」を使って新たなサイトを作ろうと思います。
今回はダウンロード、導入・インストール編。

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
関連記事
-
-
便利スギィ!!投稿編集画面でペイント・お絵かき出来るワードプレスプラグイン「deviantART muro」
ワードプレスの記事投稿で画像を使用したい時に、 「ペイント等で画像を作成・保存→ …
-
-
[WordPress]コメント欄、ムダを削除して反応率を上げたいねん
スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …
-
-
[STINGER5]カテゴリーでの親子階層の段差を表示する方法
スポンサーリンク STINGER5カスタマイズ…カテゴリーの親子で階層表示の段差 …
-
-
アクセス数の激減。cocoonに変更直後から。もとに戻して確認してみる
どうも。 先日、衝撃のメールが届きました。 グーグルアナリティクスからアクセス解 …
-
-
ブログの写真・画像に枠をつけてチョット綺麗に見せる方法
スポンサーリンク ブログに掲載する写真や画像に枠をつけてチョット綺麗に見せる簡単 …
-
-
[WordPress]フッターのクレジット表記の位置を変更する方法
スポンサーリンク [WordPress]フッターのクレジット表記の位置を変更する …
-
-
[Hueman使い方]サイドバーの背景色を変更する方法。その2
スポンサーリンク [Hueman使い方]サイドバーの色を変更する方法。その2 前 …
-
-
エアコン臭い!市販のスプレー「アースエアコン洗浄スプレー防カビプラス」が効いた!業者に頼む前に
嫁から一言。 「エアコンが、くっさいの」 千鳥のノブのように言った。 そんな事言 …
-
-
STINGER5でサイドバー上部にプロフィール欄を設置する方法
スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …
-
-
動画から簡単にアイキャッチを取得するワードプレスプラグイン「Video Thumbnails」
どうも。 Flickerからアイキャッチの画像を持ってくることがほとんどですが、 …