【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だったら、あとは記事を追加していったり気になるところをカスタマイズしていくだけです。
まとめ
ひさびさに新しいサイトを作りました。
やっぱ面白いね。
デザインをいろいろいじって、いい感じのサイトを作ろう。
336adosensu
336adosensu
関連記事
-
WordPressインデックスされない!原因と理由は?
スポンサーリンク WordPressブログがインデックスされない原因と理由を調査 …
-
[WordPress]コメント欄、ムダを削除して反応率を上げたいねん
スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …
-
センス良いね!画像をポップアップで拡大表示するワードプレスプラグイン
Photo:Le Danseur by Roy Barnett Jr. &nbs …
-
画面のキャプチャ後に編集まで出来ちゃう拡張機能(アドオン)が便利らしいゾ♪
スポンサーリンク クロームやインターネットエクスプローラー、ファイアフォックス等 …
-
[WordPress]phpをいじってヘッダー右側に相互RSSを設置する方法
スポンサーリンク [WordPress]phpをいじってヘッダー右側に相互RSS …
-
便利っぽいプラグイン「Pixabay_images」でエラー「Parse error:」
どうも。 さきほど久しぶりにブログのプラグインの更新をしてみました。 すべて一括 …
-
[Hueman使い方]サイドバーの背景色を変更する方法。その2
スポンサーリンク [Hueman使い方]サイドバーの色を変更する方法。その2 前 …
-
[STINGER5]トップへ戻るのボタンを好きな画像に変更する方法「PageTop」
スポンサーリンク [STINGER5]トップへ戻るのボタンを好きな画像に変更する …
-
[WordPress]フッターのクレジット表記の位置を変更する方法
スポンサーリンク [WordPress]フッターのクレジット表記の位置を変更する …
-
[WordPress]Huemanのサイドバーの幅と色を変更する方法
スポンサーリンク [Wordpress]Huemanのサイドバーの幅を変更する方 …