2 3 4

ハッピーパパ@しあわせな節約

節約でタワマンから徒歩通勤!副業サラリーマンはじめました!

【はてなブログ初心者必見!】写真のサイズや位置を変更する!

f:id:imorehaore:20200322070339j:plain


 この記事を読むと、初心者でもはてなブログ記事の「写真や図のサイズや位置の変更」ができるようになります!

(注:写真下にコメントが付いているとこの方法が出来ません。)

 

 

はてなブログに写真貼ると、横幅いっぱいになるよね?

サイズや位置は簡単に変えられるよ!

  

(1)写真のサイズ変更!(超かんたん)

はてブの写真サイズ変更は、超かんたんです!

 

まず、写真を貼り付けますよね。

f:id:imorehaore:20200322072937j:plain

  

そんでもって、写真上にカーソルを持っていきクリック。

写真を選択した状態になり、写真の色が青っぽくなります。

f:id:imorehaore:20200322072946j:plain

 

このとき、写真の四隅にちいさい白い□四角が現れます。

この右下の四角をクリックして

f:id:imorehaore:20200322073838j:plain

 

クリックしたまま、

f:id:imorehaore:20200322073341j:plain

ぐぐぐっと左上へ持っていけば、サイズ変更!

 

これは、どの四隅の□四角でもできます!

 

(2)写真の位置を変更する!

 無事に、写真を小さくできました!

f:id:imorehaore:20200322070339j:plain

 この写真を、中央にセンタリングしてみます。

 

まず、「編集 見たまま」から「HTML編集」にします。

f:id:imorehaore:20200322075705j:plain

 

そして<p><img・・・・>・・・・の前のところ

f:id:imorehaore:20200322075719j:plain

ここに、<center>と入れます。

f:id:imorehaore:20200322075736j:plain

そして、この文字列が写真なのですが、その最後に、

f:id:imorehaore:20200322075747j:plain

</center>と入れます。

f:id:imorehaore:20200322075804j:plain

 

そうすると、

f:id:imorehaore:20200322070339j:plain

 このように写真が記事中央に来ました!

 

 

まとめ

いかがでしたでしょうか?

簡単なので、是非やってみてください!

  

 

 

初心者ブログ術「ライティング編」のまとめはこちら↓

 

初心者ブログ術「デザイン編」のまとめはこちら↓

 

それでは、また!  

 

■登録まだの方のために念のため:

↓誰もが推奨、まずは最大手の「A8.net」 

↓Amazon、楽天とか直アフィリより簡単お得「もしもアフィリエイト」

↓利用者満足度No.1「afb(アフィビー)」

カンファレンスバナー

↓その他アフィリエイト老舗の2社

アクセストレード パートナーサイト募集

バリューコマースアフィリエイトはこちら

↓モバイルアプリのアフィリエイトなら!

もし未登録でしたらぜひ登録を!