バーバーや美容室のホームページがつくれるWordPressテーマ「HOMME」

ワードプレステーマ別

テーマ共通

各テーマ共通で使えるカスタマイズ方法をまとめています。
テーマによって内容が微妙に異なる場合がありますが、適宜読み替えるなどしてご活用ください。

記事数 110
  • CURE (TCD082)

TCDテーマ共通:サイトタイトルに改行を入れる方法

Q.ヘッダーロゴ部分にサイトタイトルを表示させている際に、任意の箇所で改行を入れることはできますか?▼変更箇所イメージA.テーマファイル内のjsファイルにコードを追加することで対応できます。今回は例として、テーマ「CURE」のサイトタイトルに改行を加えます。以下の箇所にコ

  • OOPS! (TCD048)

TCDテーマOOPS!:クイックタグの見出しを以前の見出しのデザインに変更する方法

Q.質問内容・アップデート後も以前のデザインの見出しを利用したいです。・見出しをなぞる仕様を維持したまま、旧来のデザインを利用したいです。補足OOPS!のVer1.6.1→2.0アップデートにてクイックタグの仕様が変更になり、見出しや囲み枠が対象のテキストをなぞる(ドラッグ)ことで適

  • テーマ共通

TCDテーマ共通:クイックタグ「アンダーライン」の太さを変更する方法

Q.クイックタグ「アンダーライン」の太さは変更できますか?はい、可能です。カスタムCSSに以下をコピペする方法になります。A.下記の方法でご対応ください。TCDテーマオプション>基本設定>カスタムCSSに以下をコピペしてください。※HEAL(TCD077)以降にリリースされたアン

  • テーマ共通

TCDテーマ共通:「カスタムスクリプト」「カスタムCSS」機能でWebフォントを利用する方法

Q. Webフォントを利用できますか?A. いくつかの方法がありますが、「カスタムスクリプト」「カスタムCSS」機能を使用すれば簡単です。Webフォントを利用する方法はいくつか考えられます。レンタルサーバーサービスが提供するWebフォント例:エックスサーバー、さくらのレン

  • テーマ共通

TCDテーマ共通:子テーマに親テーマのアップデート情報を反映させたい

Q. 親テーマを最新版にアップデートしたのにアップデート通知が表示されたままです。A. 子テーマのstyle.cssに親テーマのバージョン情報を反映させてください。子テーマを作成してTCDテーマをご利用中で、子テーマフォルダにある「style.css」に、次の記述を行っているとします。

  • テーマ共通

テーマ共通:クイックタグ「吹き出し」のテキストの文字揃え位置を変更する方法

Q.クイックタグの「吹き出し」内の文章を中央揃えや右揃えで表示させたいです。▼変更箇所イメージ  デフォルトでは吹き出し内のテキストは左揃えで表示されています。この記事で触れられているクイックタグの「吹き出し」は「Be(TCD076)」以降のテーマで搭載されております。

  • テーマ共通

テーマ共通:クイックタグ「囲み枠a」「囲み枠b」「囲み枠c」内でリストタグを使用する方法

Q.クイックタグ「囲み枠a」の中で箇条書きを表示させたいのでulタグを入れたのですが、外に出てしまいます。クイックタグ「囲み枠a・b・c」はその内容にテキストのみを使用頂くことを想定しているためpタグ(段落タグ)に装飾を加えたものとなっております。HTMLの仕様として、pタグの中にリストタグ(u

  • テーマ共通

テーマ共通:スマートフォン表示時、記事内の動画のサムネイルを表示する方法

Q.スマートフォン表示時に記事内の動画のサムネイルが表示されません。WordPressの仕様により、iOS(iPhone)端末でのサイト表示時は、動画のサムネイルが表示されない仕様となっております。A.下記の方法でカスタマイズしてください。編集するファイル: pagebuilder/mo

  • テーマ共通

テーマ共通:スマホ表示時にコンテンツが左側に寄って表示される際の対処方法

Q.スマホで表示すると、コンテンツが画面の左側に寄って表示されてしまいます。トップページのフリースペース、あるいは記事詳細ページでYouTubeやGoogle Mapの埋め込みタグ等のiframeタグを使用した場合にお問い合わせを頂く事象です。基本的には、iframeタグはそのままの記述では

  • テーマ共通

テーマ共通:管理画面でも任意のファビコン画像を表示させる方法

Q.テーマオプションの「ファビコン画像」を設定しました。公開画面では反映されていますが、管理画面を表示しているときには反映されません。恐れ入りますが、TCDテーマ>基本設定>ファビコンの設定の内容につきましては、公開ページに反映されるものでございます。テーマ機能といたしましては、管理画面内でのフ

  • MAG (TCD036)

テーマ共通:Gutenbergエディターのテーブルに背景色やストライプを反映させる方法

Q.Gutenbergエディター(ブロックエディター)でテーブルを作成しましたが、ブロック設定のストライプや背景色が反映されません。テーマ側のtdタグに対する背景色設定が適用されている可能性が考えられます。その場合、Gutenbergエディター(ブロックエディター)のtrタグ背景色設定(行ごとに

  • テーマ共通

テーマ共通:GutenbergエディターでURLを貼り付けたときに表示されるサイトアイコンを変更する方法

Q.URLを貼るとWordPressのロゴがサイト名の前に出ています。投稿などでサイト内URLを貼り付けると自動でカードリンク表示されます。そのときに表示されるWordPressロゴを変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。外観>カスタマ

  • MONOLITH (TCD042)

テーマ共通:サイトにファビコンを設定する方法

Q.ファビコンを設定する方法はありますか。ブラウザのタブ等で表示されるファビコン(サイトアイコン)を設定する方法です。・ファビコン画像推奨サイズ:横幅16px、縦幅16px(正方形の画像をご用意ください)・.ico、.png、.gif形式のファイルが利用できますが、.icoファイルを利用

  • FAKE (TCD074)

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

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

  • テーマ共通

ページビルダーのスライダーをループさせる方法

Q.ページビルダーのスライダーのループ仕様を変更したいです。スライダーコンテンツの表示順が1→2→3→2→1→2→3→2→1(枚目)…となります。これを1→2→3→1→2→3…となるように変更したいです。※補足カスタマイズ内容は全てのスライダーに適用されます。また、この変更が適用

  • NANO (TCD065)

TCDテーマ:関連記事カードリンクの前後の文章の表示について

Q.ショートコード「関連記事カードリンク」の前後の文章で、行間等が本来のデザイン通りにならない。A.下記にてご対応ください。ショートコード自体をdivで囲むことが有効です。(テキストエディタで編集してください) ↓↓↓▼修正前(例:NANOの通常投稿)▼修正後(関

  • テーマ共通

TCDテーマで表示するアイコンを変更する方法

Q.TCDテーマの「スマホ用固定フッターバー」で表示するアイコンを変更したい「スマホ用固定フッターバー」で表示するアイコンは、大量にあるアイコンフォントの中の一部を抜粋しています。以下の方法で、管理画面の選択肢にないアイコンを表示させたりする事が可能です。A.下記の方法でご対応ください。

  • Be (TCD076)

TCDテーマRUMBLE:Twitterカードの画像の大きさを変更する方法

Q.ツイッターカードの画像を大きい画像(summary_large_image)に変更したい注意点当記事は「テーマ共通」としていますが、すべてのテーマでの動作検証は行っておりません。動作の保証ができず、万が一不具合が生じました場合も、弊社では責任を負う事ができかねます。カ

  • テーマ共通

TCDテーマ共通:「囲み枠b」内において空行を入れる方法

Q.「囲み枠b」内において空行を入れることは可能でしょうか?A.下記のような表記をお試しください。WordPressでは基本的に2連続の改行、つまりテキストの前後に空行が1行以上入ると<P>タグで囲まれるようになっています。そのため、「囲み枠b」内において上下が空行ですと、「

  • テーマ共通

TCDテーマ共通:ソースを整形済みテキストとして表示する方法

Q.ソースをテキストとして表示したいのですが方法はありますかA.テキストファイルにpreタグをお使いください <PRE>タグは、<PRE>~</PRE>で囲まれた範囲のソースに記述されたスペース・改行などを、そのまま表示します。※<>は表示のため全角で設定しておりますが、実際には半角

  • FORCE (TCD078)

TCDテーマBIRTH・FORCE:ページビルダーで設置したGoogleMapコンテンツの拡大率(縮尺)を調整する方法

2021/4/28 記事を更新しました。Q.GoogleMapの拡大率を調整したいページビルダー内のGoogleマップで地図の拡大率を調整したいのですが方法はありますか。このカスタマイズ内容はすべてのページビルダーのGoogleマップコンテンツに反映されますのでご了承ください。

  • BRIDGE (TCD049)

TCDテーマBRIDGE:トップページ内フリースペースにYouTube動画を挿入する方法

Q.トップページのフリースペースにYouTube動画を挿入したいです。A.下記ファイルをご編集下さい。トップページ内のフリースペースはセキュリティの面から特定のタグを禁止した仕様(コメント欄と同じ仕様)としており、その仕様が制限となってデフォルトの状態ではyoutube動画が表示されませ

  • GENSEN (TCD050)

TCDテーマGENSEN:抜粋の箇所で改行<br>を有効にする。

Q.検索一覧で表示される各記事の内容について、表示上改行されていません。HTMLタグを使用し文字等追加すること可能でしょうか抜粋を設定していた場合はその設定内容、設定が無ければ記事本文から冒頭のテキストを抜き出しますが、その際にHTMLタグは削除される仕様です。ただ、下記カスタマイズで、