2017/10/02

WordPressのウィジェットでサイドバーにプロフィールを貼り付ける方法



この記事を書いている人 - WRITER -

会社が倒産したので仕方なくビジネスを始めたらハマり過ぎてフリーランスに。教え子の大半が就職をしなくなる傾向がある。得意分野はコンテンツSEO、ライティング、メルマガ集客
更に詳しいプロフィールはこちら
僕のビジネスストーリーを知りたい方はこちら

ブログ集客屋まつ

この記事を書いている人 - WRITER -
大島 松二郎
ブログ集客屋:まつ。 1985年10月31日生まれ 福島県出身(現在 東京在住)。 ブログ著者、ブログ集客コンサルタント、WEBプロデューサー、セミナー講師。 《ブログ著者として》 会社倒産をきっかけにWEBの世界に足を踏み入れる。その後、タイピングすら出来ない全くの初心者から突然、 ブログ集客の専門家としての活動を始め、 自身で立ち上げた公式ブログでは、 半年間で一万PVを越え、特定のキーワードで、 検索エンジン一位、二位、四位を獲得。 『どんなブログ初心者でも 実践できるわかりやすいノウハウ』 をモットーに、手順書付きで解説された記事は、 初心者のみならずWEBの専門家からも高い評価を得ている。

どうも、まつです。

ブログを使って仕事の依頼を受けたり、
自分のビジネスを広めるためにはプロフィールが必須です。
プロフィールは自分の魅力をわかりやすく伝えるツールなんですよね。

そこで今回は、WordPressのウィジェットを使って
サイドバーにプロフィールを表示させる方法を解説します。

カンタンに言うとこんなんです。

WordPressのウィジェットでサイドバーにプロフィールを貼り付ける方法

リンクをクリックすると…

WordPressのウィジェットでサイドバーにプロフィールを貼り付ける方法

プロフィールページに飛ぶ!!

こんな感じのやつを作っていきます。
手順通りにやれば難しい作業ではないので解説を見ながらやってみてくださいね。

※注意 このやり方を実行するためには、
別途作業を行う必要があるので、
まずは下記のリンクから記事を読んで固定ページのプロフィール作成
を行ってください!


【コピペするだけ!!】WordPressの固定ページでプロフィールを作成する方法

 

固定ページの新規追加画面でプロフィールを作成する

これは僕のやり方ですが、
今回は、固定ページの新規追加画面でプロフィールを作成する方法をお伝えします。

 

プロフィール画像とプロフィール用のテキストを用意する

ではまずはあらかじめ、
プロフィール写真はメディアにアップロード
プロフィール文はテキストで用意しておいてください。

※何も用意してないと今回の作業は無理なのであしからず(´;ω;`)

 

今回使うプロフィール写真と文章はこちらです。

まつ

ブログ集客屋まつ
1985年生まれAB型 福島県出身(現在東京)

ブログを使って0から売上を作るWEBマーケティングの専門家。
広告などの媒体を一切使わず、コンテンツ(情報発信)のみで

集客→販売までの仕組みを完全構築することを得意としている。

勤めていた企業の倒産がきっかけでインターネットの世界に参入し、
200万円の自己投資を通じてセミナーや塾、コンサルティングなどに積極的に参加し、
ウェブ制作やマーケティング、マネタイズ(お金を稼ぐスキル)のスキルを身に付ける。

その後、2015年8月に現在のブログを開設し、
WEBスキルや集客ノウハウを提供し続け、半年で1万PVを達成。

また2015年12月に出版した『ブログ飯を食うならこれをやれ!アクセスアップを実現する43の技法』はAmazonにてベストセラーを獲得し18,842件中1位、カテゴリー別でも『IT』『SNS・ブログ』『産業研究』にて1位を獲得。

2016年4月には自身初のメールマガジンを立ち上げ、初月100人の読者を集め、10万円の売り上げを達成。2017年4月には月収86万円を達成することに成功。

現在はオンラインサロン、セミナー、コンサルティングを通じて個人事業主や起業家向けに、
インターネットで個人の発信力を上げる方法やキャラクターの売り出し方、集客・販売の仕組み作りなどをサポートしている。

まつのストーリーを詳しく知りたい方はこちら。
3年間、ネットビジネスでもがき苦しみながら進んだ日々をすべて告白しようと思う。

なっげえ(自作だけど)。

とまあ、こんな感じのやつを使います!
これをまずは投稿の新規追加画面に入れていきましょう。

『投稿』➡『新規追加』を開く

まずは新規追加画面を開きます。

『メディアを追加』をクリックします。

メディアの中から
プロフィール画像を選択し、
配置を中央、リンク先をなし、サイズを300~360px
くらいを選択してください。

※メディアに画像をアップロードしてない場合は、画像をアップロードしておいてくださいね!!

入力が終わったら『投稿に挿入』をクリックしましょう。

これで写真が追加されました。
そして次はテキスト文章を画像の下に張り付けていきます。

こんな感じに貼り付けます。

テキストの文章をキリの良いところで切る

次はテキストを編集していきます。
あのままだとテキストの文量が多すぎて縦長になってしまうんですよね。

WordPressのウィジェットでサイドバーにプロフィールを貼り付ける方法3※クリックするとでかくなります。

すごいノッポさんです。

さすがにサイドバーに
こんな文章が貼り付けてあったら邪魔ですよね。
なのでもうちょっと文量を削っていきます。

実際のプレビューを見て、
キリのいいところで文章を区切っていきましょう。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

目安としては、
150~200文字くらいで文章を切る感じですね!
実際に区切るとこんな感じになります!

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

こんなくらいでOKです。

終わったら文章の最後に『➡続きを読む』を入力してください。

次は『➡
続きを読む』の部分を
リンクにする作業です。

『続きを読む』をクリックするとプロフィールページに飛ぶように設定をします。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

『➡続きを読む』の部分をマウスで選択して、選択後にハイパーリンクのボタンをクリックしてください。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

歯車をクリックします。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

次はリンク先のプロフィールページを選択します。

僕の場合は
プロフィールページのタイトルは
そのまま『プロフィール』と付けているので
検索のところに『プロフィール』と入れて検索
しています。
検索して見つかったら自分の記事タイトルをクリックしてください。

これで入力されました。
設定方法をまとめておくと、

  • リンク先➡プロフィールページへのリンク
  • リンクを新しいタブで開く➡どちらでもよい(僕は付けていません)
  • リンク文字列➡『続きを読む』のまま

といった感じですね。入力が終わったら更新してください。

これでサイドバー用のプロフィールが完成です!

 

テキストエディタでHTMLコードをそのままコピーする

さてさて、
次は出来上がったプロフィールを
サイドバーに張り付けるためにHTMLをコピーする作業です。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

『テキスト』をクリックしましょう。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

こんな感じのHTMLコードが
出てくるので『Ctrl+A』で全選択した後『Ctrl+C』でコピーしましょう。

コピーをしたらダッシュボードに戻って、
『外観』➡『ウィジェット』でウィジェットの設定画面に入ります。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

プロフィールは
テキストウィジェットで設定をしていくので
『テキスト』をメインサイドバーの一番上部分にドラッグ&ドロップしてください。

テキストウィジェットの編集画面になります。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

こんな感じの編集画面になります。

まずはタイトルを『プロフィール』と入力
その後、テキストエディタを選択してから、
先ほどコピーしたHTMLコードを『Ctrl+V』で貼り付けて
ください。

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

これでメインサイドバーに
プロフィールを貼り付けることができました!

では実際の表示を確認してみましょうおおおああああ!!!

WordPressウィジェットでサイドバーにプロフィールを貼り付ける方法

リンクをクリックすると…どきどき

プロフィールページ

プロフィールページが表示されたああaaa!!!
これでサイドバーのプロフィール設定は完了です!!!

 

まとめ:ブログで仕事を取るならプロフィールは必須!

ふう。
割とここまで一気にやると疲れると思います。

でもプロフィールは仕事を依頼する人や、
何か接点を作ったり自分をアピールするために大切なものです。

特に人と会うお仕事をされてる方には
プロフィールは必須項目なので、必ず設定するようにしてくださいね。

それではこの辺で(/・ω・)/

 

【無料E-book】
WordPress(ワードプレス)の集客ノウハウを
すべて詰め込みました。

90ページ以上の
ノウハウが詰まったE-bookです。
広告や有料のツールを使わずに、
集客特化ブログを構築する方法を詳しく載せています。今なら超豪華特典も用意しております。詳しくはプレゼントをご覧ください。

無料プレゼント

 
この記事を書いている人 - WRITER -
大島 松二郎
ブログ集客屋:まつ。 1985年10月31日生まれ 福島県出身(現在 東京在住)。 ブログ著者、ブログ集客コンサルタント、WEBプロデューサー、セミナー講師。 《ブログ著者として》 会社倒産をきっかけにWEBの世界に足を踏み入れる。その後、タイピングすら出来ない全くの初心者から突然、 ブログ集客の専門家としての活動を始め、 自身で立ち上げた公式ブログでは、 半年間で一万PVを越え、特定のキーワードで、 検索エンジン一位、二位、四位を獲得。 『どんなブログ初心者でも 実践できるわかりやすいノウハウ』 をモットーに、手順書付きで解説された記事は、 初心者のみならずWEBの専門家からも高い評価を得ている。

Copyright© ブログ集客屋まつ , 2017 All Rights Reserved.