【第3話】超文系の臨床心理士が半泣きでブログ開設【WordPressブログにプロフィールを設置】

ブログの作り方

前回の記事では、WordPressでブログの大きな枠組みをなんとか作った私。

「そろそろ記事の投稿ができるのかな?」と思ったけれど、まだ記事投稿には至りません。

今回は「このブログは何者が書いたのか」をみんなにお知らせして、安心して読んでもらうための「プロフィール」を設置していきます。

スポンサーリンク

ブログ開設の道のり7:プロフィールページ作成

佐藤セイ
佐藤セイ

まずは「このブログを誰が書いているのか」がすぐ分かるよう、プロフィールページを作成します。

左端の「固定ページ」から「新規追加」を選択。

すると、投稿ページが出現します。

タイトルには「プロフィール」や「自己紹介」と入力。

「文章を入力、または/でブロックを選択」のところに、自己紹介文を入力していきます。

入力し終えたら、「プレビュー」で、どんな風に見えるかを確認し、納得できたら「公開」しておきます。

佐藤セイ
佐藤セイ

ここに来てようやく文章を書けました!!!

スポンサーリンク

ブログ開設の道のり8:サイドバーにプロフィール表示

ブログを表示させた時、右側に簡単なプロフィールを表示させるようにします。下の赤い四角で囲ったような感じです。

プロフィール画像を用意

まずは好きなプロフィール画像を用意!

「メディア」→「新規追加」を押す。

すると「メディアのアップロード」というページが出てくるので、画像ファイルをアップロードしておきます。

アップロードしたら、「画像を編集」をクリック。

すると、編集画面が出てくるので、右の「縮尺変更」からちょうど良いサイズに変更しておきましょう。

佐藤セイ
佐藤セイ

このブログでは200×200のサイズにしています!

編集できたら左下にある「保存」ボタンをクリックして完了です。

サイドバーにウィジェット追加

まず、左端の「外観」→「ウィジェット」を選択。

すると、下のようなページが出てくるので、「テキスト」を選択。

「サイドバー」を選択して、「ウィジェットを追加」を押します。

すると、下のような画面が表示されますので、タイトルに「プロフィール」とつけておきます。

プロフィール画像を挿入する

「テキスト」のところに、以下のコードを入力します。

<center>

<img src=”画像のURL“>

</center>

「画像のURL」のところには「メディア」→「ライブラリ」から、アップロードして編集した画像を選択すると、右下の方に「ファイルのURL」があります。

それをコピペして貼り付けてください。

<center>と</center>は、この2つの間に入力したものを真ん中に置く働きがあります。

自己紹介文を入力する

まずは名前を入力します。下のコードの「表示させたい名前」のところに、ブログで使う名前を入れて、先ほどのテキストの続きに貼り付けます。

<center>表示させたい名前</center>

次に自己紹介文を書きます。

テキストにそのまま文章を貼り付けると、一切改行してくれません。

・テキストの左下にある「自動的に段落を追加する」にチェックしておく

・改行したいところに1つ1つ<br>を入力する

のどちらかで改行できます。

プロフィールページへのリンクを貼る

自分に興味を持ってもらえたなら、もっと詳しいことまで伝えたいもの。せっかくなので、さっき作成したプロフィールページへのリンクを貼ってみましょう。

<a href=”プロフィールページのURL“>表示したい文章

をテキストに貼りつけることで、プロフィールページへ飛ぶリンクが作れます。

「表示したい文章」は「詳しい自己紹介はこちらから!」などです。

佐藤セイ
佐藤セイ

ツイッターのフォローボタンの設置は、ちょっと面倒くさいので、また別の記事でご紹介します。

まとめ

佐藤セイ
佐藤セイ

ここまでの成果をまとめてみましょう。

この記事では、

7.プロフィールページ作成

8.サイドバーにプロフィール表示

・プロフィール画像を用意

・サイドバーにウィジェット追加

・プロフィール画像を挿入する

・自己紹介文を入力する

という経過をまとめました。

佐藤セイ
佐藤セイ

プログラミングの知識があれば、もう少し早く進みそうだけど、そういうことも知らないので、本当に基礎の基礎を調べながらゆっくり亀の歩みで進んでいます…。

第2話はこちら

第4話はこちら

コメント

タイトルとURLをコピーしました