元CAバンビのずぼら日記

元国際線乗務員の情報発信ブログ。海外、旅行、料理、ワイン、美容のお話など。

【超初心者でも分かる!】はてなブログのカスタマイズ〜まとめ〜

「超初心者編」って言ってますけど、ほぼ自分用メモな感じです...

ただ私みたいに、わりと単純なレベルで困っている人がいたら共有したいな。とも思います〜♡こちらは随時更新していきます!

 

2018/10/15-追記

この記事は、ブログを初めて1ヶ月の時に書いたほぼ自分用メモだったのですが、その後、カスタマイズのことなどを色々と勉強し、お陰様で「はてなブログ」でオリジナルのテーマ「Palette(パレット)」を公開するほどになりました!

また、当初は収益化は余り考えず始めた当ブログでしたが、見よう見まねで色々な方のブログや本を読んでアドセンスやアフィリエイトをやった結果、今ではブログからの収益も出ています♪♪

 

2018/12/05 - さらに追記

当ブログの運営状況や収益状況に関してはこちらをご覧ください↓↓

素人の私が「はてなブログ」を10ヶ月間やってみた結果&今後の目標 



このページをご覧になっているということは、まだまだ初心者の方かも知れませんが、コツコツ続けていくことが成功への近道だと実感します!
少しでもこの記事が皆様のお役に立てれば幸いです♡

アクセスが増えず悩んでいる方は、アクセスUPするために私が実際に実践したことも最後の方に載せてますので、ぜひ参考になさって下さい!\(^-^)/

 

 

 

 

カスタマイズ(超初心者レベル)

画像と説明が入っている四角い枠のリンク(ブログカード)

 

ブログを2列にする(テーマを変更してみる)

 

ブログに使えるおしゃれな画像をWEBから探す
(著作権フリーの画像)

 

カスタマイズ(初心者レベル)

ブログの中に枠を表示したい時★

 

ブログの中にグーグルマップを表示させる

 

ブログにストリートビューを表示する

 

吹き出し付きの文字の入った画像をつくる

f:id:zuboraca:20171226113154j:plain

 

 

四角い枠(ブログカード)で表示された時に
表示させたい画像を設定する

f:id:zuboraca:20171227113117j:plain

 

 

カスタマイズ(中級者レベル)

 

もくじのデザインを変える(解説付き)

www.bambi.red

 

引用のデザインをかっこ良くする

www.bambi.red

 

 

アドセンス自動広告の機能について

初めに↓↓の記事を書いたのですが、まだ新機能の初日だったので分かっていないことも多く、次の日から変わってしまったこともありました...
この件に関しては、次の記事も読んで確認してください。
(※2018/10/15-追記:現在は自動広告が表示されなくなっちゃった人もいるみたいでシステムが良くわかりません。もし表示されている場合は、こちらをお試しください)

 

Amazonの商品紹介に自分の紹介文とかも追加したい

 

Search Consoleでプロパティが確認できない

 

 

Flickr(フリッカー)関係

自分の写真をブログに表示する(Flickrというサービスを使う場合)

Find your inspiration. | Flickr

ブログに写真を入れる時にそのまま写真を挿入すると「はてなフォトライフ」と言う「はてなブログ」が提供する写真保存サービスに保存されます。この写真の容量の上限が無料版だと月300MBとなっているため、ブログにたくさん写真を入れる人だと足りなくなってしまう場合があります。

外部の「Flickr」というサービスを使うとトータルで1TB(テラバイト)の写真がストックできて、また「はてなブログ」と連携させて使うことができるので便利です!

blogs--1227

 

はてなブログ★フリッカーで自分が見つからない時

 

Flickrの写真を横にタイル状に並べて表示する

 

マック関連 

Macでカタカナしか打てなくなった時の対処法

 

Safari「ページを開けません」の対処法

 

ファイル名をまとめて変更

 

便利リンク 

ブログで投稿した写真を削除(はてなブログ 写真 整理)

ブログで投稿した写真は、はてなフォトライフというブログとは別の「はてなブログ」の写真保存サービスに保存されます。写真を削除したり、フォルダ分けして整理する場合にはブログ画面からではなく、↓↓フォトライフの画面から整理できます。

 

はてなブックマーク

 

Web上でいろいろ出来る便利なページ

 

オンライン画像編集ソフト(アプリ)

オンライン上で画像を編集することができます!
Web上でPhotoshopみたいに使えるので、とても便利です。ちょっとした写真の加工やサイズの変更など無料で登録も必要ありません。
おすすめのアプリです。(アプリっていうか、ダウンロードも何もしなくて使える)


私は毎回、めちゃ使ってます♪♪
Online Photo Editor | Pixlr Editor

(日本語でできますよ♪)

 

アイキャッチを簡単に作る方法(ブログサムネイル)

アイキャッチとは、ブログの一覧表示の時やTwitterでシェアした時などに表示される画像のことです。人の目を引くようなアイキャッチ画像だと思わず読みたくなってしまいます!
アイキャッチを作り込むことでアクセスがアップするとも言われています。

私がアイキャッチを作る時に使うのはこちらです^-^↓↓
こちらは無料、WEB上で全てできます。メールアドレスの登録が必要です。

Amazingly Simple Graphic Design Software – Canva
(日本語でできますよ♪)

 

これまでに試したブログアクセスUPの方法

 

(1)検索からのアクセスの増やし方

 

(2)見出しや強調文字を上手く使おう!

 

(3)ずぼらでも大丈夫なSEO対策!