初心者でも出来るホームページの作り方ガイド

記事の内容は動作や機能を100%保障するものではございません。悪しからずご了承下さいませ。※カスタマイズは必ずバックアップの上、自己責任にて行って下さい。

メモ

このサイトは「micata2」「AFFINGER4」の総合マニュアルサイトになっています

micataについて

mi

目指したのは他に負けない「効果がある」ホームページ

micataは今まで作成したお客様のホームページに対する希望や問題点とSTINGER(ブログテンプレート)によるノウハウを詰め込んで検索に強く、「集客」に繋がるホームページになるように考えて設計しています。

ただ、テンプレートで「とりあえずのホームページ」を作る為のものではありません。機能的で、見やすくプロに依頼したホームページに負けないサイトが作れると自負しております。

micata(ミカタ)でできる事は沢山あるのですが、そのほんのほんの一部をここでご紹介します。

へぇ~。Web知識の無い人でもちゃんと作れるのかしら?

大丈夫。当サイトで順を追って作成すればホームページが出来ますよ。

micataで作成したサイト例

ロゴの登録

2016-07-22_154307

自作のロゴを簡単にアップロード表示。

個性的なホームページには欠かせないロゴを管理画面から簡単にアップロード。ロゴはヘッダー部とフッター部の2カ所に同時で表示されます。

※ロゴが無い場合はテキストを表示します。

電話番号の表示(&非表示)

2016-07-22_154318

効果のあるホームページは信頼度がとても大切。

電話番号を登録すると任意でヘッダー部とフッター部に表示。フッター部の電話番号はスマートフォンで見たときにタップでそのまま電話がかけられます。(ヘッダー部はスマホでは非表示になります。)

また、電話番号下部には「営業時間」など小さなコメントも入力可能。背景色も自由に設定できます。

トップ画像のアニメーション

2016-07-22_154453

トップの画像は複数のアニメーション表示できます。

横に流れるスライドとふわっと消えるフェードの2パターン。スピードも調節可能。さらにサイト目一杯に広げるワイド表示、メニューの表示場所を上下選択又はメニューも画像も非表示可能です。

NEWS(お知らせ)の設置

2016-07-22_154327

ビジネスサイトに欠かせない「お知らせ」も簡単に表示。

表示件数や表示したいカテゴリーで絞ることも可能。タイトルバーの「お知らせ」の文字も変えれるし、デザインのカラーも変更できます。

デザインカラーは自由自在・圧倒的個性で差をつける

colors

gcolor

micata(ミカタ)では本当に多くの箇所を管理画面よりカラー変更できるようにしました。メニューバー、背景(色・画像)、フッターカラー、スマホのメニューボタンの色、お知らせの色、各種見出しタグの色などなど。

そして、テンプレートだからといってチープにならないよう、各背景はグラデーションで設定できます(一部、旧ブラウザは非対応)。あらゆるカラー設定であなたのビジネスにぴったりなサイトが必ず出来ます。

各種ソーシャルボタンや「お薦め記事」一覧作成などブログ機能も充実

yonde

ブログテーマ「STINGER」や自身のブログ運営で培ったノウハウを全て注ぎました。生きたサイト運営にはコンテンツの作成が必要不可欠です。

各種ソーシャル(Twitter、Facebook、LINEなど)へのシェアボタンをはじめとして、各箇所への様々な投稿の表示、非表示、そして任意のお勧め記事を設定表示します。

レイアウト変更やSEOに関する様々な事が管理画面で設定可能

hengenzizai

kanri

自由自在にレイアウト変更

左右のサイドバーの位置変更、1カラムからLPスタイルなど自由なレイアウトに簡単に変更できます。

SEOや成約UPの為にさらに拘りたい方への機能も満載

例えば各ページ毎に「noindex」設定、メタディスクリプションやタイトルの設定、カラム数の変更などなど痒い処に限界まで手を伸ばしました。あなたの「欲しかった」がきっとあるはずです。

あなたのコンテンツを100%ユーザーに、Googleに届ける為のTipsを詰め込んでいます。

  • TOP及び各ページ毎のタイトル、メタキーワード、メタディスクリプションの設定
  • ページ毎のnoindex、index設定
  • カテゴリーのindex設定
  • ページ毎のカラム数変更
  • 記事コピー禁止
  • リダイレクト設定
  • Googleアナリティクス・サーチコンソール簡単設定 他

もちろんスマートフォンやタブレット対応のレスポンシブデザイン

2015-12-29_174516 2016-01-13_142059

どんな端末にも適応するレスポンシブデザイン。

多様化するデバイスのサイズにもフレキシブルに対応し、訪れたユーザーに快適な閲覧を提供します。

当テーマのシリーズを紹介頂いた書籍

人気記事

kawaii 1

以前にWordPressテーマ「STINGER PLUS+」を公開した際に作成したサンプルサイトが「可愛い!」と特に女性の方から非常に好評をいただきました。 今回の参考サンプルサイト ただ現在「STI ...

2

ホームページを今まで沢山作ってきましたが、リニューアル案件以外の方はやはり「予算重視」である場合が多く、こちらの言う「大切」な事とか「重要な事」なんていう意見は「わかっているけど・・・」とはいうものの ...

tonkotu 3

今回はまず、ベースとなる「ホームページのタイトル」の考え方と下層ページコンテンツに何を作るべきかを考えていきます。 「タイトル設定」はまず最初に行うべき事であり、またホームページの命運を分ける最重要項 ...

投稿日:2016年1月8日 更新日:

Copyright© ホームページ作成なら無料テンプレートのmicata(ミカタ) , 2016 AllRights Reserved Powered by AFFINGER4.