- トップ
- コンセプト
- メニュー
- アクセス
- 問い合わせ
公開日:6/23/2018
シェア:Tweet
前回、Bloggerへの登録を済ませました。ついにここからホームページ作成が始まります!
作成を進めていく前に、どんなホームページにするか決めておきたいと思います。
お店のホームページなのか?企業のホームページにするのか?にもよりますが、ここではざっくり
最初に必要なページを作ってしまいましょう。
Bloggerでページを作るときには「投稿」と「ページ」の2種類があります。「投稿」はブログのようなもので、常に増えるページをつくるのにおすすめです。もう一つの「ページ」は基本的に更新をしないものをつくるのにおすすめです。(個人の主観の入っていますが・・・)
ですので、今回はすべて「ページ」で作成することができます。
では、ブログにログインしてページを作っていきましょう。まずは、左側のメニューから「ページ」を選びます。
ページの一覧がでてくるので「新しいページを作成」をクリックしましょう。
編集画面がでてきました。
それでは最初に「コンセプト」のページを書いてみましょう。
まずは「ページタイトル」に「コンセプト」と入力します。これはページのタイトルになるので、都度作りたいページに合わせて変更してください。
続いて、お店のロゴでも入れておきましょう。画像ボタンを押してロゴのファイルを選択します。
いろいろな入れ方がありますが、既にパソコンにロゴの画像ファイルが入っていると仮定して「アップロード」の「ファイル選択」を選びます。
ロゴのファイルを選んだら「開く」をクリックでロゴの画像がアップロードされます。
アップロードされた画像をクリックしてから「選択した画像を追加」をクリックすると編集画面にロゴが設置されます。
続いて、その下にコンセプトを書いていきます。書き方は一般的なワープロソフトと一緒です。ツールバーを使えば文字の大きさや種類、色なども変えることができます。
では、コンセプトの文章を考えて書いてみましょう。後から修正できますので、まずは自由な気持ちで書くのが大切です。
テキストが書き終わったら「プレビュー」をクリックして完成イメージを確認しましょう。
プレビューが表示されました。まだデザインは初期のままですが、これでも十分にホームページみたくなりました。
この調子で「メニュー」「アクセス」のページも作ってみましょう。
2ページ以降は、ページ→下書き→「新しいページ」で新規ページを作成できます。
作りながら修正もできるので、まずは雰囲気だけでも大丈夫です!完成したら編集画面右上の「保存」を押すのをお忘れなく!
シェア:Tweet
Bloggerでオリジナルホームページを作ろう#02:ページを作る
最初に設計図を作る
作成を進めていく前に、どんなホームページにするか決めておきたいと思います。
お店のホームページなのか?企業のホームページにするのか?にもよりますが、ここではざっくり
最初に必要なページを作ってしまいましょう。
ページの作り方
Bloggerでページを作るときには「投稿」と「ページ」の2種類があります。「投稿」はブログのようなもので、常に増えるページをつくるのにおすすめです。もう一つの「ページ」は基本的に更新をしないものをつくるのにおすすめです。(個人の主観の入っていますが・・・)
ですので、今回はすべて「ページ」で作成することができます。
では、ブログにログインしてページを作っていきましょう。まずは、左側のメニューから「ページ」を選びます。
ページの一覧がでてくるので「新しいページを作成」をクリックしましょう。
編集画面がでてきました。
それでは最初に「コンセプト」のページを書いてみましょう。
まずは「ページタイトル」に「コンセプト」と入力します。これはページのタイトルになるので、都度作りたいページに合わせて変更してください。
続いて、お店のロゴでも入れておきましょう。画像ボタンを押してロゴのファイルを選択します。
いろいろな入れ方がありますが、既にパソコンにロゴの画像ファイルが入っていると仮定して「アップロード」の「ファイル選択」を選びます。
ロゴのファイルを選んだら「開く」をクリックでロゴの画像がアップロードされます。
アップロードされた画像をクリックしてから「選択した画像を追加」をクリックすると編集画面にロゴが設置されます。
続いて、その下にコンセプトを書いていきます。書き方は一般的なワープロソフトと一緒です。ツールバーを使えば文字の大きさや種類、色なども変えることができます。
では、コンセプトの文章を考えて書いてみましょう。後から修正できますので、まずは自由な気持ちで書くのが大切です。
テキストが書き終わったら「プレビュー」をクリックして完成イメージを確認しましょう。
プレビューが表示されました。まだデザインは初期のままですが、これでも十分にホームページみたくなりました。
この調子で「メニュー」「アクセス」のページも作ってみましょう。
2ページ以降は、ページ→下書き→「新しいページ」で新規ページを作成できます。
作りながら修正もできるので、まずは雰囲気だけでも大丈夫です!完成したら編集画面右上の「保存」を押すのをお忘れなく!
よく読まれている記事
-
このサイトで過去に「Googleサイトを使ったWEBサイト」の作り方を紹介したことがありました。 GoogleSiteでホームページをつくろう#01:GoogleSiteで簡単にホームページが作れる GoogleSiteでホームページをつくろう#02:GoogleSit...
-
SDGsと騒がれながら、なぜパソコンはどんどん買い替えを迫られるのか?そんなことを日々考えています。挙句の果てにはWin11に対応するため、ちょっと古いパソコンは強制買い替えを迫られ「Windows10が最後っていったじゃん!」という叫びの記事もあります。 ゴニョゴニョして無理や...
-
GAS(GooleAppsScript)でスプレッドシートのデータを表示できました。次に新しいデータを入れられるようにしたいところですが、まずは「リンク」でページの移動をできるようにしましょう。 最初の画面の「追加」ボタンをおすと取引を追加する画面に移動するイメージです。 使うの...
-
GoogleBlogger(ブロガー)でオリジナルホームページを作ろう ------- 再構成した記事もあります: https://mono-kuro-palette.blogspot.com/2020/04/blogger01.html ------- Wor...
-
続いて、カルーセルを設置しましょう。カルーセルとは複数枚の画像を切り替えられるアイテムです。 絶対必要ではありませんが、ホームページのかっこよくするうえではすごく効果があるので、さっそく設置していきましょう! 画像カルーセル
-
最初に基本のアイテムを設置していきます。 Googleサイトにはたくさんのアイテムがありますので、好きなアイテムを設置していいのですが、ここでは基本的なものを紹介していきます。 下準備
-
今日は、久々のテクニカルなことをやって見ようとおもいます。そう。Instagramにちょいちょい入っている、広告をプレゼンソフトの定番「パワーポイント」で作ってみるというものです。 もちろん、個人的に広告で出すようなものもなければ、外注さんに頼めるほどの仕事もないので「っぽい」と...
-
サイトの公開ができましたが、どうにもアドレスが気に入らない!もっと短くしてくれないとかっこ悪い! そんな方にはダイナミックDNS(DDNS)に登録してアドレスを貰って、設定をすることで短いアドレスでホームページを開くことができます。 では、実際の操作方法を見ていきまし...
-
このページで以前に「Bloggerでオリジナルのホームページを作ろう」という記事を書きましたが、なんとGoogleが無料でホームページを作れるサービスまでやっていました。 あまりメジャーではありませんが(僕は最近まで知らなかった・・・)直感的に構築ができるので、初心者でも簡...
-
ホームページづくりも最終段階。最後はフッターにコピーライトを入れてあげます。 コピーライトというのは「写真とかテキストの著作権は私が持っている」ことを証しするもので、書き方や意味などたくさんのサイトで取り上げられています。 ただ、読んでも三者三様だったりしてちょっと...