TCDテーマSTORY:ロゴのサイズを調整する方法
Q.ヘッダーやフッター、ヘッダーコンテンツの円形ボタンのロゴサイズをCSSで調整したいです。Ver1.16のテーマアップデートでヘッダーロゴ画像の表示領域を調整した関係で、ロゴ画像が大きい、かつメニュー数が多い場合はグローバルメニューが表示されなくなる(改行される)ことがございます。その場合
Q.ヘッダーやフッター、ヘッダーコンテンツの円形ボタンのロゴサイズをCSSで調整したいです。Ver1.16のテーマアップデートでヘッダーロゴ画像の表示領域を調整した関係で、ロゴ画像が大きい、かつメニュー数が多い場合はグローバルメニューが表示されなくなる(改行される)ことがございます。その場合
Q.フッターウィジェットのカラム数を6カラムにすることはできますか?以下の該当箇所は「3カラムレイアウト」もしくは「7カラムレイアウト」で設定できる仕様になっています。▼修正前イメージ「7カラムレイアウト」を選択してフッターウィジェットに6つのメニューを設定した場合、以下のように横並
Q.トップページ内のコンテンツは順番を入れ替えられますか?トップページ内のコンテンツ1・2・3・4は順番を並び替えることはできますか?A.下記phpファイルの該当箇所を編集します。コンテンツで該当する箇所ごと、ご希望の順番に入れ替えてください。編集するファイル: front-pa
Q.フッターに表示されるギャラリーは非表示にできますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記CSSをご入力ください。
Q.質問内容トップページのヘッダーコンテンツを「画像スライダー」に設定している場合、画像がゆっくりとズームイン・ズームアウトする仕様になっていますが、この速度を変更することはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部
Q.フッターギャラリーに表示されるタイトルを非表示にできますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>サイト基本設定のカスタムCSSに入力してください。
Q.質問内容管理画面【外観】→【TCDテーマオプション】→【トップページ】→【ヘッダーコンテンツの設定】→「ヘッダー円形ボタンのタイトル画像」ですが、PCでもスマホでも同サイズで表示されるため、スマホで見た際に円形ボタンに入りきりません。スマホの画面サイズに合うようにすることはできますか。&
Q.トップページコンテンツ1の説明文でHTMLタグを使いたいです。この箇所ではセキュリティの観点より、WordPressのコメント機能と同様にHTMLタグをお使い頂けない仕様のため、HTMLタグは反映されません。▼変更箇所イメージA.下記の方法でカスタマイズしてくださ
Q.スマホ表示時のヘッダーの下部とハンバーガーメニューの左に表示される1pxの線を非表示にしたいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。
Q.トップページ「コンテンツ2」の各ボックス内の見出しや説明文の文字の色を変更したいです。この箇所の背景色は【TCDテーマオプション>基本設定>色の設定>サブカラーの設定】が適用されます。リンクテキストの文字色とホバー時の背景色には【TCDテーマオプション>基本設定>色の設定>メインカラーの設定
Q.トップページヘッダーコンテンツで「画像スライダー」選択時の、各スライドの切り替わるスピードを変更したい。A.下記の方法でカスタマイズしてください。編集するファイル: js/topSlider.js編集する箇所: 6行目付近以降6行目付近の「1000」と設定され
Q.質問内容タブレットでサイトを見ると、PC用に設定したロゴ画像が表示されるため、ヘッダーバーからはみ出してしまいます。スマホ用に設定した画像を表示させることはできますか。▼変更箇所イメージA.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカス
Q.質問内容トップページ「コンテンツ1」内にあるキャッチフレーズですが、スマホ閲覧時の文字サイズは固定となっています。変更することはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめ
Q.固定ページヘッダー画像の「キャッチフレーズ」「サブタイトル」がふわっと表示されますが、このアニメーションをなくすことは可能ですか?▼変更箇所イメージA.下記の方法でご対応ください。すべての固定ページに反映させたい場合は、外観>TCDテーマオプション>基本設定のカス
Q.トップページのヘッダーコンテンツの画像スライダーの高さの変更方法を教えて下さい。スマホ表示時の同箇所変更方法については、下記の記事をご参照ください。→TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法A.下記の方法でご対応ください。外観>TC
Q.ギャラリー一覧ページのtitleタグが「ギャラリー|サイトのタイトル」となりますが、「ギャラリー」部分を変更できますでしょうか?下記のカスタマイズを行うことで、管理画面上の「ギャラリー」の文言の一部も変更後の文言に変更されます。A.下記の方法でカスタマイズしてください。編集するファイ
Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの
Q.パンくずリストの「ニュース」を変更出来ますでしょうか?ニュース一覧とニュース記事に表示されるパンくずリストの文言を変更する方法です。A.下記の方法でカスタマイズしてください。編集するファイル: breadcrumb.php (template-parts/breadcrumb.php
Q.トップページにある円形ボタンの透明度を変えることは可能ですか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力下さい。※●のところには0.1~0.9までの数値を入れてください。なお、「0.0
Q.トップページのtitleタグをサイトタイトルのみに変更するトップページの<title>の内容を見ると「サイトタイトル|キャッチフレーズ」となっているのですが、これを「サイトタイトル」のみの表示にすることはできますか。A.下記のphpファイルの該当箇所を削除またはコメントアウトしてくだ
Q.ギャラリーページのパンくずリストを変更したいのですが、どのようにしたら出来ますでしょうか?A.下記の方法でご対応ください。下記内容をご記述頂くことで、カスタマイズ可能となります。編集するファイル:functions.phptemplate-parts/breadc
Q.コピーライトを変更したいのですが、どのようにしたら出来ますでしょうか?現在、Copylightの部分は、サイトのタイトルが表示されるようになっているようですが、サイトのタイトルとは異なる表記にしたい場合、どの部分の設定を変更すればよろしいでしょうか?A.下記の方法でご対応ください。
Q.フッターに複数社のロゴを設定したいのですが、どうすればいいでしょうか?ロゴを4つ横に並べる事が出来るのでしょうか?また、もしそのような対応が出来た場合、スマホでも同じように表示されますでしょうか?A.下記の方法でご対応ください。フッターにロゴを4つ並べるには、外観>TCD
Q.TCDテーマオプションのボックス設定やコンテンツで設定したリンク先URLをクリックしたときに「新しいタブで開く」ようにするにはどうしたらいいでしょうか?A.下記の方法でご対応ください。下記ファイルを編集する事で実現可能です。編集するファイル:front-page.php
Q.「トップページ」の設定でコンテンツ2のボックス3のリンク先URLについてです。このリンク先を新しいページで開きたいのですがその設定はできませんか?STORYのサイト内を想定しておりました為、別窓では開きませんが、下記の編集をすることで可能です。A.該当ファイルを編集してくださ
Q.ブログ記事ページのヘッダーを小さくして、ファーストビューで記事本文を表示させたい。▼変更後のイメージ →変更前例:デモサイトブログ記事A.下記の方法でご対応ください。適用させたい範囲にあわせて、以下のいずれかのカスタムCSSに入力してください。・外観>TCDテーマオ
Q.固定ページのパンくずリストを親子関係まで表示したいのですがテーマの編集からbreadcrumb.phpを開いて以下ソースコードの背景色が付いている箇所を変更ください。編集するファイル:breadcrumb.php変更箇所:↓ ブログ記事のパ
Q.ブログ投稿ページのパンくず名称を変更したいのですが可能でしょうかA.下記の方法でカスタマイズしてください。編集するファイル: breadcrumb.php (template-parts/breadcrumb.php)編集する箇所: 28・48・97行目 ↓
Q.トップページのフッターのギャラリーのマウスを置いたときに表示される日付を非表示(タイトルはそのまま)にすることはできますか?[外観]>[TCDテーマオプション:基本設定]にございます[カスタムCSS(タグ内に挿入されます)]の欄に以下CSSのいずれかを記載いただき調整いただけます。
2021/9/16 記事を更新しました。Q.トップページヘッダーコンテンツの画像スライダーの拡大・縮小のアニメーション効果をなくしたいトップページヘッダーコンテンツでスライダーの画像が拡大・縮小しながらスライドする効果は、STORY特有の柔らかさを演出しております。この記事では拡大・縮小をせ