このサイトで使っているプラグインの一部を紹介

え?こんなのどうやって作ってるの?っと気になった方向けに、、、

このサイトで使っているプラグインを一部紹介しておきます。

よく使われているプラグインですが、、、

Smart Slider スライドショー作成に使用

スライドショーが作れます。

実際には、このようなヘッダ画像をスライドショーで魅せようとして導入しているプラグイン

だけど、、実際には使っていません。

このサイトは、マルチサイトと呼ばれる構成にしています。

その関係で、マルチサイト構成では、ヘッダ部に追記できないようになっていました。

このあたりが、マルチサイト構成の制限なのかも知れない。

ただし、本文内には、このような感じで挿入できますが、AMPでエラーとなるので、原因が解るまでは導入を控えています。

サイズ指定も可能なので、使いやすいです。

プラグインを追加すると、上、左のバーに出てくる

岡山市北区のパソコン教室 WordPress プラグイン Smart Slider

Dashboard をクリックしてプロジェクトを作っていこう。

ショートコードが生成されるので、記事内にコピペするか?

PHPコードもあるので、PHPのソースコードにコピペして使用しよう、ヘッダ部とかは、こっちにすれば可能ですが、使用しているテンプレート次第となります。

写真を動かす。ブロックを動かす。Shortcodes Ultimate

写真をより注目させようと動きを付けるには?

フェイドインとか、、、

ROLLIN イメージ

岡山県岡山市のキュリオステーション岡山店ヘッダ画像202012

Shortcodes Ultimate

  「WordPress 用のビジュアルコンポーネントの包括的なコレクション」との説明がある。

写真や文字を動的に魅せるために、使ってみた。プラグイン

スライドインとか、回転させたりしているのに、使用してみた。

ショートコードでの指定となるが、選択できるウインドウが出てくるので、設定もしやすい感じです。

時間設定、遅延設定など設定できるのもよいかと思います。

以下、覚え書きになるので、いろいろなパターンで試しています。

文字データとして、ブロック単位でするのか?

画像データで行うのか?によっても違った感じになるかと思います。

なお、再度確認する場合は、再読み込みして見て下さい。

Flash の例

岡山市北区のロボット教室 プログラミングして動かす
岡山市北区のロボット教室 プログラミングして動かす

Bounceの例

岡山市のパソコン教室 パソコン便利技

Shake の例

岡山市のパソコン教室 スマホOK

Tada の例

パソコンを使っていると驚くこといっぱい

Swingの例

岡山市 キュリオステーション岡山店 スケジュール

Wobble の例

岡山市のパソコン教室で仲良く学ぶ

Pulseの例

岡山市のパソコン教室 パソコン

Flipの例

岡山市のパソコン教室で無理なく学ぶ

FlipInの例

岡山市のパソコン教室で思わず笑顔になる女性

FadeIn の例

岡山市のパソコン教室で多い相談はスマホ

FadeOut の例

岡山市のパソコン教室で多い相談はスマホ

SlideIn の例

パソコンって疲れるなぁ~

BounceIn の例

岡山市北区パソコン教室でスマホで悩む女性
スマホって・・・・

RotateOut の例

岡山市のパソコン教室 スマホOK

LightSpeed の例

パソコンを使っていると驚くこといっぱい

Hingeの例

文字でしたら面白いかも

RotateIn の例

岡山市のパソコン教室は超初心者から通える

Shortcodes Ultimate ってどうやって使うの?

1.プラグインを追加して「[]ショートコードを挿入」を押下

岡山市北区のパソコン教室 Shortcodes Ultimate イメージ1

2.一覧から「アニメーション」を選択

岡山市北区のパソコン教室 Shortcodes Ultimate イメージ2

3.出てくるウインドウで設定していく

岡山市北区のパソコン教室 Shortcodes Ultimate イメージ3

最後に「ショートコードを挿入」とすると、記事内に表示されるので、

始まりと終わりを、上手に編集して使って下さい。

お問い合わせ

TEL:086-206-5592

WEB:WEB予約

パソコン・スマホのスキルアップなら、岡山市北区のパソコン教室「キュリオステーション岡山店」へ通いやすい仕組みの料金設定にしています。同じ料金設定の中高生も大人もスキルアップできる初心者向けのプログラミング教室、子ども向けの知的好奇心を育むロボット教室マンツーマン個別レッスンの英会話教室もしています。

タイトルとURLをコピーしました