Sliderを採用し、PHPカスタマイズしてやっと実装できた。Sliderを実装したら、4種類のスライダーに切り替えできた。Slider実装の時に間違いやすいポイント1つ目。Slider実装の時に間違いやすいポイント二つ目。Sliderの間違った左側のショートコードを貼ると成功しないから注意する。Sliderを実装したら、4種類のスライダーに切り替えできた。Sliderがあります。このスライダーは実装が簡単な事に加え、4種類のスライダーを切り替えて使うことができ使えるプラグインです。その4種類のスライダーとは、下記「保存してプレビュー」の下の欄に記載されている、4つのスライダーはこちらです。Sliderは単体使用もできます。いずれも上記設定画面のように、幅や高さのみならず、効果、テーマ、ナビゲーションの表示か非表示かまで設定でき、大変パーフォーマンスがいいスライダーです。Sliderの3つは、レスポンシブにも対応しているので、スマホ表示が可能です。よってレスポンシブテーマを活かすには、全てをレスポンシブ対応にします。スライダーも上記3つから選んだ方がいい事になります。Sliderを採用する事にしました。効果も右下から左上へ、スクエア形状で、徐々に、変化していく感じに設定できました。Slider実装の時に間違いやすいポイント一つ目。実装してみると、間違いやすいポイントがありました。実際にやってみないと気づけない、クリアしなくてはいけないポイントが2つあったので備忘録しておきます。スライドに用意する画像は実寸で4枚用意しておく。サイズがあっていないと、スライドショーの画像がリピートになってしまいます。Slider実装の時に間違いやすいポイント二つ目。スライドショーを適用させるショートコードはPHP。二つ目、もうひとつもっと重要なポイントがかなり難解です。Sliderを、phpにコード貼る時、ワードプレスの場合は、ショートコード(上の設定画面で、右下の「使い方」欄で、左タブのショートコードに記載のソースではなく、ワードプレスはphpですから、右タブの「テンプレートに含める」に記載されている、phpコードを、phpファイルの表示させたい箇所に、貼り付けますもし右タブのPHPコードを貼らず、左タブのコードを貼ると、スライドショーが表示されません。Sliderの間違った左側のショートコードを貼ると成功しないから注意する。下のbefore/afterのようにphpをカスタマイズします。表示させるのに時間がかかりましたので、ここが成功するかどうかのポイントです。動的サイトではショートコードが別になるわけです。いうわけで、下記にて成功しました。?></p></div></div></div>結果このようなカバーをスライドショーにできました。UX/UIも秀悦なウェブ表示できますieやedgeで表示されない病を克服したグラフィックピックアップ記事2020/2/20WordPressのバージョンアップで失敗する前に!ほとんどの人が経験するよく失敗する事の一つが、Wordpressのバージョンアップです。UX/UIも秀悦なウェブ表示でき...Jimdoでもここまでできる!コスパのいいコーポレートサ...コスメECサイトをCMSで制作した実例。齋藤天津子...2020/2/20WordPressのバージョンアップで失敗する前に!ほとんどの人が経験するよく失敗する事の一つが、Wordpressのバージョンアップです。カバーをかっこよくつくるポイントこのポートフォリオの中のカバーは私自身が制作しています。