トップページとエントリーページを作成していく

このページではSIRIUS(シリウス)で企業ホームページを作成する際の、
トップページとエントリーページ作成方法を解説します。

 

トップページだけを1カラムにカスタマイズする方法はこちらをご覧ください

 

他の企業サイトを見習う

どういうレイアウトにすれば良いか分からない人は、手っ取り早く他の企業サイトのレイアウトを参考にすると良いです。

 

 

見て頂くとわかるのですが、基本的に画像メニューを多用してホームページを飾っています。
いわゆる”見た目がイケてるホームページ”というのは、画像メニューを多く使用しているのです。

 

ちなみに3カラムはエントリーページが手狭になるので、使用は控えた方が良いでしょう。

 

ではSIRIUS(シリウス)でのレイアウト例を挙げておきます。

 

1カラムの場合

SIRIUSシリウス企業ホームページレイアウト1カラム

1カラム使用、サイドメニューを使わない場合のレイアウト例です。

 

1カラムの場合はサイドメニューを使わない代わりに、自作した画像メニューを並べます。

 

文字のメニューよりも見栄えが良く、訪問者にも安っぽいサイトと思われにくいメリットがあります。

 

画像メニューには、エントリーページへのリンクを貼ります。

 

 

 

例えばこんな感じです。
SIRIUSシリウス企業ホームページ画像メニュー例

 

この画像メニューは、青空の画像を切り取ってシリウスのヘッダー画像作成機能で文字入れしたものです。

 

こんな感じの画像メニューパーツを作成してリンクを貼ることで、良いサイトに仕上がります。

 

トップページは自社の看板+案内板だと思って、どんなページにするかを考えます。

2カラムの場合

SIRIUS(シリウス)ホームページレイアウト2カラム1

SIRIUS(シリウス)ホームページレイアウト2カラム2


 

2カラムだとこんな感じのレイアウトです。

 

  • ヘッダー画像の下に、さらに一押ししたい内容の画像を配置する例。
  • 見出しを書いて、すぐに画像メニューを配置する例。

 

サイドメニューも、出来る限り画像メニューにすると見栄えが良くなります。
画像メニューの作り方

 

大事な事なのでもう一度書きますが、トップページは、自社の看板+案内板です。

 

エントリーページレイアウト

SIRIUS(シリウス)エントリーページレイアウト例

 

トップメニューのリンクから繋ぐエントリーページのレイアウト例です。

 

文字ばかりだと味気ないですし、イメージが訪問者に伝わりにくくなります。

 

ポイントは、見出しと画像を文章中に適度に織り交ぜることです。

 

SIRIUS(シリウス)はページ毎にヘッダー画像を変更出来ます。
面倒でなければヘッダー画像はエントリーページのテーマ毎に変えると、見栄えが良くなるし訪問者にもイメージを植えつけやすいです。

 

企業ホームページサンプルの作成方法

企業用ホームページサンプルはこちら

 

このサンプルホームページにある、画像メニューの作成方法を説明します。

 

まず画像メニュー作成

SIRIUS(シリウス)画像メニュー作成例

 

こういう画像を作成します。今回もPhotoFiltreを使います。

 

 

SIRIUSシリウス画像メニュー作成1

 

photFiltreを開いたら、拾ってきた画像素材をドラッグ&ドロップ。
素材は商用利用OKのものに限ります。

 

 

SIRIUSシリウス画像メニュー作成2

 

適当なサイズにトリミングします。トリミング方法はヘッダー画像の作成方法を参照。

 

画像メニューの大きさはサイトのレイアウト次第です。
大きめに作っておけば、後で大きさは変更出来ます。

 

 

SIRIUSシリウス画像メニュー作成3

 

白のグラデーションをかけます。
フィルタ → 色調 → グラデーションを選択。

 

 

SIRIUSシリウス画像メニュー作成4

 

  • グラデーションの方向(左から右へ)
  • カラー1の色(白)
  • カラー1の不透明度(100%でOKです)
  • カラー2の色(白、何でも良い)
  • カラー2の不透明度(0%)

 

プレビューでどんな感じになるか見れます。
色などお好みでご自由に。終わったらOKを押す。

 

 

SIRIUSシリウス画像メニュー作成5

 

もっと白くしたい場合は、フィルタ → 再実行 します。 
「Ctrl + K」で何回でも再実行出来ます。

 

 

SIRIUSシリウス画像メニュー作成6

 

2回再実行したら、まぁ良い感じになりました。
次はフレームを付けます。

 

 

SIRIUSシリウス画像メニュー作成7

 

フィルタ → フレーム → シンプルフレームを選択。

 

 

SIRIUSシリウス画像メニュー作成8

 

フレームの幅、色、不透明度等お好みで。プレビューも出来ます。
良いと思ったらOK。保存しましょう。

 

画像メニュー完成

SIRIUSシリウス画像メニュー完成

 

これで画像メニューの素材が完成です。この画像にSIRIUS(シリウス)のヘッダー画像作成機能で画像や文字を入れます。

 

最初慣れないかもしれませんが、手順を覚えれば1個作るのに5分もかかりません。

 

(文字入れ等はヘッダー画像の作成方法を参照。)

 

いろんな画像を誰でも簡単に加工できるソフト「バナープラス」もお勧め

画像加工ソフトバナープラス2

 

私が画像が功でもっとも重宝しているのが、バナープラス2というソフトです。

 

白のグラデーションマスク、様々なフォント、画像素材が同梱されていて、今までご紹介した画像加工の面倒なテクニック無しで誰でも簡単にバナーやメニュー画像が作れます。

 

会社のホームページでは画像の美しさや加工のテクニックが下手だと、会社自体の信頼を失いかねません。

 

SIRIUSで会社ホームページを作る方の多くが、無料のものだけで何とかしようとしてしまっていて、見栄えの悪いホームページになってしまっている人が多いと感じています。

 

画像にはとにかくコストを惜しまない事です。

 

 

長くなったので続きは次回です。

 

管理人マナ画像右

 

画像に手間を惜しむなかれです。

 

文字だけで済まそうとするほど、伝わりにくいし、いけてないホームページになってしまいます。

 


 このエントリーをはてなブックマークに追加 
新作はお陰様で大好評頂いております!2018年12月31日迄で特別特典にてキュート版配布 SIRIUS特典テンプレートfinegrandバナー

関連ページ一覧

サイト全体設定が大切 | SIRIUSシリウスソフトで企業ホームページ作成

SIRIUSシリウスサイト全体設定方法

SIRIUS(シリウス)を起動して、「新規作成」をクリックしてホームページ作成を開始します。すると「サイト全体設定」が表示されます。サイト全体設定は、社長を誰にするか並に大切な部分です。ポイントをしっかり押さえて記入しましょう。サイト全体設...

続きを読む

ヘッダー画像の作成方法 | シリウスで企業ホームページソフト

SIRIUSシリウスヘッダー画像作成方法

次はヘッダー画像を作成して設置します。私が作成した企業用ホームページサンプルは、無料画像素材サイトで拾ったものに、SIRIUS(シリウス)のヘッダー画像作成機能で文字入れしたものです。→企業用ホームページサンプルはこちら。今回はこの方法を具...

続きを読む

会社ロゴ画像の作成設置方法 | SIRIUSソフトで企業ホームページ作成

SIRIUSシリウス企業ロゴ作成と設置

企業ホームページによく見られる、上部に会社名とロゴを作成設置する方法です。1.ロゴテキスト画像機能でSIRIUS(シリウス)上部 編集 → ロゴテキスト画像をクリック。ビジネステンプレート上部に差し込むロゴの大きさは、幅は300px~最大6...

続きを読む

トップページとエントリーページの作成 | SIRIUSソフトで企業ホームページ作...

SIRIUSシリウス企業ホームページレイアウト作成例

このページではSIRIUS(シリウス)で企業ホームページを作成する際の、トップページとエントリーページ作成方法を解説します。※トップページだけを1カラムにカスタマイズする方法はこちらをご覧ください他の企業サイトを見習うどういうレイアウトにす...

続きを読む

テーブルタイプの画像メニュー作成方法 | SIRIUSソフトで企業ホームページ作...

SIRIUSシリウス企業ホームページレイアウト作成例

前回はメニューに使う画像を作成しました。今回はその画像を使って、トップページに配置している画像メニューを作成します。SIRIUS(シリウス)は基本的に直感的な操作で使えてしまうのですが、購入後スムーズに作成出来るよう手順を紹介しておきます。...

続きを読む

サイト分析ツールを設置する | SIRIUSソフトで企業ホームページ作成

SIRIUSシリウス企業ホームページにGoogleSEO

ホームページが大体完成したら、GoogleウェブマスターツールとGoogleアナリティクスを設置します。どんなホームページでも必ず設置しましょう。分析ツール設置の目的GoogleウェブマスターツールとGoogleアナリティクス設置の目的をざ...

続きを読む

SIRIUSで集客・販促のホームページを作る方法 | SIRIUSシリウスソフト...

今回は久々に企業・個人事業主さん向けのお話しです。SIRIUS(シリウス)で集客用・販促用のホームページは作れますか?作れます。集客・販促用のホームページは、どんなソフトやツールでも作る事ができます。必要なものは「どんなコンテンツを作るか?...

続きを読む


SIRIUSの機能解説 限定特典ご案内 限定特典付き購入方法 カスタマイズ&小技 アフィリエイトログ