【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]フッターのクレジット表記の位置を変更する …
-
スマホにも強い!STINGER5のインストール手順
先日、大人気のワードプレステーマ「STINGERシリーズ」作者のENJIさんが新 …
-
[ワードプレス]flickrの写真を簡単に挿入できてクレジット表記も自動の超便利なプラグイン
スポンサーリンク flickr上の著作権フリーの写真や画像を簡単に検索・挿入でき …
-
スターサーバー(旧ミニバード)のFTPからダウンロードは50Mの制限があるのでFilezillaを使う
どうも。 久々にワードプレスのテーマを変更しようと思ってます。 テーマ変更すると …
-
パーマリンクのカスタムURLは日本語の記事タイトル名じゃあかんのや!!
スポンサーリンク ワードプレスの記事をツイートボタンからツイートしてもらったとき …
-
[WordPress]Huemanのサイドバーの幅と色を変更する方法
スポンサーリンク [Wordpress]Huemanのサイドバーの幅を変更する方 …
-
動画から簡単にアイキャッチを取得するワードプレスプラグイン「Video Thumbnails」
どうも。 Flickerからアイキャッチの画像を持ってくることがほとんどですが、 …
-
[WordPress]オシャレなSNSボタンをサイドバーウィジェットに追加するプラグイン「Lightweight Social Icons」
スポンサーリンク [WordPress]オシャレなSNSボタンをサイドバーウィジ …
-
便利っぽいプラグイン「Pixabay_images」でエラー「Parse error:」
どうも。 さきほど久しぶりにブログのプラグインの更新をしてみました。 すべて一括 …
-
ワードプレスの記事中にソースコードを表示させる簡単な方法
スポンサーリンク ワードプレスの記事中にソースコードを表示させる簡単な方法 前回 …