このサイトは、ブログのように手軽に記事を更新できるWordPressと、ホームページのような自由なデザインが可能となるElementorについて紹介している、ホームページ作成用の無料テキストです。既にサイトをお持ちの方には、「こんなやり方があったんだ!」とサイトのリフレッシュに。初心者の方でも「これならできそうだぞ!」と、ホームページデビューのきっかけになればと思って作りました。イメージとしては下記のようなサイトを自分のアイディアを生かしながら作ることができることを目指しています。

「はじめに」お読みください

ホームページ入門

 さて、まずはホームページ作成の入門編です。自分のホームページを世に出すまで、ゆっくり読んだとして所要時間は約3時間。うち作業自体は1時間です。初めての方にとっては感動の連続です。自分が作ったものがWEBの世界に登場し、インターネットにさえつなげば世界中のどこから見ることができるようになるのです。ホームページ仕組みがわかり、何だかできそうだなと思えたなら、サイトづくりを始めるモチベーションもつながるのではないでしょうか。まさに、サイトを作ろうと思えるかどうかの3時間です。

1、誰でも簡単に作れるの?

 さっそく、最初の講座です。まずは、全く初めてデビューする方に向けての内容です。おおまかな仕組みを知り、ホームページ作成中によく出てくる言葉にも慣れておくとより作業が進めやすくなります。知らなくてもサイトは作ることができますが、知っていると安心する内容です。

 面倒だなと思われたら途中でも 3番の実際につくってみように進んでください。後から読み直してもわかるようにサイトを作っています。

2、時代にあった技術でつくろう

 既にホームページをお持ちの方はこちらからご覧ください。2000年代後半までのつくり方とは「常識」がずいぶんと変わってきていますよ。

WordPress入門

  ここからは実践編です。少しホームページについて分かってきましたら、実際にWordPressを使ってホームページの作成を始めてみましょう。なお、無料のサーバーもたくさんありますが、無料になる理由はサイトに広告を掲載し、その収益がサーバー会社に入るからです。自分の意図しない広告が意図しない場所に表示されるうえに、広告の影響でサイトの表示がすごく遅い場合があります。アダルト系の広告が出ることもありますので、無料のサービスを探す場合はそのことも留意しておきましょう。

3、実際につくってみよう

 なお、このサイトと同じ環境で作業するとより分かりやすくなります。wpXのサーバーは14日間無料で使用でき、更新しない限りお金は発生しませんので、まずはこちらをご利用ください。詳しくは次の「サーバーを選ぶ」の記事で解説いたします。では、続きをご覧ください。

 自分のホームページが世に出ました。ここまで3時間もかからなかったよという方、すごいですね。そんな、3時間でなんて無理だという方もどうぞマイペースでお進みください。楽しみながらゆっくりやることが、長く続ける秘訣ですよ!

Elementorで直感的に投稿

 さて、WordPressの記事を直感的に投稿するシステムが誕生しました。Elementorというプラグインです。しかも、CSSを反映し、実際の公開画面を見ながら記事の更新ができます。私も長いことWordPress専用の投稿エディタを探し続け、一時はWLWというソフトも使いましたがおそらくこれに勝るものは今のところありません。何がすごいのかは、ひとつずつ解説していきますが、WordPressの記事を更新してきた方にとってはもう目からウロコ、驚きの連続だと思います。

4、Elementorを導入する

 まずはElementorを導入します。その後、少し使ってみた後に、さらに快適に使うためのノウハウを提供します。では、さっそく実践していきましょう。

 難しいでしょうか?どうぞ、マイペースでお進みください。楽しみながらゆっくりやることが、長く続ける秘訣ですよ!あ、まだまだアクセスは来ないですからね。

サイトを作る7日間

 ここから4日間~10日間程度でホームページを仕上げていきます。そして、頑張って作れば作るほど少しでも多くの人に見てもらいたくなりますよね。ホームページづくりでは、ここが難しさでもあり、面白さでもあるところです。よく見てもらえるホームページを作る手順を紹介していきます。なお、座学が苦手な方は6へお進みください。

5、アクセスしてもらうためには

 そもそも、将来的にアクセス数を増やすためにはどうしたらよいのでしょうか。今後、本格的にサイト運営をしたい方なら知識として知っておいた方がよい情報をまとめました。なお、サイト作りを急ぎたい方は今は飛ばしておいて、後から読み直していただいても結構です。

  • サイト全体のつながりを考える
  • 役に立つ情報を提供する
  • リンクしてもらう
  • 最低限のSEO対策をする
  • 技術面の改善 表示速度を意識する

 以上のことを踏まえて実際のサイト作りを進めていきましょう。

6、アクセスされるコンテンツをつくる

 ここで意識したいことは、内容重視でつくるということです。日記のようなものであれば日付ベースのブログがおすすめです。一言聞いてもらいたいのならツイッターですよね。今作っているものはホームページです。長い期間、多くの方に見てもらうためには、やはり内容を分かりやすく分類して、知りたいことがいつでも調べられるように作っていきます。

  • トップページをつくろう
  • カテゴリーをつくろう
  • 「投稿」を作成する
  • 「固定ページ」をつくろう
  • 301リダイレクトを覚える
  • Elementorのテンプレート機能を活用する

 何となくホームページはできましたか?ここまでで、ホームページ作りのお話の第1段階終了です。お疲れさまでした。

サイトの存在を発信する

 この辺りで、「ホームページ作りを続けよう。」「やめようかな。」とだいたい意思がはっきりしてくるのではないでしょうか。「続けよう!」と思った方は、ぜひ次のステップへお進みください。「やめようかな。」という気分になられた方は、次の「収益を生むサイトへ」を先にご覧になってみてください。あなたの情報、もしかすると、もしかするかもしれませんよ。

7、被リンクを増やす

 さて、ある程度サイトが整ったら、世間にアピールしましょう。

  • Search Consoleに登録
  • Bing webマスターに登録しよう
  • Yahoo!カテゴリに申請しよう
  • ブログ村などのリンク集に登録しよう
  • SNSやツイッターでも拡散しよう

 目に見えた変化がないので少し退屈な作業です。でも、この積み重ねが後々生きてくるものです。

8、アクセス解析を使用しよう

  • Jetpack by WordPress.com
  • Google アナリティクス

 どのページにどれくらいのアクセスがあるのか、今この瞬間にどれくらいアクセスがあるのか等を知ることができます。人気のあるページはコンテンツを増やしたり、掲載の仕方をより改善したりできます。次の「収益を生むサイト」につなげるためにはぜひ導入しておいてください。

利益を生むサイトへ

 アフィリエイトという言葉を聞いたことはありますか?なんと、趣味で作っているホームページからお金が入ってくることがあります。私はいくら入っているとは言いませんが、趣味でやっていることからお金が入ってくるので結構嬉しいです。サーバー代やドメイン代など補える場合も出て来ますし、上手くやれる人はもっと成果をあげられるのではないでしょうか。

9、アフィリエイトを導入する

  • アフィリエイトって何?
  • 成果がでたことのあるアフィリエイト
  • カエレバ・ヨメレバ・トマレバ
  • 収益を意識したサイト構成

 アフィリエイトで収益が上がることは、「おまけ」ぐらいで考えておくと良いでしょう。初めから収益を一番に考えていると長続きしませんし、それにそんなに簡単にはいきません。世の中には、「簡単に稼げる」というようなキャッチフレーズがあふれています。そんなに甘いわけありませんよね。でも、ある時ポツンと収益があがることがあります。もしその1回目が生まれたならば、2回目、3回目もあるかもしれませんし、それこそ需要があるということなので「たくさん稼ぐ」可能性があるのです。もし、そういうコンテンツを生み出せたのなら、打てる手を全て打ってみてはいかがでしょうか。

もっと多くの収益を目指す方は

 ネット上には、サイトの収益をさらに上げる「技」が多数紹介されていますが、結論から言うと必ず成果がでるわけではありません。そりゃそうですよね。でも、可能性はあるのです。私の実例を紹介・・・。本当はしたくないけど、ここまで読んでサイトづくりをしてくださった方もいらっしゃいますから、お教えしますね。

10、打てる手は全て打つ

 記事の内容はほぼ同じなのに、サイトの作り方や画像の見せ方でアクセス数が変わったり、物販などで販売数が伸びたりすることがあります。同じくコンテンツをつくるならやっぱり成果が上がった方が嬉しいですよね。でも、次に紹介するものはそれなりにお金がかかります。だから、慌てなくて結構です。

 私も10年以上悩みましたし他の方法も試しました。でも、どうしても気になって最終的に使うことにしました。導入半年ですが既に元は取れています。今までいろいろ考えて進めてきたことなので、「もっと早く導入していたら…。」と後悔までしていませんが、本当に効果があったんだと驚いているところです。導入して良かったなというのが本音です。サイト初心者の方は、少し運営実績をつくって続けられそうならぜひ導入してみてはいかがでしょうか。既にサイトをお持ちで、少しでも収益が上がっている方はぜひ今すぐに導入することをおすすめします。まるで魔法です。

  • 賢威を導入しよう
  • バナープラスを導入しよう

サイト・カスタマイズ編

 ここから先はおまけの内容です。よりオリジナリティを出したいときや、自分のイメージに近づけたいときにどうしたらできるのかを説明します。今の時代、「やりたいな。」と思うことにはだいたい先行する事例があるものです。このサイトもその事例提供のひとつになっていれば幸いです。

  • サイトのアレンジは子テーマで
  • 「検証」機能も使いながらCSSを編集しよう
  • 変更が反映しない!そんな時は?
  • 別ブラウザ・デバイスでもチェック!

 下記は、このサイトで使用しているCSSのファイルです。どのテンプレートを使用していてもだいたい上手くいくと思いますが、賢威のテンプレートに追加する形で使っているので、他のテンプレートを使っている方は修正しながら使ってください。使い方等は下記のページで細かく解説しています。

  • このサイトのCSSをダウンロードする