WordPress(ワードプレス)

ワードプレスのサイドバーにプロフィールを入れてみよう 3

目安時間 7分

さてさて。
前回で課題のテーマをワードプレスに入れるまでやりました。
これからが本番ですよ!

焦らないで一つずつゆっくり設定していきましょう。
プロフィールを入れちゃいましょう(b´∀`)ネッ!

その前を確認したい人はこちらから。




まずは自己紹介の所に入れる画像を登録しよう


ようやくここから本来の目的であるプロフィールを設定する段階に突入です。
Σ(゚∀゚ノ)ノキャー

と、その前に必要なのが「アバターのアップロード」をしてしまいましょうか。
つまりは自己紹介文の上に表示させた自分の画像ですね。


写真とかイラストとか様々ですが。
自分のアバターの画像を準備してくださいね。


自分で書ける人は書いてもいいですし、プロの方にお願いするという手もあります。
無料で作れるサービスもありますし。


この辺はご自分で好きな画像を準備して下さい。

その時あまり大きなサイズだとサイドバーからはみ出てしまいます。
逆に言うとテーマによってサイドバーのサイズが違うので
一通りブログを作ってしまってからサイドバーのサイズを測るといいかも。

私も今回の例でアバターつけましたけど、元々は自己紹介なかったです(笑)
なぜなら例題のブログは趣味のゲームのプレイ日記だったので。


別にいいかなーとw
今回せっかくなのでつけましたけど。


ちなみにサイズを測るのはこのツールがオススメです。
画像の単位はセンチとかミリでなく、ピクセルなんですが。

その単位で表示してくれます。




まるでパソコンの画面に定規を当てるようにサイズを測れます。
例えばブログの上の部分に写真がありますね。

ヘッダー画像の大きさを確認するのも便利です。
サイズが合わないとちょっと間抜けになるので(笑)

まあサイドバーのアバターなら150ピクセルぐらいでいいかも。
参考までに(´∀`)


では。




アバター画像の登録は左のメニューの中の

「メディア⇒新規追加」

メディアをクリックするだけでもいいです。
画像はメディアをクリックしたら出てくる画面です

今まで登録した画像が出てきます
ゲームブログなんでその辺の画像ばっかですけどww
新規追加ボタンはメディアをクリックした上の部分にもありますし、
左のメニューにも出てきますよ

どっちも同じです




これが画像をアップロードする為の画面です
ワードプレスを使う為の専用のアップロード画面です
これがあるのでいちいちFTPソフトを別に立ち上げて、
必要なファイルをアップロードする必要がありません。

それだけでも敷居が低くなります。


アップロードするには真ん中のファイルを選択というボタンを押してもいいです。
その場合は前回テーマをアップロードしたようにファイルを選ぶ画面になります。

しかし最新のワードプレスになっているなら画像を見ると
点々で四角に囲まれているのがお分かりでしょうか?

そこにアップロードしたい画像を持ってきてもOKです。
どういう事かというと。

まずはアップロードするアバターが置いてある場所を出します
私は画像置き場を決めているので




今回はまるで囲んだアバターをアップロードしますね。
アップロードする画像をクリックしたままさっきのワードプレスの点々の四角の上まで
ズラしていきます。

その間はマウス押したまま離さないで。
四角の上に来たら初めてマウスの左クリックを押すのをやめます。

画像を四角の上にずらした瞬間画面が青くなり、
画像をドロップしてアップロードというメッセージが出ます。

気にしないでその状態で左クリックを離します。




はい、新しく画像が増えましたね(´∀`)
画像のアップロード成功です
おめでとーございまーす♪


ではでは。
次にさっきアップロードした画像をポチッとクリック。
ワードプレス上にアップロードした方ですよ。

一覧に新しい画像増えてますよね。
それを押すと・・・その画像の設定画面になります




次はこの画面の右側に注目します。
右側だけ拡大しますよ~




この欄が今回アップロードした画像の情報です。
個別の設定があれこれ出来ます。

まあ今回はその辺はしませんが。
必要なのは一番上のボックス


「URL」

というところです。
これは画像が表示されるURLです。
まずはこのURLの右から左まで全てを青色に反転させます
このURLをコピーして下さい。




青色反転したらその真上で右をクリックして「コピー」を選ぶと
反転していた部分をコピーした事になります。

まずは何かメモ帳でもいいのでそのURLを残して置いてください。
後で使います。

ちなみにメモ帳・・・テキストエディタはこちらがオススメ




これで画像の設定まで終わりました。
それでは次に行きますよ♪



この記事に関連する記事一覧

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

ブログと管理人について♪


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

管理人の咲月ミオです
元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■

自己紹介動画
 ★自己紹介動画

自己紹介にと作った初めての動画です。
音声出ます。
初めてこういう形で自分の声聞きました(笑)


同僚の語る飛行機雲の真実?
 ★飛行機雲の真実?

会社で実際にあった
同僚との会話です…実話なんですよ?

登場人物紹介♪
★★★舞台設定★★★
田舎の会社
その辺によくありそうな中小企業の
地方の小さな事務所の仲間たち


会社の低迷により給与等がダウン。
社員は生活の為に副業を始めるが…?


新米アフィリエイターの明日を見守る

★★★登場人物紹介(主な人達)★★★



咲月ミオです。

お絵かき兼社員兼アフィリエイターの
三足わらじ生活も早10年以上!

最近の不景気とカス営業の負の連鎖で
会社の業績ただ下がりの給与・賞与も
ダウンやカットが折り重なる。

そんな危機感に会社の同僚たちが
アフィリエイトに参戦し、
気が付けばそのアドバイスをするハメに

マイペースにのんべんたらりと生きたい
それが身上だったのだが結局
なんだかんだと面倒を見ている様子。

しかし!!
うん十年以上も会社員根性で生きてきた
彼らの尻をぶっ叩いて行動を促すのは

想像以上に大変だった!
そんな咲月ミオと彼らとの攻防戦劇場。




同僚A子

冗談抜きで機械に弱く、職場で初めて
パソコンに触れる。


最低限の伝票入力は慣れたけど、
新しい事はなかなか習得できない。

やる気がないわけではないのでやるのだが、
覚えるのにかなり時間がかかる。

おじーちゃんやおばーちゃんに
インターネットとは?と教えるのに
苦労するのと同等の理解度(笑)

だがやる気がないわけではない



自称「できる男」ツモリくん

中堅どころのベテラン営業君。
口だけは達者でオレオレ詐欺を働く。

間違いを指摘されると

「言ってたんだけどな~もう~」


と、ちょっと言い方がおかまくさい。
結果が出ていない時点で出来てないのと
同意義なのだがそれは全部他のせい。

自分は出来る男だと信じて疑ったことが
過去一度もない。

会社の赤字はすべて時代のせいと
いいきる男。
余談だがそばによると非常に臭い



職場一のやられキャラ。

突っ込まれないとほぼ目立たない、
下手すると認識されないレベルの地味さ。


平穏を愛するゆえにそっとしておいて
もらいたいようだがそうするとたぶん

いたの?


と、素で問われる危険が非常に高い。
スイーツが好きで何気に女子力が高い。

手作りスイーツを時々作って食べている。
ふるまう人はいないらしい。


ちなみにスルーするというスキルは
持ち合わせていないらしい
(ご丁寧に返してくる)


その他の登場人物はこちらから

★★★ブログの登場人物について★★★

登場人物を増やしすぎて
あれこれ設定するだけで非常に時間食う。


ちょっと調子に乗り過ぎた感じ(笑)
まあ暇つぶしにはなりますww
咲月ミオにメールを送る♪
★★★咲月ミオにメールを送る★★★


質問・ご相談などお気軽に。

画像をポチッとクリックすると
別窓が開きますよ♪
  最近の投稿