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

ワードプレステーマ別

スマホ、タブレット

46
  • PHOTEK(TCD024)

TCDテーマPHOTEK:スマホ閲覧の固定ページNosideテンプレートのコンテンツ幅の調整

Q.スマホ閲覧時の固定ページNosideテンプレートのコンテンツ幅を広げたいスマホで固定ページNosideテンプレートで作成したページを見ると、文章の表示領域が狭いと感じます。コンテンツ幅と文字の表示領域を広げる方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集

  • AMORE(TCD028)

TCDテーマAMORE:トップページスライダー上の見出しのフォントサイズを変更する

Q.トップページのスライダー上のフォントサイズを変更したい第1ブロックで設定するトップページ第1ブロックの内容のテキストサイズを大きくする方法を教えてください。A.下記のcssファイルの該当箇所を編集します編集するファイル:amore.css編集する箇所:①PC表示のフォントサイ

  • LUXE(TCD022)

TCDテーマLUXE:スマホ表示のメニューボタンの文言変更

Q.スマホ表示の際の「メニュー」ボタンの文言を変更したいスマホ表示の際、ヘッダーの右上に表示されるメニューボタンの文言を変更する方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集するファイル:header.php編集する箇所:↓例)※例で

  • logue(TCD020)

スマホに表示する「おすすめ記事」や「最近の記事」のレイアウトを変更する

Q.スマホ専用に配置したウィジェットのレイアウトを変更したいスマホ専用に配置した「おすすめ記事」や「最新の記事」(tcdバージョン)などのウィジェットの表示を横並びレイアウトに変えることはできますか?A.下記cssファイルの該当箇所をご編集ください編集するファイル:style_sp.

  • Grider(TCD015)

スマホ表示でトップページ全体が左に寄るときの対処法

Q.トップページの表示が左に寄ってしまうスマホでトップページをスクロールするとレイアウトが左寄りになります。A.下記phpファイルの該当箇所を編集することで、解消する可能性があります編集するファイル:header.php編集する箇所:     ↓ ※または

  • CUBEY(TCD023)

スマホでTCDテーマCUBEY閲覧時に記事ページの画像がはみ出てしまうときの対処法

Q.スマホ表示で記事内の画像が見切れるのを修正したいスマホで見ると、記事詳細ページの写真がはみ出してしまうのですが、どのようにすれば調整できるのでしょうか?A.下記のcssファイルの該当箇所を編集します編集するファイル:style.css編集する箇所:    ↓※

  • SWEETY(TCD029)

スマホでTCDテーマSWEETYを表示した際のロゴの調整方法

Q.ヘッダーロゴとフッターロゴのサイズを均一にしたいのですが?スマホで閲覧時にヘッダーロゴは小さく、フッターのロゴは大きく表示されてしまいます。どこか設定でロゴサイズを均一に表示させる方法はありませんか?A.下記のphpファイルの該当箇所を編集します当テーマでは、ヘッダー部分には設定

  • テーマ共通

TCDテーマでピンチイン、アウトを有効にする方法

Q.スマホやタブレットでピンチイン、ピンチアウトを有効にしたいスマホ、タブレット操作でピンチイン、ピンチアウトができないのですが、文字が読みづらいと思うこともあり、拡大、縮小ができるようにカスタマイズをしたいです。A.下記のphpファイルの該当箇所を編集します編集するファイル:heade

  • logue(TCD020)

TCDテーマLogueのスマホ閲覧時の表示速度が遅いとき

Q.スマホ閲覧時のサムネイルの表示速度が遅いのですがスマートフォンでのトップページのアイキャッチ画像の表示速度が遅いと感じます。デスクトップでは問題無いのになぜスマホだけ遅いのでしょうか?特にiPhoneよりもAndroidスマートフォンで顕著にでます。ブログの購読者の多くはスマートフォンか

  • Chill(TCD016)

TCDテーマChill:スマホ閲覧時にタイトルとソーシャルアイコンが重なるときの対処法

Q.ヘッダー部分のサイトタイトルとソーシャルアイコンが重なってしまうのですが?メニュー部分にタイトルが表示されている影響で、ソーシャルアイコンと重なってしまっています。調整方法を教えて下さい。A.下記のcssファイルの該当箇所を編集すると、フォントサイズや表示領域の横幅を変更することがで

  • BlogPress(TCD010)

TCDテーマBlogPressでスマホ表示のみ記事の表示件数を変更する

Q.スマホ表示のときだけ記事一覧の表示件数を変更したいトップページの記事の表示件数は、PC表示もスマホ表示も同じですが、スマホ表示のときだけ、減らすことは可能でしょうか?A.下記のphpファイルの該当箇所を編集します編集するファイル:index.php編集する箇所:  ↓

  • Opinion(TCD018)

TCDテーマOpinionでトップページスライダーを非表示にする(スマホ版)

Q.コンテンツスライダーをPCにだけ設定し、スマホでは表示させないにはどうすればいいですか?コンテンツスライダーをPCにだけ設定して、スマホではコンテンツスライダーを消したいのですが、設定箇所があるわけではないので方法がわかりません。解決方法を教えてください。A.下記のphpファイルの該

  • Chill(TCD016)

TCDテーマChill:スマホで閲覧した際のフォントサイズを変更する方法

Q.スマホ表示でデフォルトで設定されているフォントサイズを変更するには?スマートフォン閲覧時にデフォルトで設定されているフォントサイズを変更したいので、その方法を教えてください。トップページはスマホで表示した時に12pxのままで文字が小さいため、読みにくいように思います。A.下記のCSS

  • Opinion(TCD018)

TCDテーマのレスポンシブ機能を無効(解除)する方法

Q.レスポンシブ機能の解除をするにはBlogPressを使用しているのですが、スマートフォン対応の必要がなくなったのでレスポンシブデザインを解除したいのですが、どのようにすればできますか。A.下記のphpファイルの該当箇所を編集します①編集するファイル:header.php編集す

  • テーマ共通

TCDテーマでIpad(タブレット)画面横幅表示を調整する方法

Q.タブレットでの閲覧時、画面の両端の余白が少ないiPad(タブレット)でアクセスした場合のみ、文字や画像が画面端ピッタリから表示され、ページ左右の空きが全くない状態です。タブレットをタテ、ヨコで表示を変えても同じように画面両端に空きはなく、画面ギリギリから文字や画像が配置されています。