wordpress初心者向け【無料テーマcocoon導入から記事作成までの流れ】

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

cocoonもいっぱい触ってきたな

sabo
sabo

今回は一挙まとめて紹介します!

ここではwordpress初心者の方に向けて順序よくサーバー(独自ドメイン)契約から、wordpress導入、そして無料テーマcocoonであなたのブログ(サイト)を運用開始するまでの方法をまとめています。

上から順に行えば、迷わずにcocoonを使い始めることができますよ。

※項目は順次追加されます。
※wordpress初心者の方に向けています。
カスタマイズや、広告導入方法などの応用編は別くくりで今後追加していきます。

スポンサーリンク

cocoonで記事を書くまでの流れ(wordpress初心者向け)

サーバー(独自ドメイン)契約

まずはワードプレスであなたのブログ(サイト)を作成するために一番最初に必要なサーバー・独自ドメイン・ワードプレスのインストール。
難しい知識無しに行える、MIXHOSTクイックスタートで始めましょう。

初心者には難しいとされていた、レンタルサーバーの契約、独自ドメインの用意、ワードプレスのインストールが数ステップで行えるサービスのご紹介です。

wordpress導入後一番最初にすること

あなたのwordpressで作ったブログが沢山の人に読まれるために必要な最初の初期設定です。インストール後すぐにやっておけば安心です。

6つのステップに区切って、ワードプレスインストール後最初にすべき設定をご紹介します。

wordpress 無料高性能テーマ【cocoon】導入

ワードプレスはインストール仕立てでも、デフォルトのテーマ(見た目・サイトの作りがパッケージされたもの)が入っていますが、せっかく独自のブログを手に入れたので、無料で高性能との評判が名高い【cocoon】を導入して、あなたのブログを訪れてくれる方やgoogoleにも良いブログに生まれ変わらせましょう。

無料で高性能なテーマ【cocoon コクーン】をワードプレスに導入する方法のご紹介です。

cocoon初期設定 ファビコン(サイトアイコン)設定

サイトの顔とも言えるファビコン(サイトアイコン)忘れがちなので、一番はじめにやっておきましょう。
同一画面でサイトのタイトル、キャッチフレーズも設定します。

ファビコンの設定手順、画像がない方に向けて、フリーで使えるベクター画像サイトのご紹介します。

cocoonスキン設定

内部の設定ばかりだとどうも自分のブログ感が感じられませんよね?
こちらではcocoonのシンプルなスキン(見た目)から、cocoon内にあるスキンの種類から好きなものを適用させて自分のブログを自分で作り上げる楽しさを知りましょう。

cocoonのスキン設定手順、デモの確認から、適用までをご紹介します。

cocoonおすすめプラグインの導入方法

ワードプレスには星の数ほどプラグインが存在します。一から探すのは手間もかかりほんとにいいのか?なんて疑問も生まれてしまいます。
そこで、ここではcocoon作成者わいひらさんがおすすめしてくれているプラグインをまず導入してみましょう。作成者さんが良いよ!って言ってくれているのに間違いはありませんよね!

cocoon作成者わいひらさんのおすすめプラグインを確認し、導入する手順をご紹介します。

cocoonお問い合わせフォーム追加

プラグインの有効のみでは実装されていないContact Form 7を利用して、固定ページにお問い合わせフォームを設置する方法です。
後々誰もが導入するであろう、gogooleアドセンスの審査にも必要と言われているお問い合わせフォームなので、最初に入れておきましょう。

Contact Form 7を固定ページに導入してサイトに表示させる方法をご紹介します。

プライバシーポリシーページを作成

お問い合わせページ同様、アドセンスの申請や、各ASPへの登録時にも必要となるプライバシーポリシーの作成方法をご紹介します。

wordpressのデフォルト機能【ウィジェト】でサイドバーを充実

サイドバーにウィジェットを使ってプロフィールや最新記事、カテゴリー、カレンダーなどの情報を掲載するする方法です。

ツイッターのタイムラインを表示させる方法

ワードプレスでウィジェットを使って、ツイッターのタイムラインを埋め込む手順です。

Twitterカードを独自のものに変更しよう

Twitterに自分のブログをツイートする場合、TOPページのURLだと、cocoonのデフォルトの画像が投稿されてしまうので、OGP設定で独自の画像へ変更をした方が、Twitterでの印象も良く、あなたのブログに興味を持ってくれる人が増えます。こちらではTwitterカードの変更方法をご紹介します。

【cocoon】ヘッダーメニューを設置(PC版)

PC版のヘッダーメニューの設置方法をご紹介します。
ユーザーフレンドリーにもつながるのでおすすめです。

cocoon記事作成前に設定しておきたい【行間/高さ】

読みやすい文章つくりをするために先にやっておきたい、行間や行の高さの設定方法です。cocoonはデフォルトでこの設定もできとても簡単です!

cocoonは新エディター(ブロックエディター)完全対応!記事作成手順

2018年にワードプレスのデフォルトエディターとなった、ブロックエディターは今まで使っていたユーザーにとっては少々使い勝手が悪くなったかもしれませんが、初心者の方、特にHTML/CSSの知識が無いという方にとってはとても直感的に記事作成をすることができるエディターです。

ブロックエディターを使った記事作成手順をご紹介します。慣れてしまえばとても使いやすいエディターです!

cocoon吹き出し設定

cocoonにはデフォルトで吹き出し機能があります。
吹き出しの形やキャラはテンプレート化され記事作成時に呼び出すことが出来ます。

cocoonの吹き出しテンプレートの登録方法をご紹介します。

cocoon目次の項目設定

目次を挿入するショートコードと、目次の項目設定をご紹介します。

cocoonスライドショー(カルーセル)を設置

記事が増えてくるともっと、ここでこの記事をアピールしたい!などの欲がでますよね。
巷のワードプレスサイトやブログでもスライドショーなどを見かけることがあると思います。
cocoonではデフォルトでスライドショー(カルーセル)を設置することができます。

cocoonのカルーセル(スライドショー)設定・設置方法をご紹介します。

cocoonのボタンは執筆中にすぐ入れられる

ただのリンクより何倍もユーザーフレンドリー!
見た目もスッキリしたボタンがすぐ作れます。

cocoonでアフィリエイトタグを一括管理

慣れてきたら、アフィリエイトタグも簡単に一覧管理や一括変更できます。

銀ペン
銀ペン

なんかブロガーになった気分

sabo
sabo

もぅ立派なブロガーだよ!

コメント

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