ワードプレス

理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方

tcd-theme-options_ecmg

TCDだけの「テーマオプション」。これまでの設定だけで、ずいぶんレイアウトはまとまってきました。・・・が、ここからが真骨頂です。今回はこのサイトで利用しているブログ用テーマ「MAG」を例にしているので・・・特に「記事ページ」の自由度はスサマジイです。

記事ページ

tcd-theme-option_39

設定項目

記事タイトル・本文のフォントサイズ

SNSボタンなど各種項目の表示設定

Facebook OGP・Twitter Cardsの設定

ソーシャルボタンのデザイン設定

記事下の広告設定

記事中の広告設定

記事タイトル・本文のフォントサイズ

tcd-theme-option_40

そのままです。それぞれの文字サイズを変更できます。

 クリックで拡大

tcd-theme-option_41

tcd-theme-option_42

SNSボタンなど各種項目の表示設定

tcd-theme-option_43

記事ページに必要な各種項目の表示を、クリックひとつで選択できます。

上の画像のとおりですが、「ソーシャルボタンを表示する」「次の記事、前の記事リンクを表示する」「関連記事を表示する」など、かゆいところに手が届く項目たちが並んでいます。用途にあわせてチョイスできる自由度の高さ。ハンパないのでございます。

 シェアボタン・カテゴリー・タグ・前後記事

tcd-theme-option_44

 ピックアップ記事

tcd-theme-option_45

 関連記事

tcd-theme-option_46

Facebook OGP・Twitter Cardsの設定

tcd-theme-option_47

ここではFacebookやTwitterでシェアされた時に、美しく表示させるための設定ができます。

 Facebook / Twitter

tcd-theme-option_48

tcd-theme-option_49

カード型でキレイですね。また、Facebook OGPを設定していれば、記事に「いいね」をした人のウォールだけでなく、その友達のニュースフィードにも表示されるようになるようです。

そのためには「fb:admins ID」というものを調べる必要がありますが、簡単に調べられます。調べ方はこちらの記事の最後にサラッと紹介しています。

サラリと終える開発者登録。FacebookのApp ID(アプリID)とApp secretの取得方法・調べ方

本来手動でコードをいじって設定したり、複雑なプラグインを導入して設定する必要があるんですが、TCDテーマであればこのセクションで「fb:admins ID」とTwitterアカウント名を入力するだけで、OGP設定ができるようになっています。親切キワマレリ。

Twitterは「Twitter Developerページ 」への登録が必要です。

ソーシャルボタンのデザイン設定

tcd-theme-option_50

 公式のソーシャルボタンのデザインは、どーも野暮ったい・・

という人には最高に嬉しい機能。TCDテーマの洗練されたデザインに合った、4種類のボタンデザインが用意されています(もちろん公式ボタンも選択可能)

ボタンタイプ1(左寄せ+color)

tcd-theme-option_51

ボタンタイプ2(左寄せ+mono)

tcd-theme-option_52

ボタンタイプ3(カラム幅+color)

tcd-theme-option_53

ボタンタイプ4(カラム幅+mono)

tcd-theme-option_54

ボタンタイプ5(公式ボタン)

tcd-theme-option_55

特別なカスタマイズ無しで。クリックひとつで。いつでも自由に選べます。もちろん、表示するボタンの種類もクリックひとつ。

tcd-theme-option_56

イタレリツクセリ、デスネ。

Requ.logでは独自にカスタマイズしたシェアボタンを設置しています。

記事下の広告設定

 クリックで拡大

tcd-theme-option_57

tcd-theme-option_58

記事本文の下、または記事ページの一番下に広告を設置できます。AdSenseやアフィリエイトのコードを貼り付けるだけで完了。簡単です。

 クリックで拡大

tcd-theme-option_59

tcd-theme-option_60

レイアウトを崩すこと無く、自然に配置されます。「いかにも広告欄!」なカンジでゴチャゴチャしないのが嬉しいですね。TCDはどのテーマを見ても、閲覧する側が不快になりにくいよう、広告配置場所にも徹底した配慮が感じられます

サイト運営者】だけでなく【サイト訪問者】の視点も考慮し作り込まれている。コンテンツマーケティングにおいて欠かせない、大切なこと。「見た目」だけに留まらない、かつ「引っかかり」のあるセンスを存分に、活用させてもらっちゃいましょう。

記事中の広告設定

そしてなんと・・広告をショートコード化することによって、記事中の好きな場所にいつでも設置できる機能も実装。収益効果の高い記事中広告は、アフィリエイト・AdSense収入を目指す場合、絶大な効果を発揮します

MAG_02

MAG_03

また、TCDテーマでは広告専用の「オリジナルウィジェット」というものも用意されているので、記事下や記事中だけでなく、あらゆるところにオイシク配置できるようになっています。「オリジナルウィジェット」についてはこちら 

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

ヘッダー

tcd-theme-option_60-61

設定項目

ヘッダーのスクロール追従設定

サイト説明文の表示設定

ヘッダーのスクロール追従設定

tcd-theme-option_61

「ページ上部に固定表示」を選択すると・・・

tcd-theme-option_62

tcd-theme-option_63

スクロールといっしょに、ヘッダーメニューが追いかけてきてくれます。

サイト説明文の表示設定

tcd-theme-option_64

「サイトの説明文をロゴの下に表示する」を選択すると・・・

tcd-theme-option_65

表示してくれます。意外とコレも、人によっては不要に感じるかもしれないですよね。「選べる」のはありがたいことです。ちなみに、WordPress管理画面「設定」⇒「一般」の「キャッチフレーズ」に入力されているものが反映されます。

tcd-theme-option_66

フッター

tcd-theme-option_67

設定項目

一覧表示される記事の種類やエフェクトの選択

フッターに表示させるメニューの設定

一覧表示される記事の種類やエフェクトの選択

tcd-theme-option_68

ここでは、どのページでも最下部に表示されるこの部分  の設定ができます。

tcd-theme-option_69

「一覧表示する記事タイプ」や、「タイトルの色設定」「タイトルの背景色の透明度設定」まで設定できます。ちなみにデフォルトでこんな感じ。

MAG_07

いじらなくたって、じゅーぶんイイカンジじゃないですか・・・

フッターに表示させるメニューの設定

tcd-theme-option_70

ここでは、フッターの、この部分  の「見出し」の設定ができます。

tcd-theme-option_71

ここでは見出しの名称だけを設定できます。実際に表示させるものはWordPress管理画面「外観」⇒「メニュー」で自由に組むことができます。

tcd-theme-option_72

tcd-theme-option_73

カテゴリー一覧や、特定の記事へのリンクなどを配置できます。



ここまでの全ての設定を『テーマオプション』だけで完結できます!

他にも、TOPページにスライダー機能があるテーマなどでは、スライダーの表示内容を設定できたり・・・

tcd-user-review_14

tcd-user-review_15

注目記事や最新情報などをTOPICS枠として設定できたり・・・

tcd-user-review_17

tcd-user-review_18

tcd-theme-option_74

と、こんなカンジで各テーマに適した色々な機能が、テーマオプションから一気に設定できるようになっています。

まとめ - ストレスフリーなレイアウト設定

TCDテーマだけに付いてくる「テーマオプション」。ここだけで、サイトレイアウトはほとんど完成してしまいます。各項目には全て日本語の説明がついている専門的な知識がなくても簡単に、直感的に設定できる。ストレスフリーにレイアウト設定できるのは、TCDならではですね。

 関連記事

【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバーセレクション

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

ページ:
1

2

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

Requ.log | レク.ログ

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

ピックアップ記事

  1. 【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「…
  2. Windows?Mac?なんでもゴザレ。スクリーンショットに特化したキャプチャー…
  3. 「忙しくてやりたいことができない・・!」に効く。マイペースに習慣を変えるタスク管…
  4. 不要なメール通知にうんざり!購読・迷惑メールの解除をまとめて設定するUnroll…
  5. ブロガー以外も知っておきたい。ブログ記事の書き方と、頭を整理する構成方法

関連記事

  1. unveil-lazy-load_ec

    ワードプレス

    設定不要!WordPressプラグイン「Unveil Lazy Load」でページ読込スピードアップ…

    簡単装備で速度をブースト!プラグインをインストールするだけで、ペー…

  2. set-double-rectangle_ecmg
  3. customized-theme-update_ecmg-1-ps

    ワードプレス

    子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と注意点

    もう、逃げなくてもえーんやで。ついにやってきた、WordPre…

  4. widgetoon-js-count-jsoon_ecmg

    マーケティング

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

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

  5. show-title-tag_ecmg

    マーケティング

    もっと・・見せてくれませんか?タブに隠れた見えないタイトル。Show Title Tagを使って全表…

    ちょっと見せてるぐらいなら・・全部見せてください。誤解しないで。ブ…

  6. extension-tools-for-bloggers_ec

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個のツール

    知らなきゃもったいない。先日、とある交差点で信号待ちをしていた時の…

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

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. tcd-theme-selection_ecmg-ps
  2. display-speed_ec
  3. tcd-theme-user-review_ecmg
  4. extension-tools-for-bloggers_ec
  5. tcd-mag_ecmg-ps
  6. todoist-tips_ecmg
  7. todoist-extension_ecmg
  8. todoist_ec
  9. retina_ecmg
  10. theme-change_ecrt

ピックアップ記事

  1. tcd-theme-widget_ecmg
  2. like-button-card_ecmg-ps
  3. unroll-me_ec
  4. todoist-class_ecrt
  5. lightshot_ecmg
  6. phrase-express_ecmg
  7. child-theme_ecmg
  8. customized-theme-update_ecmg-1-ps
  9. todoist-advanced_ec
  10. media-setting_ec

強みを見つけて、活かしていくために。

business-books

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

todoist

おすすめ記事

  1. 【Retinaディスプレイ対応3】ねえ・・どうする?widt…
  2. 自分のアクセス痕は残さない。アナリティクスのフィルタで自宅の…
  3. タスクを完了させたくなる!? モチベーションアップに役立つT…
  4. 【Retinaディスプレイ対応2】スリムで美しいブログを実現…
  5. 簡単に予定変更。Todoistで実現する、カレンダーだけでは…

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

tcd-mag

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

retina-os-solution

最近の記事

  1. 子テーマ使用者必見!カスタマイズしたWordPressテーマ…
  2. 「違い」を調べる神ツール。テキストファイルの差分比較、合併が…
  3. WordPressで子テーマを作る際に知っておくべき仕組みと…
  4. 【使用者レビュー】WordPress初心者にこそおすすめのブ…
  5. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

思考・価値感系おすすめ記事

  1. restriction_ecmg-ps
  2. reset-button_ecrt
  3. blog-contents_ecrt

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. extension-tools-for-bloggers_ec

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個の…
  2. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点…
  3. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  4. todoist-tips_ecmg

    マネジメント

    【小技特集】もっと使いこなす!おすすめタスク管理ツールTodoistの活用法12…
  5. improvement-flow_ecmg

    マネジメント

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