tcd-theme-widget_ecmg

ワードプレス

サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット」の使い方

WEBサイトのレイアウトって、メインカラムだけじゃキマらない。サイドやフッターにたたずむ、関連リンクやバナー広告。これらをセンスよく配置させることも欠かせません。

 センスよく・・配置できる自信なんてないっス

そりゃそーっス。普通ならそーっス。で、普通じゃないTCDテーマには各テーマごとに最適な「オリジナルウィジェット」が用意されています。

デザインセンスも必要とされる・・・ハズのWEBサイト制作。「オリジナルウィジェット」にまかしときゃあ解決です。早速どんなモンか見ていきましょう。

ウィジェットとは?

そもそも「ウィジェット」って何モノ?という人もいるでしょう。コレです 

tcd-widget_01

どこで設定すんの?という人もいるでしょう。ココです 

tcd-widget_02

エラいややこしそーやんけ、という人もいるでしょう。余裕です 

tcd-user-review_43

上の場合、トップページの上から3つ目に「おすすめ記事」を設置した、ということですね。

さて、WordPressにデフォルトで実装されているウィジェットに加え、TCDテーマには、それぞれのテーマに適したオリジナルウィジェットが用意されています。このサイトで使用中のテーマ「MAG」の場合を例に、どんなオリジナルウィジェットがあるのかを紹介していきます。

デザインされた記事一覧

パターン1

このテーマでは、「デザインされた記事一覧」ウィジェットが2種類用意されていました。

ひとつ目は「アイキャッチ画像のサムネイル」「記事タイトル」「記事抜粋文」を表示させる、リッチな印象のパターン 

tcd-widget_03

tcd-widget_04

マウスオーバーした時のエフェクトも楽しいウィジェットです 

tcd-widget_05

パターン2

tcd-widget_06

tcd-widget_07

こちらはシンプルなデザインならではの使い方ができるパターン。例えばこのウィジェットを効果的に挟むことで、ゴチャついた印象になりがちなレイアウトを引き締めることができます 

tcd-widget_08

また、どちらのパターンも、表示させたい記事の種類、表示数などを自由に選択できます 

tcd-widget_09

tcd-widget_10

記事ごとの設定も、記事投稿画面内でワンクリック。たったそれだけ。 

tcd-widget_11

カテゴリー一覧

カテゴリー一覧表示だって「ただそこにあるだけ」じゃない。おぉっ!?、と目を引く、気持ちのいいモーションです 

tcd-widget_12

tcd-widget_13

広告

収益化に重宝するのがこのウィジェット。広告を「1箇所に」最大で3つまで設定でき、ページを訪問する度にそれらをランダム表示させます。今回はフッターに設置してみましょう。

tcd-widget_14

「広告1」をクリックして、表示させたいアフィリエイトコードや、Googleアドセンスコードなどを貼り付けるだけ。それを「広告3」まで同様に行います。それだけで・・・

tcd-widget_15

 クリックで拡大

tcd-widget_16

tcd-widget_17

tcd-widget_18

こんなかんじで、ページを訪問する度にランダム表示してくれます。このウィジェットの恩恵は、収益化を考える上ではとても大きなものです。例えば、

紹介したい広告が沢山あっても、広告枠だらけでゴチャついたサイトにならない

同じ場所でランダム表示させることで、収益結果から「効果的な広告」を判断できる

といったことが挙げられます。サイトイメージを損なわずに設置できるだけでなく、トライ&エラーの判断にも貢献してくれる、ということですね。

スクロール追尾型広告

長い記事ページなどでありがちなこと。読み進めてどんどん下へスクロールしていくと・・・・ウィジェットに配置していたものは全部通り過ぎてしまい、「何もないスペース」ができてしまいます。コレ、けっこうさみしいんですよね・・ 

tcd-widget_19

記事によってコンテンツのボリューム(長さ)が違うのは当然なので、しょうがないことです。しかし!この「スクロール追尾型広告」を配置しておくと・・・

tcd-widget_20

広告がスクロールと一緒についてきてくれます!これでもう、さみしくなんてない・・・だけじゃありません。記事を読み終えた後も、横で訴求し続けてくれているわけです。つまり収益化につながりやすい

いつの間にか通りすぎてしまったものを、もう一度振り返って見に行く、なんてことは決して多いとは言えません。広告だけでなく、SNSリンクやフォローボタン、記事リンクや商品ページリンクなどなど・・・いろいろと応用がきく嬉しいウィジェットです

同じような機能を実装するプラグインもありますが、使用テーマとの相性が悪いことも多いので、デフォルトで備わっているのはなんともありがたいですね。

Google AdSense広告の追尾は、規約違反となるのでやめましょう!

Googleカスタム検索

WordPressデフォルトの「検索」ウィジェットでは、検索ワードが含まれる記事のみが、更新順に表示されます。しかも、検索ワードに「完全一致」していなければヒットしません

この「Googleカスタム検索」ウィジェットでは完全一致だけでなく、Googleの検索機能と同等の、精度の高いサイト内検索が可能になります。しかも高速!

tcd-widget_21

tcd-widget_22

さらに、検索結果画面にAdSense広告を絡め、収益化に貢献させることも可能。設定方法はこちらが参考になります 

WordPress-Theme-TCD_Google-Custom-Seach

ユーザープロフィール

このウィジェットはその名の通り、「自己紹介ウィジェット」です。プロフィール画像や紹介文、各種SNSページへのリンクをひとまとめにして設置できます。

tcd-widget_23

tcd-widget_24

必要な項目だけを埋めればシンプルでスッキリしたウィジェットになりますし・・・

tcd-widget_25

全部の項目を埋めれば・・・ 

tcd-widget_26

ここまでボリューミーなウィジェットになります。SNSをたくさん利用している人には、各ページへのリンクをひとまとめにできるので、とても重宝しそうです。

通常であればプラグインで設置するような、SNSページヘのリンクウィジェット。デフォルトで実装されているのでとても助かります。

また、画像にもリンクを設定できるので、別途作ったプロフィールページなどに飛ばすこともできます。応用すれば、「プロフィールウィジェット」としてではなく、「ランディングページ、商品ページなどに誘導するウィジェット」としても利用できそうですね

スマホ用ウィジェット

スマートフォンでの表示は、そのスペースの少なさゆえに、PCでの見栄えとは異なります。特にサイドに設置しているウィジェットは省略されがち。でも、スマートフォンでも「おすすめ記事」などを表示したい時があるんですよね。

『スマートフォンでの表示だけを変更する』なんて、どうやるんでしょう。

CSSやPHPのコードをいじる?どのくらい?どうやって?外注すると○○万円?息巻いて自分でいじってみて、レイアウト崩れが起きて、見るも無残なサイトに、、、

なんてことなく、私たちのような”ド素人ちゃん”でもカスタマイズできてしまうのが「スマホ用ウィジェット」です。今回は広告を追加してみます。

tcd-widget_27

tcd-widget_28

楽勝。

おまけ - デフォルトウィジェットもお綺麗。

例えば、WordPressデフォルトで実装されている「テキスト」ウィジェット。汎用的なので、よく使うことになるものです。そんな「オリジナルウィジェット」じゃないコも・・・

tcd-widget_29

tcd-widget_30

テーマのデザインにあった表示に仕上げられてます。これはヒジョーにありがたい!

まとめ

先の記事で紹介した【テーマオプション】と、今回の【オリジナルウィジェット】たち。魅力はこれだけじゃないんですが、専門的な知識が無くても、自分だけでここまで簡単に設定できてしまうのであれば、もうイチから外注する必要もありませんね。

有料WordPressテーマを導入するということは、形のない”サービスを買う”ということ。当然私も慎重になった経験があります。それでも、妥協して思い通りにならずに時間をかけていたら、きっとスタートアップの時点でつまづいていたはず。サイト運営のモチベーションも続かなかったでしょう。

「コダワリが強い為に、つい時間がかかってしまうタイプの人」も、「サクッとやるだけでセンスよく仕上げたいタイプの人」も、設定は簡単に。コンテンツづくりに集中できる。TCDテーマならではの強みだと思います。

とはいえ、次々と新テーマをリリースし続けるTCD。次のページ では「作りたいサイトの種類・目的別」に分け、おすすめテーマを選抜して紹介しています。

きっと、お気に入りのテーマが見つかるはずです。

関連記事

【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「MAG」のデフォルト機能と魅力を徹底解説

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. カッコ美しい、オリジナルシェアボタン。サイトデザインに合わせた作り方と簡単カスタ…
  2. 実践あるのみ!TCDテーマで学ぶ、記事装飾の簡単カスタマイズとCSSの基本
  3. 【基本編】スケジュール・タスク管理の大黒柱。万能ツールTodoistの使い方を徹…
  4. アレ?Chromeの表示文字、汚なくなった!? キレイなフォントを1分で取り戻そ…
  5. ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIn…

関連記事

  1. widgetoon-js-count-jsoon_ecmg

    マーケティング

    Twitterのシェア数表示を復活!「widgetoon.js & count.jsoon」の登録方…

    簡単登録で、後はおまかせ!Twitterは以前仕様変更があり、公式…

  2. description-video_ec
  3. original-share-button_ecmg-ps
  4. blog-theme-mag_ecmg-ps

    ワードプレス

    【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「MAG」のデフォルト…

    本当のことを話します。ワードプレスのブログテーマ【MAG】。このサ…

  5. facebook-fast-display_ecmg

    ワードプレス

    瞬間奥義「非同期設定」。Facebookのいいねボタン、ページプラグインたちの読込み遅延を斬るっ!

    余計な読込み遅延を解消セヨ。えぇー今回の任務は「ぺいじ」の読込…

  6. simple-image-sizes_ec-ps

    ワードプレス

    メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Si…

    挿入画像サイズ、もっと自由に選びたい。ハイどーも。お悩み相談室のコ…

【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

特集記事

  1. valuable-content-from-image_ec
  2. display-speed_ec
  3. improvement-flow_ecmg
  4. todoist-extension_ecmg
  5. tcd-mag_ecmg-ps
  6. theme-change_ecrt
  7. extension-tools-for-bloggers_ec
  8. adjust-the-button_ecmg

ピックアップ記事

  1. widgetoon-js-count-jsoon_ecmg
  2. original-share-button_ecmg-ps
  3. tcd-css-customize_ecmg
  4. todoist-class_ecrt
  5. tcd-theme-widget_ecmg
  6. facebook-page-plugin_ecmg-ps
  7. todoist-advanced_ec
  8. todoist-basic_ec-ps

強みを見つけて、活かしていこう。

business-books

タスク管理で、自己管理。

todoist

掘り出し記事

  1. todoist-design_ec
  2. retina-weight-saving_ecmg
  3. retina-os-solution_ecmg

魅力的なブログを、今すぐ作る。

tcd-mag

ブログのRetina対応、始めませんか?

retina-os-solution

ピックアップ記事

  1. quicktag_ecmg
  2. widgetoon-js-count-jsoon_ecmg
  3. original-share-button_ecmg-ps

ゆっくり、フシギなGIFアニメ。

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

最近の記事

  1. customized-theme-update_ecmg-1-ps
  2. mergely-ecmg
  3. child-theme-mechanism_ecmg-ps

Requ.log | おすすめ書籍

「言葉にできる」は武器になる。 プロフェッショナルは「ストーリー」で伝える

Requ.log | おすすめ物語

モモ マリコ/マリキータ

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」

思考・価値感系ピックアップ記事

  1. restriction_ecmg-ps
  2. reset-button_ecrt
  3. blog-contents_ecrt
  1. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
  2. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
  3. todoist-extension_ecmg

    マネジメント

    いつでもどこでも即タスク化。Todoistの便利すぎる拡張機能4選
  4. todoist_ec

    マネジメント

    【フリーランス必見】確実に納期を守るために。タスク管理ツールTodoistで予定…
  5. improvement-flow_ecmg

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
PAGE TOP