KASABUTA-ENDLESS

*

【WordPress】Cocoonをダウンロードし、導入・インストールしてみる

   

どうも。

ゲーマーな私ですが現在やるゲームがないし、テレビは家族に占領されているので新しくサイトを作ることにしました。

ホントは当ブログのテーマを変えたいんだけども、一度失敗してるから怖くてさわれない…

WordPressのテーマをCocoonに変更。Stinger5から約3年ぶり

アクセス数の激減。cocoonに変更直後から。もとに戻して確認してみる

当ブログもCocoonに変えたことがあるんだけどアクセスが亡くなったんだよね。

減ったとかじゃなくてほぼ亡くなった。

でもCocoonのデザインや使い勝手はとても気に入ってたのよ。ホントはこのブログでもCocoon使いたい。

ということでWordPressテーマ「Cocoon」を使って新たなサイトを作ろうと思います。

今回はダウンロード、導入・インストール編。

スポンサーリンク

【WordPress】Cocoonをダウンロードし、導入・インストールしてみる

私はスターサーバーを使っています。

なのでスターサーバーでの導入です。

1,データベースを用意

スターサーバーでは「簡単インストール機能」ですぐにワードプレスのサイトが作れます。

ドメインも無料でつかえるものがあるので適当に用意。後々ちゃんとしたドメインを取得すればいい。

2,Cocoonをダウンロード

公式サイトからダウンロードできます。

WordPressの「テーマ」→「外観」からCocoonを検索してみましたが見つかりませんでした。

公式サイトからのみのダウンロードになるようです。

「親テーマ」と「子テーマ」の両方ともダウンロードしましょう。

どこに保存したのか忘れないように。

3,Cocoonをインストールする

WordPress管理画面から「外観」→「テーマ」へ。

「新規追加」か「新しいテーマを追加」をクリック。

次に「テーマのアップロード」をクリック。

「ファイルを選択」をクリック。

先程ダウンロードしたファイルを選択。解凍せず.zip形式のままでOKです。

「今すぐインストール」をクリック。

しばらく待つとインストールが完了します。

親テーマのインストールが完了したら、次に子テーマをインストールしましょう。

手順は同じです。

子テーマが完了したら「有効化する」をクリック。

親テーマではなく、子テーマを有効化です。

※以下、実はの話。

実は、私の環境では親テーマのインストールが出来ませんでした。

正確に言うとWordPressの管理画面からはダメだった。FTPでのアップロードで成功しました。

なんでかわからないけど新しいサイトのほうではアップロードに時間がかかり挙げ句にエラーになる。

このサイトにアクセスできません 

~のウェブページ一時的停止しているか新しいウェブアドレス移動した可能性あります

ERR_CONNECTION_ABORTED

こんな感じで。

試しに他のWordPressサイトでアップロードしてみると普通に成功する。

あと子テーマも普通にアップロードできた。

親テーマのみ何故かダメ…

たぶんドメインの問題じゃないかと思うんだ。サーバーが用意した無料のサブドメイン使ってるからその問題かな。

スターサーバーのオンラインFTPだとフォルダごとのアップロードが出来なかったから久々に「Filezilla」を使いました。

まぁとりあえず無事にCocoonをインストールできたので良しとしましょ。

3,確認

ちゃんと有効化されて、サイトも表示されているのか確認です。

OKだったら、あとは記事を追加していったり気になるところをカスタマイズしていくだけです。

まとめ

ひさびさに新しいサイトを作りました。

やっぱ面白いね。

デザインをいろいろいじって、いい感じのサイトを作ろう。

 - WordPress

336adosensu

336adosensu

Message

メールアドレスが公開されることはありません。

  関連記事

[WordPress]フッターのトップへ戻るボタンの位置を変更する方法(Hueman)

スポンサーリンク [WordPress]フッターのトップへ戻るボタンの位置を変更 …

[ワードプレス]手動でcssやphpのバックアップをとるアナログな方法

[ワードプレス]cssやphpのバックアップをとる方法 ワードプレスのHowto …

[Hueman使い方]サイドバーの背景色を変更する方法。その2

スポンサーリンク [Hueman使い方]サイドバーの色を変更する方法。その2 前 …

[ワードプレス]flickrの写真を簡単に挿入できてクレジット表記も自動の超便利なプラグイン

スポンサーリンク flickr上の著作権フリーの写真や画像を簡単に検索・挿入でき …

STINGER5でサイドバー上部にプロフィール欄を設置する方法

スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …

便利っぽいプラグイン「Pixabay_images」でエラー「Parse error:」

どうも。 さきほど久しぶりにブログのプラグインの更新をしてみました。 すべて一括 …

[WordPress]プロフィールをサイドバーに載せるプラグイン4つを試してみた

スポンサーリンク [WordPress]プロフィールをサイドバーに載せるプラグイ …

[WordPress]フッターのクレジット表記の位置を変更する方法

スポンサーリンク [WordPress]フッターのクレジット表記の位置を変更する …

ワードプレスの記事中にソースコードを表示させる簡単な方法

スポンサーリンク ワードプレスの記事中にソースコードを表示させる簡単な方法 前回 …

画面のキャプチャ後に編集まで出来ちゃう拡張機能(アドオン)が便利らしいゾ♪

スポンサーリンク クロームやインターネットエクスプローラー、ファイアフォックス等 …