ハローキティ展 グッズ グッズショップ 会計

ハローキティ展の限定グッズが超かわいい!購入したグッズ...

三井ガーデンホテル汐留イタリア街 イタリアンビュッフェ アンド カフェ ラ・マレーア

三井ガーデンホテル汐留イタリア街イタリアンビュッフェ&...

DECK ハワイ ワイキキ ハッピーアワー クイーンカピオラニホテル

ハワイ旅行は、DECKのハッピーアワーがおすすめ!ダイ...

京王プラザホテル スーパーブッフェ グラスコート ディナーブッフェ

京王プラザホテルのスーパーブッフェ”グラスコート”へ、...

六義園 夜間特別鑑賞

六義園のライトアップ 夜間特別観賞 確実に行くなら安く...

男性ブロガー 中年

景品表示法に基づく表記

このサイトには広告が含まれています。

ブログ運営

【超初心者向け】ワードプレスでブログを作成する手順-5 ブログ記事を投稿する

いよいよ初投稿か~ドキドキしちゃう

AFFINGER6は見栄え良くする機能が満載だよ

 

ブログの作り方

  • レンタルサーバー・独自ドメインを申し込む
  • ワードプレスにログインし、テーマをインストールする 
  • いろいろ設定する 
  • ブログの見た目を決める 
  • 記事を書く ← 今回はここ、最終回です
  • (慣れてきたらメニューを整えたり、アフェリエイトやアドセンスに申し込んでみよう)

写真・イラストを準備する

まずは、記事に投稿する写真・イラストを準備しましょう。

写真は自分で撮影したオリジナル写真や、ネット上のフリー素材をダウンロードして利用します。

無料素材サービスはいくつかあるので、自分に合ったサービスを使ってね。

 

7500万点の素材が無料 Canva Pro

いらすとや

フリー素材も良いけど、自分のブログには自分で撮った写真を使いたいな

 

じゃあ、以下の手順で準備しましょう!

 

⇩ 使う写真はフォルダなどにまとめておくと便利です。

 ポインタを写真にかざしてみると情報が見れますが、この写真は4000×3000、1.76MBもありブログに使うには大きすぎます。

画像のサイズが大きいと、サーバーの容量を圧迫するだけでなく、表示に時間がかかり、SEO的に良くありません。

画像フォルダ

 

一般的に大きさは、「横が1000ピクセル前後」が良いとされています。

 

どうやって小さくするの?

 

WindowsのPCに標準装備されているアプリを使います。
Windows10以降の「MSフォト」と、それ以前の「ピクチャーマネージャー」、2つの方法について説明します。

 

1つ目:MS フォトを使用する方法

Windows10から標準装備されている「フォト」を使って簡単に画像のサイズ変更ができます。

⇩ サイズ変更したい画像を右クリックし、「プログラムから開く」→「フォト」の順にクリック。

画像サイズ変更フォト

 

⇩ 「・・・」→「サイズ変更」の順にクリック。

画像サイズ変更フォト

 

⇩ 好きな画像サイズを入力します。私はキレイな風景とかでない限り、800×600を使っています。

 品質を選択し(100%)→「サイズを変更したコピーを保存」をクリックすると、小さなサイズの画像が保存されます。

画像サイズ変更フォト

  

2つ目:MS Picture Manager(マイクロソフト ピクチャーマネージャー)を使用する方法

⇩ MS Picture Managerを開き、「画像の編集」→「サイズ変更をクリック」

画像サイズ変更ピクチャーマネージャー

 

⇩ 「定義済みのサイズ」で好みのサイズを選び →「OK」 →「保存」をクリック。

画像サイズ変更ピクチャーマネージャー

 

これで準備は完了です。

 

とりあえず記事を書いてみる

WordPress記事投稿は慣れれば簡単なので、まずは書いてみよう!

 

⇩ 「投稿」→「新規追加」をクリック

記事投稿

 

⇩ 一番最初に新規追加すると、以下のようなガイダンスが表示されます。

記事投稿

 

⇩ ガイダンスが終了すると、以下のような画面になります。

 「タイトルを追加」の箇所にタイトルを入力し、その下の「ブロックを選択するには「/」を入力」の箇所から記事を入力したり、画像を貼ったり、AFFINGER6ならではの機能を入れたりできます。

記事投稿

 

写真やイラストを挿入する

写真を入れると本格的なブログっぽくなるよ。

⇩ 記事編集内の「✙」アイコン → 「画像」の順にクリック。

写真の挿入

 

⇩ 「メディアライブラリ」をクリック。

写真の挿入

 

⇩ 「ファイルをアップロード」をクリック。

写真の挿入

 

⇩ 「ファイルを選択」をクリック。

写真の挿入

 

⇩ 挿入したい写真を選択し、「開く」をクリック。複数選択も可能です。

写真の挿入

 

⇩ 選択した写真がメディアライブラリに格納されたら、それぞれの画像の代替テキストにキーワードを入力し、「選択」をクリック。

写真の挿入

 

⇩ 選択した画像が記事内に挿入されました。

 このままだとちょっと大きいような気がするので、画面を下にスクロールします。

写真の挿入

 

⇩ 画像の寸法が出てきますので、ここでは50%を選択しました。画像も50%のサイズになりました。

写真の挿入

 

⇩ 記事内の画像をクリックすると以下のような表示になり、画像の位置変更やリンクの挿入、トリミングやテキスト入力もここで出来ます。

 ここでは画像の位置を中央揃えにしてみました。 

写真の挿入

 

ブログ記事ごとに設定するもの

あとは、文章を書いて写真を載せて、体裁を整えたらいよいよ公開かな?

 

うん、でもその前に、ブログ記事ごとに設定しておいた方が良いものを設定します。

 

ブログ公開前設定

 

  • パーマリンク → ブログのURLの最後の部分。ここはアルファベットで。
  • カテゴリー → ブログ内記事をカテゴリー分けしておきましょう。
  • タグ → ブログ記事のキーワードの付箋のようなもの
  • アイキャッチ画像 → ブログ記事の冒頭写真やサムネイルとなる画像
  • メタキーワード → タグと同じようなもの(私も正直よく分かっていませんが適当に入れています)

 

いよいよブログ公開

ブログを公開する前に、プレビュー画面をチェックしよう!

 

⇩ 「プレビュー」→「新しいタブでプレビュー」の順にクリックします。タブレットやモバイルでのプレビューも出来ます。

プレビュー

 

プレビューを確認したら、いよいよ公開だよ

 

⇩ 右上の「公開」をクリックすると、記事が公開されます。

ブログ公開

 

おおー--っ!

 

ブログの作り方については今回が最終回ですが、これからも AFFINGER6 ならではの便利な機能についてUPしていく予定です。以下の過去記事もあわせて見てね!

 

 

 

 


【ハリー・ポッター スタジオツアー東京】
公式サイトが完売していても、オンライン予約サイトのKKdayなら、限定販売枠がご購入可能! さらに「チケットと東京からの往復シャトルバス」セット券はKKday独占販売!

このブログは、
エックスサーバー を使用しています。




こちらも見てね!みゆきさまのレビューブログ

   

スポンサーリンク

-ブログ運営
-, , ,

S