ココルーチェの使い方

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

 

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

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

今回はこんなプロフィール表示ができるカスタマイズ法をお伝えします。
一応、基本コピペするだけでいいので専門知識なしでも全然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の貼付け場所の図解

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

ABOUT ME
赤石カズヤ
赤石カズヤ
WEBコンテンツ制作・開発をしながらのんびり活動中。常識に縛られず、ビジネスの仕組み化を常に意識。気が向いたときにWordPressのカスタマイズのことを発信してみたり。
新次元のWordPressテーマ【JIN】をリリース!

アフィリエイターで有名なひつじさん(@hituji_1234)とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました!

開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。

その結果、デザイン性・使い勝手・SEOの3つがとてつもないレベルで融合したテーマになりました!
ひつじさんと2人で特設サイトを作りましたので詳しくはそちらでどうぞ!

JIN特設サイトデモ一覧