ココルーチェでサイドバーのプロフィール画像を大きく表示させる方法

 

クロスピースで販売しているテーマ、ココルーチェはサイドバーに簡単にプロフィール表示ができる仕様になっています。これはこれで便利なのですが、もっと文章を書きたい人とか画像を大きくしたい人もいるかもしれません。

こんな感じのやつです。
スマホにも対応してます。

今回はこんなプロフィール表示ができるカスタマイズ法をお伝えします。
一応、基本コピペするだけでいいので専門知識なしでも全然OK。

ついでに直接Facebookへのリンクを貼れるボタンもつけてみます。
ココルーチェの基本機能にあるFacebookウィジェットはFacebookページのみ対応なので個人ページでは表示できません。

今回お伝えする方法は個人ページでも大丈夫です。
もし個人ページしかないけどFacebookへ美しくリンクを貼りたい方は参考にどうぞ。

設定方法

超簡単、4ステップです。

  1. テキストウィジェットの配置
  2. コードのコピー
  3. プロフィール画像を登録する
  4. 画像とFacebookのリンク先URLを貼り付ける

1.テキストウィジェットの配置

管理画面の「デザイン設定」「ウィジェット」へと進みます。

配置したらタイトルを好きに入力しておきます。

2.コードをコピーする

下のコードをコピーして先ほど設置したテキストウィジェットの【内容】のところにペーストしてください。

2016/10/28 追記

SNSのリンクを簡単に設定できるようになりました。
上記コードの一番下に  [sns-profile]  と入力すると自動で表示されます。
設定方法についてはプロフィール設定の記事からどうぞ。

3.プロフィール画像を登録する

管理画面の「メディア」をクリック。
上のほうにある【新規追加】から画像を登録します。

画像サイズは大きすぎると読み込み速度に影響します。
MacやiPadでもきれいに表示させたい場合は横幅600pxぐらいの画像を用意しましょう。

画像を登録したら画像のURLをコピーします。
あとで使うのでどこかにメモっといてください。

画像のURLをコピーする

4.画像とFacebookのリンク先URLを貼り付ける

URLを貼り付ける前に用意するものを確認しておきます。

  • さっきコピーした画像のURL
  • プロフィールページのURL
  • あなたのFacebookのURL

この3つが準備できたらあとは貼り付ければ終わりです!
さっきのテキストウィジェットの【内容】に貼り付けたコードを編集します。

URLの貼付け場所の図解

貼付けが終わったら【保存】ボタンを押して完了です!

アフィリエイターのための最高のワードプレステーマ【ATLAS】ができました

アフィリエイトに特化したWordPressテーマ「ATLAS(アトラス)」が完成しました。

操作も簡単で超使いやすいです。

ランキング機能やボタン作成、記事下CTAの設置など、サイト作成の高速化&収益性を高めるための工夫を随所に備えています。

― 主な特徴 ―

  • プロ目線で見たアフィリエイトサイトに必要な機能をすべて搭載
  • 直感的に操作でき、スピーディーに収益サイトを構築できる
  • シンプルで美しいテーマデザイン

WordPress初心者でも簡単に使えるように複雑な設定を可能な限り取りのぞきました。

また、レイアウトも自由自在にアレンジできるのでWordPressでスッキリとしたデザインのブログにも使えます。

ぜひデモサイトで確かめてみてください。

※テーマインストール後、HTMLやCSS等をカスタマイズすることなくデモサイト通りに構築できる仕様にしています。

テーマの詳細を見る デモサイトを見る