ワードプレス初心者にも簡単【cocoon】無料テーマの設置方法

ワードプレス
スポンサーリンク
銀ペン
銀ペン

よしよしっと~♪
もぅこれで書けるじゃん♪

sabo
sabo

もちろんそのままでも記事を書いていけるんだけど、テーマを変更した方があなたのブログを読んでくれる人が増える確率が上がるので、ここではその仕組みづくりをしていこう!

※MIXHOSTクイックスタートでカンタンにワードプレスを始めるにはこちら

銀ペン
銀ペン

え?まだ何かするの?

sabo
sabo

うん、あとで後悔しないように「今」しておいた方がいいことなんだ。

今は例えるならばお家を建てただけの状態なんだけど。
家って家具が無いと心地よく暮らせないよね?
なので、ここでは心地よくこれから過ごすために最初の家具を設置していくよ!

スポンサーリンク

ワードプレステーマ【cocoon】無料とは思えない高性能なテーマを使おう

ここでは、無料&日本語対応テーマ【cocoon】コクーンのご紹介をします。
無料なので失敗しても安心です。もちろん設置方法も簡単なので、安心して読み進めてくださいね。

テーマとはざっくり言うとワードプレスの着せ替え機能のようなものです。
それぞれに特徴があるのですが、まず一番目に有料無料のテーマがあります。

大前提として、テーマ選びはとても重要です。


慣れてきたら有料テーマに変更するのもアリだと思いますが、まずは初心者さん向けに無料テーマの中でも群を抜いて評判も良く、もちろん機能もピカイチの【cocoon】でご説明します。※このsaboput.comもcocoonを使用しています。

デフォルト(ワードプレスを設置したての)テーマでもURLを入れてしまえばキレイな見た目で表示されるワードプレスですが、せっかく自分のブログ(サイト)を手に入れたのであれば、自分の好きなようにカスタマイズすると愛着も沸き、記事を書くのも楽しくなりますよ。

そして、あなたの記事をこれから読む人にとっても読みやすくて、googleにも評価され、より多くの人に見てもらえたほうが断然いいですよね。
その為のひと手間なのでちゃちゃっとやっておきましょう!

【cocoon】が初心者にも上級者にもオススメな理由

このcocoonというテーマはわいひらさん作成のワードプレステーマです。
ちょっとでもつまづいた時に「cocoon 吹き出し」など検索をかければ、ほぼすべての悩みはcocoonのオフィシャルサイトにすでに対処法がUPされているので安心です。

sabo
sabo

ワードプレスのテーマはある程度多くの人が使っているものを選ぶのが初心者の方にはおすすめ。
情報や先人がいないテーマを選んでしまうと解決することがそれだけ難しくなるからです。
その点でcocoonはわいひらさんがcocoonのオフィシャルサイトで説明をしていて、使用しているブロガーさんなども多数なのでとても安心です。

では一緒にcocoonのダウンロードから行っていきましょう!

銀ペン
銀ペン

よしっ銀ペンもやるぞ!

ワードプレス無料テーマ【cocoon】をあなたのワードプレスに設置しよう

cocoon設置手順
  • STEP1
    cocoonの親テーマと子テーマをダウンロード
    cocoonは自分でダウンロードしてワードプレスに設置する必要があります。
  • STEP2
    ワードプレスに設置する
    アップロードするだけなのでカンタンです。
  • STEP3
    ワードプレスで有効化
    cocoonの子テーマを有効化します。
  • STEP4
    サイトの表示確認
    設置完了です。サイトの見た目が変わったか確認しましょう。

cocoonの親テーマと子テーマをダウンロード

まず、わいひらさんのcocoonサイトにアクセスします。

テーマのダウンロード
Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。

ここで、テーマを2つゲットします。

銀ペン
銀ペン

ん?ふたつ?cocoonってふたつあるの?

sabo
sabo

ワードプレスには親テーマ子テーマっていう概念があるんだ
親テーマを直接設定してしまうと、アップデートの時にサイトが見れなくなったり形が崩れてしまったりする場合があるので、対になっている子テーマを設定していくんだ

ちょっと難しいかもしれないですが、ここではワードプレスにテーマを設置することが目的なので、特に気にしなくても大丈夫です。ふたつともダウンロードしましょう。

銀ペン
銀ペン

一個ずつ気にするとまた沼にハマるからここでは流そうっと

あなたのパソコンのダウンロードフォルダに下記ふたつのzipフォルダがダウンロードされたと思います。
cocoon-master-2.1.6.5.zip
cocoon-child-master-1.1.2.zip

masterというのが親テーマ、childというのが子テーマです。

※数字の部分はダウンロード時期によって変わります。

ワードプレスに設置する

ワードプレスのダッシュボードにログインしてください。

左のサイドメニューから
外観→テーマ へ進みます。

これは私のテーマ画面です。
すでにcocoonふたつを設置して、子テーマ(cocoon child)の方が有効化されてますね。

ワードプレスで有効化

ではあなたのワードプレスにもcocoonを入れていきましょう!
上の方にある新規追加をクリックします。

画面が変わって沢山テーマが出てきますがここでは気にしません。

テーマを追加 テーマをアップロード を選択します。

ファイルを選択を押して、ダウンロードしてある親のほうのcocoon-master-2.1.6.5.zipをまずアップロードします。

親テーマのアップロードが終わったら、同じ手順で子テーマcocoon-child-master-1.1.2.zipもアップロードします。

滞りなくふたつともアップロードが完了したら、子テーマの方だけを有効化します。

※これ以降は親テーマは放置です。困った時の頼れる存在というやつで、実際に設定していくのは子テーマとなります。

サイトの表示確認

自分のURLにアクセスしてみてください。
※もしくはワードプレスのダッシュボードから左上にある、家マークにマウスを持っていき「サイトを表示」をクリックすると実際のあなたのサイトが表示されます。

銀ペン
銀ペン

あれ?なんかさみしくなっちゃったよ?
書いた覚えないのないものあるし・・・
むむむ?ほんとに銀ペンのブログ?

sabo
sabo

最初はビックリするけど大丈夫。
cocoo設定というのでスキン(見た目)を変えられるんだ。
それは次の記事で紹介するね!
今回はcocoonのダウンロードと設置まずはお疲れさまでした。

銀ペン
銀ペン

自分で作っていくのって楽しいな♪

コメント

タイトルとURLをコピーしました