【全行程写真付き】はてなブログのプロフィール画像を大きくして目立たせる方法
はてなブログのプロフィール画像が目立たない…
と感じている方、プロフィール画像を大きく設定してみませんか?
この記事を読むと、
はてなブログ初心者でも簡単にプロフィール画像のサイズを大きくする
ことができます!
このひと手間をかけることで、プロフィール欄の見た目のインパクトを増すこともできます🌹
プロフィール画像のサイズ変更
まず、はてなブログのプロフィール画像に設定したい画像のサイズを変更します。
こちらのサイトで画像サイズを変更することができるので、
好みのサイズに編集してください➡
画像や写真のサイズを変更(拡大・縮小・リサイズ)する : オンラインイメージエディタ | 無料で画像を加工できるサイト PEKO STEP
このサイトにアクセスして、下にスクロールすると、
詳しい使い方の説明も見ることができます🌹
ちなみに、私が現在採用しているプロフィール画像サイズは
200px × 251px です。
👆参考までに!
はてなブログのプロフィール画像に適用
「はてなフォトライフ」
はてなブログ上部のメニューバーをクリックし、
「はてなフォトライフ」を選択します。
「アップロード」
はてなフォトライフに進んだ先で、「アップロード」を選択します。
「フォルダを編集」
「画像をアップロード」の下にある、
「クリックしてファイルを選択するか、ドラッグしてください」
の▢の部分に画像をアップロードすると、下の部分に出てきます。
「フォルダを編集」を選択します。
「ブログに貼り付ける」
プロフィール画像にしたい画像を選択してチェックを入れ、
「ブログに貼り付ける」をクリックしてHTMLタグを表示します。
HTMLを編集
先ほど表示した画像のHTMLタグの、
<a herf="〇〇">
の、〇〇の部分に
https://自分のブログのアドレス/about
を入力します。
私の場合だと、<a herf="https://freelifekyoka.info/about>に変更します。
「デザイン」
今度は、はてなブログのダッシュボード画面の「デザイン」を選択します。
「カスタマイズ」
レンチマークの「カスタマイズ」ボタンを選択します。
「サイドバー」
「カスタマイズ」を選択した後に下にスクロールすると出てくる、
「サイドバー」をクリックし、プロフィールの「編集」を選択します。
「プロフィール」
プロフィールの編集を選択するとこのような編集画面が出てくるので、
プロフィール画像の「表示する」のチェックを外します。
自己紹介の欄に写真のデータを貼り付け
そして、自己紹介の欄に、先ほど編集した画像のHTMLタグを貼り付けます。
適用➡変更を保存する!
プロフィール編集画面の左下にある、「適用」ボタンを押し、
忘れずに「変更を保存する」をクリックしてください🌹
プロフィール画像変更後の動作確認
プロフィール画像の変更後、実際に自分のブログにアクセスし、
プロフィール画像をクリックしたらabout画面にとぶか確認しておきましょう^^
まとめ
この記事では、はてなブログのプロフィール画像を目立たせる方法
を紹介してみました!
私が参考にした記事はこちらです➡
「はてなブログ」のプロフィール画像を、好きなサイズで表示させる方法。 - un
はてなブログの他の部分もカスタマイズしてみたい!という方はこちらの記事を参考にしてみてください➡
【初心者向け】はてなブログ無料版のカスタマイズまとめ - Free Life Kyoka Blog
私が行ったカスタマイズの中で最も好評だったのが「読者になる」ボタンをカスタマイズする方法です🌹
プロフィール画像を変更するよりも、とっても簡単にできるので興味のある方はチャレンジしてみてください➡
「読者になる」ボタンをカスタマイズ【全行程写真付きで初心者でも簡単】【はてなブログ】 - Free Life Kyoka Blog
最後まで読んでくださりありがとうございました🌹
これからもいろんなカスタマイズ方法を紹介したいと思いますので
よろしくお願いします😊