天宮です。
今回はCSS編集に入る前の最終段階として
ブログ記事をテスト投稿します。
これは記事が投稿されていないと
CSSを変更した際にデザイン変更が
確認できないからです。
Bloggerでブログ記事を投稿
Bloggerの投稿から新しい投稿をクリック
画像とテキストを入力、
ラベルを設定し公開をクリック。
ラベルはアメブロでいうところの
カテゴリーみたいな感じです。
記事は複数に分けて5記事～ぐらい
アップしておきましょう。
各パーツの確認が目的ですから
画像・テキスト・リスト・引用
見出し・小見出し・準見出し
このようなパーツを一通り入力してください。
関連記事の表示を確認するために
同じラベルを付けた記事を複数投稿も
忘れないようにしましょう。
ブログ記事内のリンク設定
Bloggerでリンクを入力する際は、
リンクを新しいウィンドウで開くと
nofollow設定が可能です。
rel=nofollowにチェックを入れると
検索エンジンがリンク先をクロール
（確認）しなくなります。
Bloggerでの画像投稿にGoogleフォトを活用
画像を追加する際は、ファイルを選択から
PC内のフォルダを指定しアップできますが
Blogger用に作ったアカウントの
Googleフォトに画像を追加しておき、
画像の追加〔携帯電話〕をクリックし
Googleフォトに保存した画像をアップをオススメします。
Googleフォトのアップロードサイズを
高画質を選択しておくことで
保存容量は無制限となります。
高画質／元のサイズと表示されていると
混乱しそうですが、
元のサイズの方が容量が大きく、
高画質は適時圧縮されて容量を抑えてある
と考えてください。
ようは、Googleフォトを経由してると
保存容量を気にすることなく
Bloggerを無制限で利用できるイメージです。
Bloggerにログインした状態で、
管理画面右上の自分のアイコン左側にある
GoogleアプリからGoogleフォトを選択し
ドラッグ＆ドロップで画像は簡単に追加できます。
テスト記事を投稿した時点での
ブログの表示はこんな感じ。
ここまでで下準備が整いましたから、
次回からいよいよCSSの編集に入ります。
