2017/10/02

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

この記事を書いている人 - WRITER -
大島 松二郎
ログ集客屋まつ ブログ集客コンサルタント 1985年生まれ 福島県出身 月間57000PVのブログを運営中のブログ集客の専門家。 自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 28歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、幾度となく挫折を経験後、ブログ運営やアフィリエイトに関する情報商材を買いあさり、全くのド素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学び取る。2015年8月から始めたブログ「ブログ集客屋まつ」は地道に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV(現在も運営中)。 また「ブログだけで稼ぐこと」にこだわらないマーケティング重視のスタイルであらゆる業界で使えるマーケティングノウハウを確立。現在は「自分にしかできない仕事を確立したい」人を対象に、ビジネス経験ゼロ、顧客ゼロ、売上ゼロからのブログの集客やビジネスの売上作りのサポートを行っている。

どうも、まつです。

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

そこで今回は、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年生まれ 福島県出身 月間57000PVのブログを運営中のブログ集客の専門家。 自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 28歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、幾度となく挫折を経験後、ブログ運営やアフィリエイトに関する情報商材を買いあさり、全くのド素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学び取る。2015年8月から始めたブログ「ブログ集客屋まつ」は地道に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV(現在も運営中)。 また「ブログだけで稼ぐこと」にこだわらないマーケティング重視のスタイルであらゆる業界で使えるマーケティングノウハウを確立。現在は「自分にしかできない仕事を確立したい」人を対象に、ビジネス経験ゼロ、顧客ゼロ、売上ゼロからのブログの集客やビジネスの売上作りのサポートを行っている。

Copyright© ブログ集客実践の書 , 2017 All Rights Reserved.