次回から「たこみそ」と検索してください!

【最速】WordPressの始め方・作成方法を解説。(ブログ初心者必見)

悩む人
・ブログの作り方がわからない!
・おしゃれなサイトで、記事を作成したいけどカスタマイズするのがめんどくさい!
・楽して頭を使わず気づいたらおしゃれなサイトを作れる方法ないかな。

 

ブログを始めたてのころは、こんな悩みでいっぱいでした。
さらに、壊滅的なのがブログを始めたての私たちは

 

たこみそ

・ ブログってどうすれば始められるの

・ WordPressって何?
・ HTML?CSS?何それ? 

 

という圧倒的にブロガー界でもポンコツの中のポンコツでした。

 

そんな私たちは、ブログを始める上でつまづくポイント全てでつまづいた経験があるので、何がわからないか分からない気持ちがすごくわかります。

 

なので、

 

ブログはもうこれだけすれば良い

 

という記事を作りました。

 

楽しておしゃれなサイトを作って記事をたくさん書いてください。

 

この記事は、余計なことは一切省いて最速で記事作成を作るためのマニュアルになります。
※本当に今回の方法がWordPressでブログを作成する際の最速のマニュアルになる自信があります。

 

この記事通りに作成すると気づいたら、

 

サイトのデザイン:こちらをクリック

 

みそ
こちらのサイトが完成するような作りにしました。

 

たこ
もちろん色や、装飾の変更は可能です!

 

この記事を読んで手順通り進めていけば2時間で記事が書ける状態になります。

 

最後まで手順を教えてくださる記事が無かったので私たちはカスタマイズまで一気通貫でご紹介します。

 

もちろん分からないことがあったらサポートするので、最後までご覧いただけると嬉しいです!

 

たこみそ
ブログのカスタマイズで頭を悩ませる時間が勿体なすぎるので、頭を悩ませる必要がないように作成しました!

 

 

 

目次

【最速】WordPressの始め方・作成方法を解説。(ブログ初心者必見)

 

早速本題に入ります。今回作成したいブログは下の3つのポイントで解説します。

 

1. サーバーを立ててドメインを取得する
2. サーバーの中にWordPressをインストールする
3. テーマをいれてカスタマイズをする

 

みそ
ブログ作成の経験がない人がいきなり作成するのは難しいと思うので、分からないことはTwitterのDMで聞いてください!

 

たこ
こういうサポートが欲しかったんですが、今まではありませんでした。。これも業界初ですね!

 

実際に今回の方法で最近試しに作成してみたブログがこちらになります。

 

 

たこ
形は違いますが、ただカスタマイズを変えた形なので、ひとまず「Couple Bell」のカスタマイズでご紹介します。

 

今回行う流れの具体的な説明

 

たこ
家を立てるときを想像して下さい。

 

1. 土地(サーバー)を契約して住所(ドメイン)を登録します。
2. 土地(サーバー)のに家(WordPress)を立てます。(インストール)
3. 家具(テーマ)をいれてカスタマイズをする

 

みそ
今回紹介する方法は圧倒的時短かつおしゃれなサイトを作るための最短ルートになります。本気で考案した時短ルートなので、信じてついて来てください

 

※分かりにくい言葉
ドメインとは、URLの後ろについている「×××.com」、「×××.co.jp」などを指す。サイトを作るためには必ず必要。
WordPressとは、サイトの作成やブログ作成などができるツール。世界中のサイトのおよそ4分の1はWordPressで構築されている。
サーバーとは、今回でいうと、WordPressを入れる箱のようなもの。
テーマとは、ブログを作成する上であらかじめデザインがカスタマイズされているテンプレートのこと。

 

1. 土地(サーバー)を契約して住所(ドメイン)を登録します。(所要時間:25分)

 

みそ
最短での作成ができる点、圧倒的コスパ、安心感があるのがエックスサーバーです!

 

たこ
この7月2日までしかやっていないキャンペーンを利用します!念の為使用する理由をご紹介すると下になります。

 

1. 国内シェアNO.1なので安心ができ、サイトのスピードが圧倒的に速くなるから
2. 分からないことがあっても検索したら何でもブロガーさんが教えてくれるから
3. ドメインも合わせて取得することができるから

 

たこ
と3点ポイントをあげましたが、一番の大きな理由は、

 

.com」のドメインを楽に設定できるから

 

みそ
一番楽に料金もお手軽でドメインを設定する方法なのでこの方法でドメインを取得すること一択です。

 

たこ
ドメイン取得が無料なのは、7/2までなので、早めにブログ作成に取り掛かりましょう!

 

 

1-1 公式ページから、「エックスサーバーの新規申し込み」をクリック!(所要時間:30秒)

 

みそ
まず、公式ページに飛んで「お試し10日間」をクリック!

 

 

1.2 「10日間無料お試し 新規お申し込み」をクリック!(所要時間:30秒)

1.3 必要箇所を全て記載!(所要時間:1分)

 

たこ
サーバーIDに関しては、今考えている自分が作りたいサイト名を小文字で自由に入力しましょう。

 

みそ
ブロガーは全員一番安いけどもブログをする分には全く支障のない「X10プランを選択」!

 

サーバー名:takomiso等のご自身が作成するブログ名の半角英数字を入力(※小文字NG)
プラン:一番コスパの良い「X10」で全く問題なし

 

1.4 入力内容を確認し、申し込み完了(所要時間:30秒)

 

 

たこ
簡単すぎますね!これでサーバーの申し込み完了です。

 

1.5 メールの確認しログイン!(所要時間:1分)

 

みそ
サーバーの申し込みが完了すると、下記のようなメールが届きます。

 

 

 

たこ
サーバーパネルではなく、矢印で指定している箇所に書かれているIDとパスワードでログイン!

 

 

みそ
ログイン画面はこちらになります!先ほどのIDとパスワードでログイン!

 

 

1.6 料金の支払い(所要時間:5分)

 

みそ
ここで大切なのは、料金のお支払いです。
料金を10日間の間に支払っていないと、無料期間が終わった後せっかく設定したブログが一消えてしまいます。

 

たこ
なので、絶対に忘れないためにもこのタイミングで料金の支払いをすることをオススメします。

 

また、注意点は下記にまとめたので、ご覧ください。

 

1. エックスサーバーの料金支払いを完了しないと、キャンペーンドメインが取得できないので、支払いが必要になります。

2. 10日間の無料期間に料金を支払っても、実際に課金されるのは無料期間が終了してからになるので安心してください。

 

みそ
お支払い料金は期間をご自身で決定して、それによって変動があります。

 

 

当たり前ではありますが、基本的に長く使用するとなると安くなる仕組みです。

 

みそ
ここの料金は皆さんのお財布とご相談です!私たちはとりあえず6ヵ月で購入しました。

 

たこ
お支払い方法は下の通りの手順でできます。

1.6.1  料金のお支払い/請求書発行をクリック(所要時間:5分)

 

 

1.6.2 下にスクロールし、お支払い伝票の発行を見つける

 

 

1.6.3 チェックを入れて、更新期間を決定し、お支払い方法を選択

 

 

1.6.4 ここからは後はお好きな支払い方法でお支払いをお済ませください

 

 

みそ
ここから後は個人情報を入力して終わりなので省きます!

 

1.7 キャンペーンドメイン(無料の住所)を受け取りに行く(所要時間:5分)

 

みそ
後は、役所に届出を出せば土地は完成します!

 

たこ
残りわずかです!一緒に頑張りましょう!

 

みそ
早速住所を受け取りに行きましょう!今度はキャンペーンドメインをクリック!

 

 

たこ
同意するをクリック!

 

 

みそ
ご自身のお好きなサイトドメイン名を入力!私たちの場合、「blog-sns-me」としました!

 

 

たこ
この部分は一度決めると変えられないので、真剣に決めましょう!

 

 

・ 対象サーバーIDは先ほど契約されたIDであるかの確認を行ってください。
・ 独自ドメインは、お好きなご自身で考えた小文字の英数字で入力してください。
・ 適用方法は、「新規取得」です。

 

みそ
世の中に同じ住所が2つないのと同様で、ドメインは人と同じものが使えないので、もし、エラーがでたら入力し直しです!

 

たこ
確認画面までいけたら、その後は、「キャンペーンドメイン申請」をクリック!

 

1.8 取得したキャンペーンドメインを登録する(所要時間:5分)

 

みそ
先ほどはまだ、住所(ドメイン)を決めた段階なので、次に、住所(ドメイン)を登録しにいきます!

 

ログイン方法が変わるので、一度ここでエックスサーバーからログアウトしましょう。

 

先ほどのメールに戻って先ほどとは違う、

 

サーバーパネルでログイン

 

してください。

 

たこ
間違える可能性があると思ったので、大きく書きました。ログイン方法は簡単で、先ほどのメールに戻りましょう

 

 

 

 

みそ
サーバーパネル部分のIDとパスワードを使用してログイン!

 

たこ
ログインができたら、「ドメイン設定」をクリック!

 

 

たこ
ドメイン設定追加をクリック!

 

 

みそ
ここで先ほど受け取ったキャンペーンドメイン名を入力してください。

 

たこ
ここで注意点ですが、入力するドメイン名を間違えないようにしてください!

 

 

みそ
終わりは必ず「.com」です。また、下のチェック欄には両方チェックを入れてください。

 

→本当に大切なので、チェックを忘れずに。

→高速化もサイト運営には大切なので、有効にしてください。

 

たこ
後本当に残りわずかです!

 

1.9 住所(ドメイン)にセキュリティをかける(所要時間:2分)

 

最後に、セキュリティをかける必要があります!

 

みそ
安全な家に住みたい!と同じ感覚です。ブログもセキュリティをかけて安全にしてあげる必要があります。

 

たこ
セキュリティをかけることをSSL化といいます。
htttp → https

 

に変換することを指します。
今Googleのポリシーの中でもSSL化することが当たり前なので、しないとスパムサイトと疑われる可能性があるので、

 

みそ
登録が必須です!まずは、サーバーパネルからSSL設定をクリック!

 

 

たこ
独自SSL設定追加をクリック!

 

 

みそ
後は、ご自身が設定したドメインになっているかを確認し、「確認画面に進む」→「追加する」をクリック!

 

サーバーとドメインの設定完了です!

 

2. 土地(サーバー)のに家(WordPress)を立てます。(インストール)

 

たこ
後は、家(WordPress)を立てて家具(テーマ)を搬入すればおしゃれなブログの完成です!

 

みそ
WordPressのインストールは、一瞬でできます。

 

WordPressのイメージが湧かないと思いますが、ブログを作成する際のツールと思っていただければ問題なしです。

 

これをインストールすると、WEB上でこちらの画面が扱えるようになるます。

 

 

みそ
ゴールが見えるとモチベーション上がりますね。それでは、インストールしていきましょう。

 

2.1 サーバーパネルからWordPress簡単インストールをクリック

 

サーバーパネルはこちらから

 

 

2.2 ドメインを選択

 

 

2.3 WordPressインストールをクリック

 

 

2.4 必要事項を全て記載し確認画面へ

 

 

サイトURL: /以降は空白でOK
ブログ名: Google検索された時にでてくる名前です。(お気に入りのものにしましょう)
ユーザー名: 下の画像のように、ログインをする際に必要なのでわかりやすいものにしましょう
パスワード: ユーザー名と同じ理由で必要になります。(絶対覚えておきましょう)
メールアドレス: いつも使用しているもの
キャッシュ自動削除:ONにする
データベース; 自動でデータベースを生成する

 

例:

 

たこ
このWordPressログイン画面で使用するので、覚えているID/PASSを設定するといいですね。

 

確認画面まで進むと、こちらの画面がでてくるので、必ず管理画面URLをお気に入り登録して開きやすいようにしてください。

 

 

これでWordPressのインストール完了です!

 

たこみそ
おつかれさまでした!残るは細かい設定のみです。ちなみに管理画面URLは、作ったサイトの後ろに「/wp-admin」つけたものなので、忘れた場合は、上の画像を確認しながらリンクを直接たたくのもありです!

 

「無効なURLです。プログラム設定の反映待ちである可能性があります。しばらく置いて再度アクセスをお試しください。」と表示される場合は、1時間ほど待ってください。

 

たこ
私たちの場合は1時間待ったら使えるようになりました。焦らず待ちましょう!

 

3. 家具(テーマ)をいれてカスタマイズをする(所要時間:1時間)

 

みそ
家具を入れる前にまずはブログ運営で必須の設定を行いましょう。

 

たこ
ここの設定は皆さん必須です。

 

1. パーマリンクの設定
2. http→httpsの設定

 

たこ
それでは、早速WordPressに入ってみましょう。

 

先ほどの、管理画面URLを早速クリックしてみましょう。

 

 

たこ
クリックしたらログイン画面がでてくるので、IDとパスワードを入力!

 

 

みそ
ログイン画面を開くと下の画像の通りのブログ記事編集画面がでてきます。それでは早速初期設定を進めていきましょう。

 

1. ブログ記事のURL (パーマリンク)の設定(所要時間:2分)

 

たこ
まずは、ブログ記事のURLの設定です。(パーマリンク)

 

みそ
私たちのように設定することで余計な文字列が入らず、スッキリした URLになります。下画像を参考にして下さい。

 

 

パーマリンク設定方法1:設定からパーマリンク設定をクリック

 

 

パーマリンク設定方法2:カスタム構造を選択→「/%postname%/」と入力

 

 

たこ
設定完了です。

 

2. http→httpsの設定(所要時間:2分)

 

先ほどエックスサーバーで設定を行ったSSL化ですが、WordPress側でもしっかりと設定する必要があります。

 

たこ
ここの設定がしっかりできておらずバグが発生してしまった結果、一度サイトを消して作り直した経験があります。

 

みそ
絶対に忘れずに設定をしてください!

設定→一般

 

 

WordPressアドレス、サイトアドレスに「s」を追記する

 

 

たこ
「http://」→「https://」に必ず変更!変更を保存はお忘れなく!

 

ここまでで、ブログのベース自体は完成です。ここからは私たちのサイトを作成する方法になるので、自由にカスタマイズしたい方は終了です。

 

たこ
ここまでで基本的な設定は完了です。後は、必要な家具(テーマ&ツール)をどんどんいれていきましょう。

 

・ WordPressのテーマ
・ プラグイン
・ Google Analytics
・ Google Search Console

 

みそ
ここからは順番に私たちのサイトの作り方をご紹介します。

 

たこ
ご自身が必要だと思った設定だけしていきオリジナルのブログを完成させて下さい!

 

1. WordPressのテーマ(所要時間:30分)

 

みそ
そもそもWordPressのテーマって何?

 

WordPressの有料テーマって何のこと?

 

Webサイト全体のテンプレートのことです。
テーマを変更すれば複雑な処理を行うことなく、Webサイトのデザインや構成、機能などを変えることができます。

 

たこ
要するにデザインのパッケージにしたものですね!洋服でいうマネキン的なものです。

 

要するにサイトを作るために必要なプログラミングをしなくてもプロと同様のサイトを使用することができるということです。

そのテーマをインストールしてカスタマイズすればオリジナルのサイトが作れてしまうんです。

 

ただ、

 

そのカスタマイズ方法も私たちが1年かけて編み出したものを全て公開してしまいます。

 

たこ
私たちの今のブログの形を作るのに1年以上かかっています。それを真似するだけでできてしまうのは羨ましすぎます(泣)

 

みそ
研究に研究を重ねた形が今のブログです。

 

ここからは、下の3つの手順でご紹介します。

 

1. テーマの決定
2. テーマのインストール
3. テーマのカスタマイズ

 

1. テーマの決定

 

 

速くブログで結果を出すためには有料テーマは必須です。私たちのブログも有料テーマでできています。

 

たこ
テーマについて例えるなら、無料テーマを使うということは、スマホゲームで課金なしで世界ランキングを目指すのと同じです。

 

みそ
時間をかければ達成できますが、そこまで時間をかけたいとは思わないです。。

 

なので、こちらの私たちの考えを元にテーマを選んで下さい!
(※もちろん人によっては意見が変わりますが、1年間ブログを続けてきた私たちの見解です。)

 

私たちが使用しているテーマは下の記事で具体的に紹介していますが、「THE THOR」です。

 

関連記事

[afTag id=10292]悩む人・WordPressのテーマ何にしよう。・THE THOR(ザ・トール)が最近人気らしいけど、どんなテーマかわかりやすく知りたい。・THE THOR(ザ・トール)は多機能って[…]

 

みそ
色々とテーマはご紹介されていますが、もし私たちが別のテーマを使うとなると下の5つから選びます。

 

・ JIN
・ STORK
・ Diver
・ 賢威

 

たこ
それでは、早速下の流れでおしゃれなサイトを作成していきましょう。

 

みそ
下の記事からご購入頂けた方は、特典もあるのでぜひご覧ください!ブログを伸ばすサポートをしています!
関連記事

[afTag id=10292]悩む人・WordPressのテーマ何にしよう。・THE THOR(ザ・トール)が最近人気らしいけど、どんなテーマかわかりやすく知りたい。・THE THOR(ザ・トール)は多機能って[…]

 

2. テーマのインストール

 

たこ
それでは、早速「THE THOR」をWordPressにインストールしましょう。私たちはMacでの操作ですが、Windowsも基本的には変わりません。

 

THE THORのホームページから購入をする

 

 

テーマをダウンロードをクリック!

 

 

テーマを購入をクリック!(価格は変更されている可能性があります!)

 

 

オレンジの枠線のように、私たちの購入特典にチェックが入っていることを確認!

 

 

みそ
いらないとは思いますが、無料でこちらの特典がつくので、ぜひチェックを入れてください!

 

ダウンロードページからインストールする。

たこ
メールが届いたことを確認して頂き、ダウンロードページからフォルダをダウンロード!ぜひ、デスクトップに落としてください!

 

フォルダ:theme-the-thor.zip
こちらを一度解凍させこちらの状態になると正解です。

 

次にデザインのデータを落としてきましょう。(こちら無料です。)

 

みそ
ここからお好きなテーマを選んでください。私たちのブログはデザイン1になります!

 

 

たこ
スタイルダウンロードをクリックすると、「the-thor-child-export-demo01.zip」なので、こちらも一度解凍させてください。
みそ
先ほどのフォルダを含めて、こちらの画像の通り準備ができていればOKです。

 

 

WordPressの画面に戻り、外観 → テーマをクリック

 

 

テーマの新規追加をクリック

 

 

テーマのアップロードをクリック

 

 

テーマのアップロードを選択

 

絶対に、親テーマ(the-thor.zip)→子テーマ(the-thor-child.zip)の順番にアップロードしてください!

 

 

最後に子テーマのみを有効化をクリック

 

 

たこ
これでベースが入りました!後は、先ほどのデモサイトをインストールすればおしゃれなブログ完成です!

WordPressのホーム画面に戻り、プラグイン → 新規追加

 

 

「Customizer Export/Import」を検索し、インストール → 有効化

 

 

 

みそ
この有効化までしっかりクリックをしないとダメです!

 

WordPressのホームに戻り、外観 → カスタマイズ

 

 

エクスポート/インポートをクリック

 

エクスポート/インポートのファイル選択をクリック

 

 

みそ
画像ファイルをダウンロードしてインポートにクリックは必須です!

 

「the-thor-child-export-demo01.dat」

 

たこ
選択するファイルは先ほどダウンロードしたデモサイトの「the-thor-child-export-demo01.dat」です。

 

完成

 

3. テーマのカスタマイズ

 

たこみそ
いよいよカスタマイズをしていきましょう。ここからは私たちの全てをお見せするので、この通りにカスタマイズすると良いです!

 

ホーム画面から「外観」→「カスタマイズ」を選択

 

 

みそ
カスタマイズでいじるべき項目は、こちらになります。

 

 

・ 基本設定
・ 共通エリア設定
・ TOPページ設定
・ アーカイブページ設定
・ 投稿ページ設定
・ 固定ページ設定
・ カスタム投稿タイプ設定
・ 広告設定
・ SEO設定
・ SNS設定
・ AMP設定
・ PWA設定
・ パーツスタイル設定
・ サイト基本情報
・ メニュー
・ ウィジェット
・ ホームページ設定
・ 追加CSS

 

たこ
それではそれぞれの設定方法を確認していきましょう。

基本設定

 

 

みそ
設定は以下の画像の通りです。他は基本的にデフォルトのままです。

 

 

たこ
サイトのカラーを選択!

 

サイトロゴ

 

 

 

みそ
頭の部分なので、お気に入りのロゴにしましょう!

 

共通エリア設定

 

 

みそ
ヘッダーをダイナミックにし、グローバルメニューを表示を選択。

 

 

たこ
検索窓を非表示にし、お知らせの背景色を変更!

 

 

みそ
CTAを非表示に!

 

 

たこ
コピーライトは非表示に!

 

みそ
固定フッターは非表示を選択!

 

 

TOPページ設定

 

 

たこ
メインビジュアルをスライドショーで選択し、画像をそれぞれ設定。

 

みそ
メインビジュアル下お知らせも設定!

 

アーカイブページ設定

 

特に設定事項なしです。そのまま設定を進めてください。

 

投稿ページ設定

 

 

たこ
シェアボタンはお好きなものを選択!

 

みそ
プロフィールは表示しないを選択!

 

固定ページ設定

 

特に設定事項なしです。そのまま設定を進めてください。

 

カスタム投稿タイプ設定

 

 

たこ
非表示を選択!

 

広告設定

 

 

たこ
Google bAdsenseのタグを入力!

 

SEO設定

 

みそ
ここでは、SEOに有利になる設定をする必要があるので、かなり重要です。

 

たこ
下の画像のような検索された時に出てくる際の設定です。

 

 

たこ
後は、下の通りにチェックを入れてください!

 

 

 

 

SNS設定

 

みそ
SNSのOPG設定は必須です。画像を入れてください。Follow設定は使用するものだけ設定しましょう。

 

 

 

AMP設定

 

特に設定事項なしです。そのまま設定を進めてください。

 

PWA設定

 

特に設定事項なしです。そのまま設定を進めてください。

 

パーツスタイル設定

 

各自お気に入りの色に設定変更してください。

 

サイト基本情報

 

 

たこ
設定しておくべきです!

メニュー

 

 

たこ
この上に記載されている「バズるBlog術」などのメニューを設定してください!

 

 

みそ
メニューの作成から、このように階層を分けてカテゴリーを作っていくと綺麗になります!
たこ
配置する場所は、ヘッダーエリアのみで問題ありません。

 

ウィジェット

 

たこ
私たちはサイドバーのみをカスタマイズしています。サイドバーは下の画像の通りです。

 

 

みそ
プロフィールは下の画像の通り作成しているので、真似してください。

 

関連記事

みそ好きなところにプロフィールを設置したいけど、デフォルトでは、できない。。たこそんな時は自分でカスタマイズしなきゃだめだね。 今回は私たちのサイドバーに置いてある、プロフィ[…]

 

ホームページ設定

 

特に設定事項なしです。そのまま設定を進めてください。

 

追加CSS

 

みそ
私たちが現在使用しているCSSを貼るので、ご参考ください。たこみその情報の部分をご自身のものにうまく使ってください!
たこ
このカスタマイズをすることによる責任は持てないので、ご自身でご判断ください。

 

 

 

追加CSS

.content a {
font-size: 100%;

}

.content .outline {
width: 100%;

border-top: solid 10px #FCBF4C;

border-bottom: solid 10px #FCBF4C;

background: #f8f8f8;

border-radius: 3px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);

}

.content .outline__number {
background: #f8f8f8;

color: #FCBF4C;

font-weight: bold;

font-size: 100%;

}

.content .outline__switch::before {
border-radius: 5px;
color: #191919;

border-color: #FCBF4C;

}

.content .outline__link {
color: #191919;

}

.content .outline__switch+.outline__list {
background: #f8f8f8;

}

.content .outline__item {
background: #f8f8f8;

}

.content .outline__list {
background: #f8f8f8;

}

.u-border{
border: none;
}



.siteTitle__logo {
height: 45px;
}

@media only screen and (min-width: 500px){
.siteTitle__logo {
height: 100px;
}}


div.yyi-rinker-contents {
border: solid 2px #42424230;
border-radius: 5px;
box-shadow: none;
}
div.yyi-rinker-contents div.yyi-rinker-box {
padding: .25em 0;
}
div.yyi-rinker-contents div.yyi-rinker-image {
margin: 2%;
width: 30%;
}
div.yyi-rinker-info {
padding: 0 2%;
width: 100%;
margin: auto;
}
.yyi-rinker-title {
font-size: 1em;
margin-left: .5em;
}
div.yyi-rinker-contents div.yyi-rinker-title p {
margin: 0;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
font-size: .8em;
color: #42424280;
padding-left: 0;
margin-top: 0;
margin-left: .5em;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
margin: .5em 0;
margin-left: .5em;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
letter-spacing: 0.1em;
font-size: 1.2em;
margin-right: .5em;
}
div.yyi-rinker-contents ul.yyi-rinker-links{
display: inline-block;
}
div.yyi-rinker-contents ul.yyi-rinker-links li{
width: 46%;
padding: 0 .7em;
margin: .5em .5em .4em .5em;
font-size: .85em;
display: inline-block;
height: 40px;
border-radius: 3px;
box-shadow: 0 8px 10px -5px rgba(0,0,0,.25);
font-weight: bold;
vertical-align: middle;
line-height: 40px;
transition: .3s ease-in-out;
text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #FFC266;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
color: #3A4D66;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink{
background: #ff7c74;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #95cad7;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
background: #ff7f7f;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
background: #ff7fbf;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
background: #ffbf7f;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
background: #F5CEC7;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a{
height: 40px;
line-height: 40px;
font-size: 0.95em;
padding-left: 0px;
padding-right: 0;
}

@media screen and (max-width: 500px){
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 0;
display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
width: auto;
max-width:50%;
margin:2% auto;
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
padding: 0;
margin: auto;
width: 87%;
text-align: center;
}
.yyi-rinker-title {
font-size: .95em;
text-align:left
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
display: block;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 85%;
font-size: .9em;
margin-top:2px;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:after{
}}
@media screen and (min-width: 501px) and (max-width: 1239px){
div.yyi-rinker-contents ul.yyi-rinker-links li{
width:80%;
}}

.infoHead__text {
animation: initial;
padding-left: 0;
display: block;
text-align: center;
}


.content .sitecard {
background-color: #ffffff;
}

.content .blogcard {
background-color: #ffffff;
}


@media only screen and (max-width: 480px){
.content .sitecard {
position: relative;
border: none;
padding: 0;
overflow: hidden;
border-radius: 0px;
box-shadow: 0 2px 6px #ccc;
display: flex;
flex-direction: column;
}
.content .sitecard__subtitle {
position: relative;
width: 100%;
top: 0;
left: 0;
border-radius: 0px;
text-align: center;
background:#ff7f7f;
font-size: 1.5rem;
order: 1;
color: #ffffff;
font-weight: 600;
letter-spacing:0.5rem;
padding-right: 0.5rem;
}
.content .sitecard__contents {
clear: both;
width: 100%;
max-width: calc(100% – 30px);
margin:.5em 1em .5em ;
order: 3;
}
.content .sitecard .eyecatch {
clear: both;
width: 100%;
padding: 0;
margin: 0;
order: 2;
}
.eyecatch-11:before {
padding-top: 56.25%;
}
}


.outline__link {
padding-left:2em;
text-indent: -2em;
}
.outline__number{
text-indent: 0;
}
.outline__list-3 .outline__link {
padding-left:2.85em;
text-indent: -2.85em;
}



.content .balloon .balloon__img-right div {
width: 85px;
height: 85px;
margin-bottom: 5px;
border: 3px solid #f5f5f5;
}

.content .balloon .balloon__img-left div {
width: 85px;
height: 85px;
margin-bottom: 5px;
border: 3px solid #f5f5f5;
}

.content .balloon .balloon__img {
width: 85px;
height: 85px;
}

.content .balloon .balloon__name {
font-size: 1.2rem;
}

.content .balloon-boder .balloon__text {
margin-top: 10px;
max-width: calc(100% – 105px);
}

.content .balloon .balloon__text {
margin-top: 10px;
max-width: calc(100% – 105px);
}


@media only screen and (max-width: 480px){
.content .balloon .balloon__img-right div {
width: 75px;
height: 75px;
margin-left: auto;
}

.content .balloon .balloon__img-left div {
width: 75px;
height: 75px;
}

.content .balloon .balloon__img-right {
margin-left: 5px;
}

.content .balloon .balloon__img-left {
margin-right: 5px;
}

.content .balloon-boder .balloon__text {
max-width: calc(100% – 90px);
}

.content .balloon .balloon__text {
max-width: calc(100% – 90px);
}
}


a.socialList__link.icon-twitter::after {
content: “ツイートで拡散する”;
}
a.socialList__link.icon-line::after {
content: “LINEで共有する”;
}
a.socialList__link.icon-hatenabookmark::after {
content: “はてブして応援する”;
}

.social-top::after {
content: “いつもシェアありがとうございます”;
display: flex;
padding-top: 1rem;
justify-content:center;
color: #f74d5a;
}



.omenu {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
}

.omenu li {
width: 25%;
}

.omenu li a {
margin: 3px;
font-size: 1.4rem;
border-radius: 4px;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height:6rem;
}

.omenu li a:hover {
opacity: 0.5;
}


.menuBtn__content .omenu li {
width: 50%;
}

@media only screen and (max-width: 767px){
.omenu li {
width: 50%;
}
}

.content ul.omenu>li:before {
content:””;
}
.content ul.omenu>li {
padding-left:0px;
}
.adsbygoogle{
min-width: 100%;
}
.p-map {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.p-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

 

2. プラグイン(所要時間:15分)

 

みそ
私たちが使用しているプラグインは下の記事でご紹介しております!必要最低限のものはまとめたので、ぜひご覧ください。

 

関連記事

悩む人・THE THORインストールしてみたけど、何のプラグインを入れたらいいか分からない。・THE THORってプラグインが必要なの? こちらのご質問を頂いたので、今回はこちらのお悩みを私たち[…]

 

こちらをそれぞれ、先ほどの「Customizer Export/Import」の流れでインストールし有効化にしましょう。

 

3. Google Analytics(所要時間:2分)

 

 

このようにPV数の確認などさまざまなブログのデータをとってくれるツールです。
ぜひ、導入すべきです!当たり前ですが、無料のサービスです。

 

みそ
設定方法をご紹介します。

 

Google Analyticsを検索して開きログイン

 

 

 

ログイン画面左下「管理」をクリック → 「アカウントを作成」をクリック

 

 

アカウント名を好きな名前で登録 → 項目にチェックが入っていることを確認

 

 

ウェブを選択

 

 

自分で作成したブログ名とウェブサイトの名前を入力

 

 

たこ
業種はその他で、タイムゾーンは日本で選択しましょう!

 

選択を日本にして、同意するで設定完了

 

 

4. Google Search Console(所要時間:2分)

 

このように検索順位を自分で確認できるツールです。

 

また、記事を検索結果に載せてもらうために依頼をするのもこのツールです。

 

もちろん無料なので、導入必須です。

 

みそ
設定方法はこちらになります!

 

Google Search Consoleを検索する

 

 

【最速】WordPressの始め方・作成方法を解説。(ブログ初心者必見)

 

いかがでしたか?

 

WordPressでブログを作成する場合間違いなく最短距離での作成方法になります。

 

この通りに作成ができれば、エラーも起こらずに、うまくおしゃれなブログが作成できてしまいます。

 

たこ
することは簡単3ステップです。

 

1. 土地(サーバー)を契約して住所(ドメイン)を登録します。
2. 土地(サーバー)のに家(WordPress)を立てます。(インストール)
3. 家具(テーマ)をいれてカスタマイズをする

 

最後になりますが、この記事を読んでブログを作成して下さった方ぜひ下の3つを含めてツイートして頂けたら、

 

私たちがフォロー&リツイート

 

をします!

 

1. あなたのサイトのリンクを貼る

2. 私たちをメンションする(@tamitamitakomi)

3. 「#ブログ初心者」をつける

 

たこみそ
1人でも多くの人がブログを挫折しないように作成しました!ぜひ、拡散のご協力をして頂けると嬉しいです!

 

最新情報をチェックしよう!