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

ワードプレステーマ別

スライダー

70
  • STORY(TCD041)

TCDテーマSTORY:トップページ画像スライダーの拡大・縮小を停止する方法

2021/9/16 記事を更新しました。Q.トップページヘッダーコンテンツの画像スライダーの拡大・縮小のアニメーション効果をなくしたいトップページヘッダーコンテンツでスライダーの画像が拡大・縮小しながらスライドする効果は、STORY特有の柔らかさを演出しております。この記事では拡大・縮小をせ

  • AGENT(TCD033)

TCDテーマAGENT:トップページスライダーの高さを変更する方法

TCDテーマAGENTのトップページに表示されている、スライダーの高さを変更したいと思ったことはないでしょうか?今回は、スライダーの高さを自由に変更する方法について解説していきます。※カスタマイズをされる場合は必ずバックアップしてからおこなってください。1.カ

  • Canvas(TCD017)

TCDテーマCanvas:トップページのスライダーを増やす方法

Q.TCDテーマCanvasでトップページのスライダーを増やしたい。Canvasでトップページのスライダーを増やす方法をご紹介いたします。ただし、テーマオプションの変更を伴うカスタマイズはテーマの仕様を大きく変更することになるためご案内出来かねます。今回の方法は、スライダー画像の設定

  • LUXE(TCD022)

TCDテーマLUXE:トップページスライダーの背景色を変更する方法

Q.トップページのスライダーの背景の灰色を変更したいスライダーの背景である灰色と同じく灰色のサムネイル部分の背景色を変更したいA.下記のphpファイルの該当箇所を編集してください下記に示す各箇所の「「background」で指定されているカラーコードを任意のものにご変更ください。

  • AMORE(TCD028)

TCDテーマAMORE:スマホで閲覧した際トップページのスライダー画像が左右見切れるのを回避する方法

Q.スマホで閲覧した際トップページのスライダー画像が左右見切れるのを回避したいスマホで閲覧した際、トップページのスライダー画像が小さくなるため、自動的にサイズを調整していますが、そのために起こる左右の見切れを回避する方法です。A.下記のphpファイルの該当箇所を編集してください編

  • Precious(TCD019)

TCDテーマPrecious:のトップページスライダーの切り替え秒数を変更する方法

Q.トップページスライダーの切り替え秒数を変更したいトップページスライダーの切り替え速度を速くする方法を教えて下さい。A.下記のphpファイルの該当箇所を編集します編集するファイル:header.php編集する箇所:↓↓↓↓↓↓ ご変更ください ↓↓↓↓↓↓

  • Precious(TCD019)

TCDテーマPrecious:商品ページの自動スライドショーを停止する方法

Q.商品ページのスライドショーを停止したい商品ページでは複数枚の商品画像を投稿した際に自動でスライドショーが設定されますが、これを停止して画像のクリックで表示を切り替える方法を教えてください。A.下記のphpファイルの該当箇所を変更します編集するファイル:header.php

  • IZM(TCD034)

ヘッダーカルーセル・フッターカルーセルをスマホでは非表示にする方法

Q.ヘッダーカルーセル・フッターカルーセルをスマホでは非表示にしたいA.下記のPHPファイルの該当箇所を編集します■ヘッダーカルーセルの非表示編集するファイル:header_slider.php編集する箇所:ヘッダーカルーセルの非表示↓■フッタ

  • VIEW(TCD032)

記事ページのアイキャッチ画像スライダーの切り替え速度を調整する

Q.記事のアイキャッチ画像スライダーの表示速度を調整・変更したい記事のアイキャッチ画像スライダーの切り替え速度の調整方法を教えてください。A.下記のphpファイルの該当箇所を編集します編集するファイル:head.php (functions/head.php)編集する箇所:

  • Opinion(TCD018)

TCDテーマOpinion:トップページスライダー枠の右に表示される記事にリンクをつける方法

Q.スライダー右の記事にリンクをつけたいトップページスライダーの右の4つの記事が並んでいる箇所で、クリックと同時にその記事ページに遷移するように変更したいです。A.下記のphpファイルの該当箇所を編集します編集するファイル:index.php編集する箇所:編集ファイル:i

  • AMORE(TCD028)

TCDテーマAMORE:スライダー上の文字にリンクを貼る方法

Q.スライダー上の文字(トップページ第1ブロックの内容)にHTMLでリンクを貼ってもリンクが作動しませんデフォルトでは、上下に動いている矢印が文字の前に来るようになっているため、リンクが効かない形となっています。以下のようにコードの順序を変更することで、上下に動いている矢印が文字の後ろになり

  • Opinion(TCD018)

TCDテーマOpinion:スライダー部分の背景色を変更する

Q.トップページスライダー部分の背景色の変更をしたいスライダー部分の黒い背景色やタイトル、日付やカテゴリーの文字色の変更方法を教えてください。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_pc.css編集する箇所:※background:#2

  • Opinion(TCD018)

TCDテーマOpinion:スライダーの動きを止めたい

Q.スライダーの停止方法を教えてほしいスライダー画像が動くことなく、特定の記事を静止させる方法はありますか?A.下記のファイルを編集しますOpinionのスライダーは、自動再生機能を搭載しておりますので、自動的に次の画像に変化致します。そちらを静止したい場合は、下記の方法でご編集くだ

  • AMORE(TCD028)

TCDテーマAMORE:スマホのトップページスライダーを非表示にする

Q.トップページスライダーをPCにだけ設定し、スマホでは表示させないようにしたいトップページスライダーをスマホでは非表示にして、第2ブロックから表示させたいです。変更方法を教えてください。A.下記のphpファイルの該当箇所を編集してください編集するファイル:page-welcom

  • AGENT(TCD033)

TCDテーマAGENT:トップページスライダーに静止画を設定する方法

Q.トップページスライダーを停止し、1枚の固定画像を設定するには?トップページにスライダーを1枚だけ設定していますが、次のスライドを読み込むアニメーションが入ります。アニメーションなしの固定画像を設定することはできますか?A.下記のphpファイルの該当箇所をコメントアウトします当テー

  • Precious(TCD019)

TCDテーマPrecious:トップページスライダーの切り替え秒数を変更する

Q.トップページスライダーの切り替え秒数を変更したいトップページスライダーの切り替え速度を速くする方法を教えて下さい。A.下記のphpファイルの該当箇所を編集します編集するファイル:header.php編集する箇所:※animSpeedがアニメーションの時間(クロスフェー

  • An(TCD014)

トップページのスライダーを最新投稿ページのみ表示する方法

Q.トップページに表示されるスライダー画像を最新のみ表示したいAnなどのトップページスライダーは、投稿記事をランダムに表示していますが、これを最新投稿のみにする方法はありますでしょうか。A.下記のphpファイルの該当箇所を編集します編集するファイル:index.php編集する箇所

  • Precious(TCD019)

TCDテーマPrecious:トップページスライダー画像の高さを変更する

Q.スライダー画像の縦幅を調整をしたいスライダー画像の推奨サイズ1140pxX400pxは少し横長なので、縦幅を変更する方法を教えてください。A.下記のcssファイルの該当箇所を編集してください編集するファイル:style_pc.css編集する箇所:     ↓※

  • Opinion(TCD018)

スライダーの記事の表示順をランダムから新着順に変更する

Q.スライダーの記事の表示順を新着順に変更する方法トップページのスライダーに表示される記事をランダム表示から投稿日順表示に変更する方法を教えてください。A.下記phpファイルの該当箇所をご編集ください編集するファイル:index.php編集する箇所:※最後の 'ran