【ログインし直す】Bulletで違うアカウントでログインしてしまったときにログアウトする方法
BulleにGoogleアカウントでログインしているが、異なるアカウントでログインしてしまったときの対応方法について記載します。
TABLE OF CONTENTS
【クリックしたくなる！】BulletとNotionを使ったHP webサイトの作り方-⑧サムネイル画像の取得⑨サムネイル加工
NotionでHPを作成したい。Bulletというサービスを使用して、手軽にwebサイトとして作成します。 今回は＜サムネイル画像の取得＞から＜その画像を加工する＞などを対応したいと思います！
はじめに
前回までにしたこと
⓪作成先決定 して
①テンプレート複製 して
②管理ページ登録 して
③サイト初期設定 して
④トップページ更新 して
⑤書いた人とタグを追加 して
⑥新規ページを作成 して
⑦ページ公開 した
今回はサムネイルとしても表示されるカバー画像を準備したいと思います！
先にまとめを書いておく
- カバーサムネ用の画像を、正しい比率で取得する
- Canvaで画像を加工する
意図したカバー画像にしたい
「Bulletの管理画面はこんな感じです」という画像をサムネイルにしようと思います！
下記のようなスクリーンショットを取得しました。
この画像をページのカバー画像に指定してみると……
こんな感じ。
中央部分が表示されイメージしたカバー画像になりました。
左のサイドバーが映っていた方が管理画面っぽい。
適切な画像サイズで画像を準備したい。
適切なサイズを確認する
bulletのサイトから複製したテンプレートに元々入っている参考ページがあります。
これに設定されている画像のサイズを確認します。
パンダの画像サイズを確認すると ＜ 2000 x 1153 ＞ でした。
これに近しい比率の画像を準備したいと思います。
＜ 7 : 4 ＞ とか ＜ 16 : 9 ＞が近いみたいです。
比率を指定してトリミングする
※Windowsでの方法のみ記載しています。
標準の＜フォト＞で比率を指定してトリミングできるようです。
上部のメニューから[画像の編集]を選択します。
縦横比を[ワイドスクリーン - 16:9]に設定します。
切り取る範囲を指定して[コピーを保存]を押します。
イメージするカバー画像になりました！
一覧表示のサムネイルも同様の画像になっています。
Canvaで編集する
サムネイル、刺激が強い方がクリックしたくなりそうかも？
Canvaでよくみる感じのサムネイルに編集してみたいと思います。
ログイン
左のメニューからテンプレート＞SNSを選択します。
それっぽいテンプレートを選んで、[このテンプレートをカスタマイズ]を選択します。
![気になるテンプレを選んで[このテンプレートをカスタマイズ]を選択](https://imagedelivery.net/IEMzXmjRvW0g933AN5ejrA/wwwnotionso-image-prod-files-secures3us-west-2amazonawscom-744f5c21-bf29-4c1d-b5e3-079cd3ccd7d6-835f852b-b2a1-41ce-9760-ade044c73b96-untitledpng/public)
ベースとなる画像は16:9の比率で準備したものです。
それをCanvaのテンプレートにドラッグ＆ドロップして[背景を差し替え]を選択します。
![カバーにしたい画像をD&Dして、[背景を差し替え]する](https://imagedelivery.net/IEMzXmjRvW0g933AN5ejrA/wwwnotionso-image-prod-files-secures3us-west-2amazonawscom-744f5c21-bf29-4c1d-b5e3-079cd3ccd7d6-f025bc68-9a68-43a7-9ca4-02fe865ac8b7-untitledpng/public)
背景に設定されました。
それっぽい文言に差し替えたりします。
編集が完了したら画像としてダウンロードします。
![右上の[共有] ＞ [ダウンロード]](https://imagedelivery.net/IEMzXmjRvW0g933AN5ejrA/wwwnotionso-image-prod-files-secures3us-west-2amazonawscom-744f5c21-bf29-4c1d-b5e3-079cd3ccd7d6-1491e0fc-e9b9-492e-a677-ce6ef6303b69-untitledpng/public)
![[ダウンロード]を選択](https://imagedelivery.net/IEMzXmjRvW0g933AN5ejrA/wwwnotionso-image-prod-files-secures3us-west-2amazonawscom-744f5c21-bf29-4c1d-b5e3-079cd3ccd7d6-4c7d42a5-e774-44e8-b4a5-7acdbfd636f0-untitledpng/public)
これで取得した画像をカバーに設定します。
各ページのカバー画像を設定しました。
ちょっとガチャガチャしている気もしますが、なんとなくクリックしたくなるような気もします、かね！
まとめ
このページでやったこと
- カバーサムネ用の画像を、正しい比率で取得する
- Canvaで画像を加工する
Bullet.soで作ったサイト用にカバーサムネイル画像を取得して、Canvaでサムネイルっぽく編集することができました！
Related Posts
【すぐにできた！】BulletとNotionを使ったHP webサイトの作り方-⑥新規ページ作成⑦ページ公開
NotionでHPを作成したい。Bulletというサービスを使用して、手軽にwebサイトとして作成します。 今回は＜新規ページの作成＞から＜公開＞などを対応したいと思います！
【もう迷わない】BulletとNotionを使ったHP webサイトの作り方-③サイト初期設定④トップページ更新⑤書いた人とタグを追加
NotionでHPを作成したい。Bulletというサービスを使用して、手軽にwebサイトとして作成します。 今回は＜サイト初期設定＞から＜トップページの更新＞などを対応したいと思います！
Made with Bullet