個性あふれるトップページや記事デザインで「読まれるメディア」をつくるWordPressテーマ「VOYAGE」
ワードプレステーマ別

すべての記事

記事数 1967
  • Cherie (TCD101)

TCDテーマCherie:ヘッダー(ドロワーメニュー時)のボタンの色を変更する方法

Q.ヘッダーのボタンの色だけ、アクセントカラーと別の色に変更してより目立たせたいです。TCDテーマでは、サイトの統一感を演出するためサイト内の各所にアクセントカラーが適用されます。▼変更後のイメージ   →変更前:CherieデモサイトA.下記の方法でご対応ください。TC

  • VOYAGE (TCD121)

TCDテーマVOYAGE:SNSアイコンの並び順を変更する方法

Q.ドロワーメニューやフッターに表示されるSNSアイコンを並び替えたいです。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。表示されているSNSアイコンに合わせて並び順をご調整ください。orderの数値が小さいもの

  • SOURCE (TCD045)

TCDテーマSOURCE:トップページ「4点ボックスコンテンツ」の円形トリミングをなくす方法

Q.トップページ「4点ボックスコンテンツの設定」の画像が丸く編集されます。これをプレーンな四角にできますか?▼変更後のイメージ   →変更前:SOURCEデモサイトA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。

  • HORIZON (TCD093)

TCDテーマHORIZON:ギャラリーページの画像リンクのアイコンを変更する方法

Q.ギャラリーページで画像にリンクを設定しました。「i」のアイコンを変更できますか?Ver1.14.1→1.15のテーマアップデートで追加されたリンク設定オプションです。▼変更箇所イメージA.下記の方法でご対応ください。お好みのアイコンを選んで、TCDテーマ>基本設定のカ

  • Reviewer (TCD026)

TCDテーマREHUB:絞り込み検索有効時のヘッダーバー検索フォームの対象変更方法

Q.絞り込み検索有効時にヘッダーバーの検索フォームでブログ検索ができるようにしたいです。TCDテーマオプション>レビュー>絞り込み検索にて絞り込み検索を有効化している時は、ヘッダーバーの検索フォームはレビューの絞り込み検索用キーワードフォームになる仕様です。絞り込み検索用キーワードフォームで

  • STORY (TCD041)

TCDテーマSTORY:固定ページテンプレート1のベネフィットコンテンツでHTMLを使用する方法

Q.ベネフィットコンテンツのキャッチフレーズでHTMLを使用したいです。▼変更箇所イメージA.下記の箇所を編集してください。編集ファイル:template-parts/type3.php編集箇所:41行目付近↓編集後、ベネフィットコンテ

  • VOYAGE (TCD121)

TCDテーマVOYAGE:スクロールバーを表示させる方法

Q.サイト全体でスクロールバーが非表示になっています。表示させることはできますか?デザイン仕様として、スクロールバーが非表示になっています。▼変更後のイメージ   →変更前:VOYAGEデモサイトA.下記の方法でご対応ください。サイト全体に適用:TCDテーマ>基本設定>カ

  • VOYAGE (TCD121)

TCDテーマVOYAGE:お知らせページの「記事一覧」でランダムに記事を表示させる方法

Q.お知らせ記事ページの「記事一覧」で新着順に記事が並んでいますが、ランダムに表示させることはできますか?▼変更箇所イメージ   →デモサイトお知らせページA.下記の方法でカスタマイズしてください。編集するファイル: include/news/view-news-sing

  • MONAD (TCD110)

TCDテーマMONAD:トップページコンテンツビルダーで特定のキャッチフレーズだけ文字サイズを変更する方法

Q.トップページのコンテンツビルダーで、一部のキャッチフレーズだけフォントサイズを変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。「#cb_content_〇」では、上から

  • Agenda (TCD059)

TCDテーマAgenda:グローバルメニューのフォントサイズを変更する方法

Q.グローバルメニューのフォントサイズを少し大きくしたいです。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。フォントサイズに合わせて左右のマージンも調整しています。値は適宜ご変更ください。▼変更後イメージ

  • LAW (TCD031)

TCDテーマLAW:ブログ記事の「関連記事」の表示数を変更する・新着順に表示する方法

Q.投稿記事の「関連記事」で、表示数を変更したい。公開日の新しい順に表示したい。関連記事には「同じカテゴリーに属する記事」が最大8件、ランダム順で表示される仕様です。▼変更箇所イメージ   →デモサイトのブログ記事ページA.下記の方法でカスタマイズしてください。編集す

  • BLAZE (TCD120)

TCDテーマBLAZE:トップページのサブ見出しのデザインを変更する方法

Q.トップページメインコンテンツの「サブ見出し」がボタンのように見えると言われた。▼変更後イメージ   →変更前:BLAZEデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。背景色・枠線をなくして、アクセントカ

  • REHUB (TCD099)

TCDテーマREHUB:フリースペースのバナー画像のオーバーレイを外す方法

Q.トップページのフリースペースに設置したバナー画像のオーバーレイを外したいです。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。▼変更後イメージなお、オーバーレイは見出しなどのテキストの可読性を高める効果

  • BIJOUX (TCD117)

TCDテーマBIJOUX:ドロワーメニューの子メニューのホバー時透明度を変更する方法

Q.ドロワーメニューの子メニューで、ホバー前には文字が少し透明で、ホバーすると文字が不透明になりますが、これを逆にしたいです。▼変更箇所イメージ(ホバー前)   →実際の表示:BIJOUXデモサイトA.下記の方法でご対応ください。

  • HARVES (TCD118)

TCDテーマHARVES:トップページヘッダーコンテンツのキャッチコピー位置を変更する方法

Q.トップページのヘッダーコンテンツ上のキャッチコピーの表示位置を変更したいです。▼変更後のイメージ   →変更前:HARVESデモサイトA.下記の方法でご対応ください。TCDテーマ>基本設定>カスタムCSSに入力します。補足)PCのみに反映されます。ドットナ

  • GENESIS (TCD103)

TCDテーマGENESIS:スマホでトップページのブログ一覧の表示スタイルを変更する方法

Q.スマホでのブログ一覧のカルーセル表示をやめて縦に表示したいです。トップページのブログ一覧はカルーセル仕様になっており、横スクロールで表示されます。横スクロールを解除し縦に表示する場合はCSSを調整してください。▼変更前イメージA.TCDテーマオプション>基本設定>カス

  • HAKU (TCD080)

TCDテーマHAKU:ファーストビューでヘッダーロゴやグローバルメニューを表示する方法

Q.ファーストビューでも下層ページと同様にヘッダーロゴやグローバルメニューを表示したいです。CSSを調整することで下層ページと同様のヘッダーを表示可能です。▼変更前イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。▼変更後イ

  • SERUM (TCD096)

TCDテーマSERUM:ヘッダースライダーのアニメーションを調整する方法

Q.ヘッダー画像がズームアウトするアニメーションの速度を調整したいです。デフォルトでは、2.5秒でズームアウトする仕様になっています。調整する場合はCSSで対応してください。▼変更箇所イメージA.TCDテーマオプション>基本設定>カスタムCSSに以下を記述してください。

  • TOKI (TCD069)

TCDテーマTOKI:スマホ時ブラウザバックでロード画面を表示しない方法

Q.スマホ時、左にスワイプして戻る動作をするとページの最上部が表示されます。ロード画面表示時、ページの途中から別ページに遷移し、ブラウザバックする(左にスワイプして戻る)とロード画面が表示され、画面最上部に戻ります。これは、ブラウザバック時にもロード画面を表示させるための仕様となります。

  • LOTUS (TCD039)

TCDテーマLOTUS:固定ページテンプレートの説明文欄でショートコードを使用する方法

Q.固定ページテンプレートでお問い合わせフォームのショートコードを使用したいです。固定ページテンプレートの説明文欄でショートコードを使用する場合は、テーマファイルの編集が必要です。この記事ではテンプレート1の「5段目、2列目の説明文」にショートコードを設置する例をご案内いたします。▼変更

  • ANGEL (TCD047)

TCDテーマANGEL:固定ページ「サイドバー無し」テンプレートの本文幅を変更する方法

Q.固定ページ「サイドバー無し」で、記事本文の横幅を狭めたいです。▼変更後のイメージ   →変更前:ANGELのデモページメニューを基準に見比べると、変更後は本文幅が狭くなっていることがわかります。A.下記の方法でご対応ください。固定ページ編集画面のカスタムCSSに入