Wixでのブログの書き方①

記事
学び
初めまして、Webデザイナーのkassharaです。
ココナラでホームページ制作の出品をさせていただいております。

制作させていただいたお客様のブログを始めてみるという方が多いので、
ご購入いただいたお客様には説明させていただいておりましたが、
いつでもご覧いただけるようブログにまとめてみることにしました。

完全に初心者向けにしようと思うのでできるだけ細かく書くつもりですが、
わかりにくい箇所がありましたらメッセージ等頂ければ幸いです。

よろしくお願いします。

0.まずブログを書く場所は?

まずは初めてのブログを書いてみましょう。
やってみることで掴めてくるので、まずは手を動かしてみることが一番です!

Wixにログインし、ブログを書くホームページを選択して
ダッシュボードを開きます。
左側のメニューで「ブログ」を選択します。
スクリーンショット 2022-03-22 15.56.37.png
右上に「+新しい記事を作成」とあるので、新規記事はここから作成します。

1.ブログを書き始めよう

前章で「+新しい記事を作成」を選択すると、
ブログの新規作成画面が表示されます。

スクリーンショット 2022-03-22 15.57.27.png

まずはタイトルを入力しましょう。
「タイトルを入力してください」と書いてある箇所に上から書いていきます。

タイトルが入力できたら本文を入力していきます。
+ボタンの隣の「ここに記事の本文を入力してください」と書いてある箇所に上から書いていきます。

2.画像を入れてみよう

本文のところの+ボタンまたは左のバーのところにある+追加ボタンをクリックすると以下のメニューが表示されます。
スクリーンショット 2022-03-22 16.00.12.png
今回は画像を入力したいので、一番左上にある「画像」を選択します。
以下の画面が表示されます。
スクリーンショット 2022-03-22 16.00.52.png

左上の「+アップロード」を選択して、自分のパソコンにある写真をアップロードしましょう。

フリー画像を入れたい場合、「Wix画像・動画素材」を選択すると、
使いたいフリー素材を検索して使用できます。
Wixのフリー素材は無料の上に、綺麗で豊富なのでおすすめです!

画像を編集したい場合、右側の「クロップ・編集」にて写真を切り取ったり、
明るさを変更したり、フィルターをかけたりなどもできます。
ここの画像修正についてはまたどこかで説明できればと思っています。
スクリーンショット 2022-03-22 16.01.42.png


アップロードしたものまたはフリー素材を選択できたら右下の「ページに追加」を選択します。

スクリーンショット 2022-03-22 16.02.37.png

以上のように写真が載ってきます。
画像をクリックするとすぐ上にバーが出てきます。
1:1は通常のサイズ
その左からスモールフィット、フィット、全幅
というアイコンが並んでいます。
この画面ではまだ公開はされていないので、全てクリックしてみてどのサイズが適切かみてみましょう。
全幅にすると、ホームページ自体が全幅になってないと表示されない場合があるので、おすすめはフィットです。

その右にあるアイコンは配置です。
左に寄せる、中央、右に寄せる と並んでいますが
左右はスモールフィットの時のみ寄ります。

その右にあるアイコンは画像の編集です。
ここからでも写真を切り取ったり、明るさを変更したり、フィルターをかけたりなどの画像の編集ができます。

その右にある歯車の設定ボタンをクリックすると
右側に画像の説明の入力が出てきます。
スクリーンショット 2022-04-07 14.22.16.png
キャプションとは写真の説明で、「葉月工務店HP」と入力した場合以下のように写真の下に文字が入ります。
スクリーンショット 2022-04-07 14.23.26.png
続いて、代替テキストとは何かの都合で写真が表示されない場合に表示されるものです。またGoogleが写真を認識できるようにもなりSEO対策となるため、出来るだけ入力するようにしましょう。
今回私は「葉月工務店ホームページ トップ画像」と入力していきます。

拡大モードとは画像をクリックした時に全面で大きく表示するように設定するかです。

ダウンロード設定はブログを見た人が画像を保存できるかどうか設定します。
4つの設定が終わったら保存ボタンを押して保存しましょう。

戻って、設定アイコンの右のアイコンはリンクです。
画像に何かをリンクさせたい時、URLを入力しておくと、
画像をクリックするとそのリンク先に飛ぶことができます。
スクリーンショット 2022-04-07 14.39.30.png

セクションはこのブログ内のどこかに飛ぶことができます。
セクションを選択すると今まで入力した項目が出てくるので、
例えばタイトルに設定しておくと画像クリックでタイトルに戻ることができます。

ここも設定する場合、入力できたら保存ボタンを押して保存しましょう。

戻ってリンクの右側のアイコンは、設定した画像を変更します。
その右側のアイコンは削除ボタンです。


今回はここまでとさせていただきます。
今回出てきた設定のアイコンなどはカーソルを合わせると
説明が出てくるものが多いです。

ブログの編集画面ではまだ公開されていないため、
公開したくないものは削除すれば何も問題ないので、気になることは触ったり追加したり、変更したりまずはやってみましょう!
こんなことができるんだと思い、後々使える機能もたくさんあるかと思います。

また、次回②で続きを公開しようと思っています。
これからブログを書きたい方、
ブログ書いているけど使いこなせていない方など
読んでいただいた方に参考になれば幸いです。
















サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す