「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

Switch(TCD063)

記事数 30
  • Switch(TCD063)

TCDテーマSwitch:スマホのハンバーガーメニューを開いたときにボタンのアイコンを「×」にする方法

Q.質問内容スマホのハンバーガーメニューを開いたときに、三本線のボタンのアイコンを、バツ印などに変えられますか?▼変更箇所イメージA.カスタムスクリプト・カスタムCSSでアレンジ可能ですSwitchテーマでは、スマホのハンバーガーメニューのアイコンデザインは、メニュー

  • Switch(TCD063)

TCDテーマSwitch:動画のサイズが大きい時に代替画像を表示させる方法

Q.質問内容スマホなどの特定の環境でのみ、動画が動きません。代替画像も設定しています。A.動画のサイズが大きいため、読み込みに時間がかかっている可能性がございます。弊社のテーマは、動画サイズの上限を設けておりません。そのため、大きいサイズの動画の場合は読み込み時間がかかり、スマホ

  • Switch(TCD063)

TCDテーマSwitch:トップページヘッダーコンテンツ「画像スライダー」の左右アローの色を変更する方法

Q.トップページのヘッダーコンテンツで画像スライダーを表示しています。ホバー時に表示される左右アローの色を変更したいです。ヘッダーコンテンツ上のテキスト(キャッチフレーズ)の色はテーマオプションから変更頂けますが、この左右アローにつきましてはテーマ側で白色に固定されております。

  • Switch(TCD063)

TCDテーマSwitch:フッターバナーの文字色を変更する方法

Q.フッターPRエリアのバナーで、背景色と文字色が同化してしまいます。TCDテーマ>フッター>PR エリア設定>PR エリアのタイプで「テンプレート」を選択した際のバナー文字色には【TCDテーマ>基本設定>色設定>第2カラー】が適用されます。この第2カラーに白色や淡色を設定した場合、背景色(白色

  • Switch(TCD063)

TCDテーマSwitch:固定ページのタイトルを初めから表示させる方法

Q.固定ページのタイトルをページが開いた時にすでに表示されているようにしたい。固定ページでページヘッダーの下に表示されるタイトルは、ページを開いた後時間差で表示される仕様ですが、これを最初から表示されているようにすることはできますか。▼変更箇所イメージA.該当の固定ペ

  • Switch(TCD063)

TCDテーマSwitch:フッターバナーの斜めのトリミングを削除する方法

Q.質問内容管理画面【TCDテーマ】→【フッター】→【PR エリア設定】→「バナー設定」では画像が自動的に斜めにトリミングされますが、トリミングせずに表示させることはできますか。▼変更後イメージA.管理画面【TCDテーマオプション】→【基本設定】→「カスタムCSS」の

  • Switch(TCD063)

TCDテーマSwitch:フッター「会社情報」内の電話番号の文字色を変更する方法

Q.質問内容管理画面【TCDテーマ】→【フッター】→【会社情報設定】→「住所」に電話番号を入力しています。背景色を暗い色にすると、iPhoneで見た場合に電話番号と背景の色が同化してしまいます。文字色を変更することはできますか。A.iOSの仕様により、電話番号には自動的にリン

  • Switch(TCD063)

TCDテーマSwitch:トップページ・ブログ一覧ページ・詳細ページのアイキャッチ画像を非表示にする方法

Q.ブログのサムネイル画像を非表示にするにはどうすれば良いのでしょうか。Switchのブログ記事のアイキャッチ画像につきましては、画像左上にコンテンツを重ねるようなレイアウトにて投稿日付を表示しております。画像のみを非表示にすることはCSSの調整にて容易かと存じますが、この投稿日付部分につい

  • Switch(TCD063)

TCDテーマSwitch:固定ページにパンくずリストを設置する方法

Q.固定ページにもパンくずリストを設置したいです。恐れ入りますが、Switchの固定ページでは、テーマ仕様ではパンくずリストを表示する仕様となっておりません。▼変更後のイメージA.下記の方法でカスタマイズしてください。編集するファイル: page.php編集す

  • Switch(TCD063)

TCDテーマSwitch:トップページの3カラムコンテンツでリンクボタンを非表示にする方法

Q.トップページのメインコンテンツ「3カラムコンテンツ」でボタンを非表示にしたいです。恐れ入りますが、上記箇所では基本的にリンク先を設定することを想定した仕様(※TCDテーマ>トップページ>メインコンテンツ>3カラムコンテンツ>カラム〇>ボタン設定の「ボタンのラベル」および「ボタンのURL」を設

  • Switch(TCD063)

TCDテーマSwitch:トップページの「お知らせとイベント」で片方を非表示にする方法

Q.トップページのメインコンテンツ内「お知らせとイベント」では表示エリアの左半分にカスタム投稿タイプ「お知らせ」、右半分にカスタム投稿タイプ「イベント」の記事一覧が表示されますが、これをどちらか一方のみとすることはできますか。▼変更箇所イメージA.管理画面【TCDテーマ】

  • Switch(TCD063)

TCDテーマSwitch:グローバルメニューが一段に収まらないときの対処方法

Q.メニューが1段にまとまらないことに困っています。表示するデバイス(ウィンドウサイズ)にもよりますが、レイアウトを維持しながら表示するための横幅が足りなくなっている可能性が考えられます。A.下記の方法でご対応ください。・ロゴ画像を調整する(画像の横幅が小さいものに変更する、CSSで最大

  • Switch(TCD063)

TCDテーマSwitch:トップページ・インタビューアーカイブページの各記事を4カラムで表示する方法

Q.トップページ・インタビュー一覧ページのサムネイルを4カラムで表示したいのですが、可能でしょうか。▼変更箇所イメージ(3列並び→4列並びに変更する)A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力する※PC想定幅のみに適用されます

  • Switch(TCD063)

TCDテーマSwitch:トップページ・インタビューアーカイブページのインタビュイーの名前・年齢部分の表示調整方法

Q.トップページ・インタビュー一覧ページのサムネイルの左上に表示される、三角形の白背景のインタビュイーの名前・年齢部分を小さくするか、非表示にしたい。▼変更箇所イメージ(赤枠箇所)A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください

  • Switch(TCD063)

TCDテーマSwitch:固定ページで背景画像を非表示にする方法

Q.質問内容固定ページでページヘッダーの背景画像を設定せずにページを作成したいのですが、何も画像を入れないとグレーの背景になってしまいます。何か方法はありますか。▼変更箇所イメージA.該当の固定ページ編集画面にございます「カスタムCSS」の最下部に下記をコピー&ペース

  • Switch(TCD063)

TCDテーマSwitch:固定ページヘッダーのタイトルを、ブラウザ幅を小さくしても全文表示させる方法

Q.質問内容固定ページのページヘッダーに表示されるタイトルですが、ブラウザ幅の小さいスマホ等で閲覧した際も全文表示させることは可能でしょうか。▼変更箇所イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確

  • Switch(TCD063)

TCDテーマSwitch:インタビューのFAQ回答部分でHTMLタグを使用する方法

Q.インタビューページ内「FAQ」箇所でリンクタグを使用したいです。この箇所ではHTMLを用いない、テキストのみ出力することを想定した仕様となっております。また、万が一、記述ミスや悪意のある記述入力があったとしても(第三者による不正アクセスなど)それを出力しないための安全装置として、サニ

  • FAKE(TCD074)

テーマ共通:固定ページのアイキャッチ画像をOGP画像として使用する方法

Q.固定ページに設定したアイキャッチ画像をOGP画像に使用したいです。通常、固定ページのOGP画像にはテーマオプションで設定した画像が使用される仕様となっております。固定ページの編集画面にアイキャッチ画像の設定項目がない場合は、下記のカスタマイズ事例記事をご参照ください。

  • Switch(TCD063)

TCDテーマSwitch:トップページヘッダーコンテンツのmp4動画のループ再生を停止する方法

Q.トップページのヘッダーコンテンツで動画を設定した際に、ループ再生されるのを解除したいです。YouTube動画を設定した際のループ再生の停止方法は下記の記事をご参照ください。 →TCDテーマSwitch:トップページヘッダーコンテンツに設定したYoutube動画のループを解除する方法A

  • Switch(TCD063)

TCDテーマSwitch:ブログ記事をワンカラムで表示する方法

Q.通常投稿のページのサイドカラムをなくし、ワンカラムにしたい。固定ページはワンカラム表示ですが、ブログ記事では基本的にサイドカラムが表示されます。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定または記事編集画面のカスタムCSSに入力くだ

  • Switch(TCD063)

TCDテーマSwitch:インタビューの投稿ページでmeta titleとmeta descriptionを設定する方法

Q.カスタム投稿「インタビュー」の記事編集画面でも、タイトルとディスクリプションを設定したい。A.下記の方法でカスタマイズしてください。編集するファイル: inc/seo.php編集する箇所: 14行目 ↓

  • Switch(TCD063)

TCDテーマSwitch:トップページのtitleタグの出力をサイトタイトルのみに変更する方法

Q.トップページのtitleタグをサイトタイトルのみに変更したいです。通常、トップページのtitleタグでは、設定>一般の設定内容が下記のように反映されます。<title>サイトのタイトル - キャッチフレーズ</title>A.下記の方法でカスタマイズしてくださ

  • Switch(TCD063)

TCDテーマSwitch:トップページのフリースペースを横幅100%に変更する方法

Q.トップページのフリースペースの横幅を画面いっぱいに変更したいです。フリースペースでは横幅の最大値が制限されているのですが、横幅100%に変更したい。アップデート対応Ver1.4→1.4.1のアップデートで、テーマオプションより変更が可能になりました。TCDテーマ>トップページ>メ

  • Switch(TCD063)

TCDテーマSwitch:サムネイル画像上に表示される「インタビュイーの名前」にリンクを設定する方法

Q.カスタム投稿タイプ「インタビュー」で、サムネイル画像左上の三角形の部分に表示される「インタビュイーの名前」にリンクを設定したいA.下記の方法でカスタマイズしてください。1. トップページ編集するファイル: front-page.php編集する箇所: 196行目 ↓

  • Switch(TCD063)

TCDテーマSwitch:ヘッダーコンテンツの画像スライダーの高さを変更する方法

Q.トップページのヘッダーコンテンツで、画像スライダーの高さを変更したい。A.下記にてご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。併せて、ヘッダー中央に表示するキャッチフレーズの表示位置の変更についても記述しています。・PC想定幅に対する調整・ス

  • NANO(TCD065)

TCDテーマSwitch・NANO:サイトにウェブクリップアイコンを設定する方法

Q.iPhoneやiPadでホーム画面にサイトを追加したときのアイコン画像を設定したい。A.下記の方法でカスタマイズしてください。編集するファイル:header.php追記箇所は、head内であれば指定はありませんが、/headのすぐ上がよいかと思います。(補足)アイ

  • Switch(TCD063)

TCDテーマSwitch:タイピングエフェクトの速度を変更する、エフェクトをなくす方法

Q.トップページのスライダー上、下層ページのヘッダー画像上のキャッチフレーズのタイピングエフェクトの速度を変更したい。エフェクト自体をなくしたい。A.下記の方法でご対応ください。1. スピードを調節したい▼編集するファイルと変更箇所トップページ: front-page.min.j

  • Switch(TCD063)

TCDテーマSwitch:トップページヘッダーコンテンツに設定したYoutube動画のループを解除する方法

Q.ヘッダーコンテンツにYoutube動画を設定すると自動でループ再生がオンになりますが、ループの解除方法を教えてください。A.下記のjsファイルの該当箇所を編集します編集するファイル:youtube.js (assets/js/youtube.js)編集する箇所:※