連載記事

複数記事に分けて公開したものをシリーズごとに分けています。

子どもとプログラミング Googleサイトの使い方 Aiとプログラミング Aiとイラスト
    公開日：4/30/2020
    シェア：

    (Blogger)01-下準備をする

    　

    Bloggerはその名の通り「ブログ」を公開するサービスです。そのためホームページを作るにはあまり適さない部分もあるのですが、Bloggerでホームページを使いたいという声もちらほら聞こえるので、Googleサイトで作ったホームページ（https://www.monokuro-palet.0t0.jp/）をBloggerで再現できるかを試していきます。

    途中、間違いなく通常の使い方ではないものもでてきそうなので、全て自己責任でお願いします。

    Bloggerを使えるようにする


    では、さっそくhttps://www.blogger.com/にアクセスしましょう。Bloggerの管理画面が表示されます。
    ここでもGoogleアカウントが必要なので事前にしっかり取得してログインしましょう。
    （既にログインされていると、いきなり管理画面が表示されます）
    こんな画面が出てきたら、Googleのメールアドレスとパスワードを入力してログインしましょう

    管理画面はでてきましたか？表示できたら「新しいブロクを作成」ボタンを押します。

    ブログの作成画面が表示されます。ここに「ブログのタイトル」「ブログで使いたいアドレス」を入力して「テーマ」選択します。

    例では
    タイトル：monokurocafe
    アドレス：monokurocafe
    テーマ：動的ビュー
    にしています。アドレスは希望のフレーズの後ろに「blogspot.com」がくっつきます。
    なので、「monokurocafe.blogspot.com」が今回作るブログのアドレスになります。

    このアドレスも、後々取得するオリジナルのアドレスと紐付けることができるので、それはまた後半で！

    また、アドレスが他の誰かによってすでに使われているとエラーになるので、別のフレーズに変えましょう。
    設定が終わったら「ブログを生成」を押します。

    続いて、ドメインを探しますよという画面が出るので、何もせずに「使用しない」を押します。これで下準備が終わりました。

    プログの管理画面が出てきました。

    Bloggerのすごいところは。来訪者の記録や、広告の設置が簡単なところ。
    Googleサイトは、来訪者の記録や広告の設置はできませんが、ページを見やすくするアイテムが沢山あること。

    やりたいことに合わせて選んでみてください。    　

よく読まれている記事

  • Googleサイトを使って真面目にWEBサイトを作ってみた
    このサイトで過去に「Googleサイトを使ったWEBサイト」の作り方を紹介したことがありました。 GoogleSiteでホームページをつくろう#01：GoogleSiteで簡単にホームページが作れる GoogleSiteでホームページをつくろう#02：GoogleSit...
  • 【古いPC復活】Q4OS 4.12 Trinity (32bit)：懐かしさと軽快さを兼ね備えたLinuxディストリビューション
    SDGsと騒がれながら、なぜパソコンはどんどん買い替えを迫られるのか？そんなことを日々考えています。挙句の果てにはWin11に対応するため、ちょっと古いパソコンは強制買い替えを迫られ「Windows10が最後っていったじゃん！」という叫びの記事もあります。 ゴニョゴニョして無理や...
  • GASで作ったサイトにリンクを入れて移動できるようにする
    GAS（GooleAppsScript）でスプレッドシートのデータを表示できました。次に新しいデータを入れられるようにしたいところですが、まずは「リンク」でページの移動をできるようにしましょう。 最初の画面の「追加」ボタンをおすと取引を追加する画面に移動するイメージです。 使うの...
  • Bloggerでオリジナルホームページを作ろう#01：Bloggerに登録する
    GoogleBlogger（ブロガー）でオリジナルホームページを作ろう ------- 再構成した記事もあります： https://mono-kuro-palette.blogspot.com/2020/04/blogger01.html ------- Wor...
  • (Googleサイト)02.カルーセルを設置する
    続いて、カルーセルを設置しましょう。カルーセルとは複数枚の画像を切り替えられるアイテムです。 絶対必要ではありませんが、ホームページのかっこよくするうえではすごく効果があるので、さっそく設置していきましょう！ 画像カルーセル
  • (Googleサイト)01.下準備とサイト名を設置
    最初に基本のアイテムを設置していきます。 Googleサイトにはたくさんのアイテムがありますので、好きなアイテムを設置していいのですが、ここでは基本的なものを紹介していきます。 下準備
  • (Googleサイト)11-オリジナルのアドレスで公開する
    サイトの公開ができましたが、どうにもアドレスが気に入らない！もっと短くしてくれないとかっこ悪い！ そんな方にはダイナミックDNS（DDNS）に登録してアドレスを貰って、設定をすることで短いアドレスでホームページを開くことができます。 では、実際の操作方法を見ていきまし...
  • インスタによくある広告をパワーポイントで作ってみる
    今日は、久々のテクニカルなことをやって見ようとおもいます。そう。Instagramにちょいちょい入っている、広告をプレゼンソフトの定番「パワーポイント」で作ってみるというものです。 もちろん、個人的に広告で出すようなものもなければ、外注さんに頼めるほどの仕事もないので「っぽい」と...
  • (Googleサイト)09-フッターにコピーライトを入れてプレビューで確認
    ホームページづくりも最終段階。最後はフッターにコピーライトを入れてあげます。 コピーライトというのは「写真とかテキストの著作権は私が持っている」ことを証しするもので、書き方や意味などたくさんのサイトで取り上げられています。 ただ、読んでも三者三様だったりしてちょっと...
  • GASで作ったWEBサイトにスタイルシート（Bootstrap）を適用する方法
      「 GASでWEBサイトを作れる？実はいろいろできるみたいです 」でGoogleAppsScript（GAS）でWEBサイトが作れることを紹介しました。 せっかくGASを使うのであればデータベースなどにつないでシステムぽいものを作りたくなりますが、見た目がかっこよくないとテン...