お問い合わせ

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

岡山市のパソコン教室 パソコンの前で悩む女性 スキル

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

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

 

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

 

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

こんな感じの?スライドショーが作れます。

previous arrow
next arrow
Slider

 

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

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

 

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

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

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

 

ただし、本文内には、このような感じで挿入できる。

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

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

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

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

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

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

 

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

 

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

フェイドインとか、、、

 

ROLLIN イメージ

Shortcodes Ultimate

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

 

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

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

 

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

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

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

 

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

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

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

 

 

Flash の例

 

 

Bounceの例

 

 

 

Shake の例

 

 

Tada の例

 

 

 

Swingの例

 

 

 

Wobble の例

 

 

Pulseの例

 

 

Flipの例

 

 

FlipInの例

 

 

FadeIn の例

 

 

FadeOut の例

 

 

SlideIn の例

 

 

BounceIn の例

 

 

RotateOut の例

 

 

LightSpeed の例

 

 

 

Hingeの例

 

 

RotateIn の例

 

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

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

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

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

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

 

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

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

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

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

 

 

岡山市北区のパソコン・プログラミング教室、ロボット教室、英語教室
岡山でパソコン・プログラミング教室をお探しなら岡山市北区のキュリオステーション岡山店へ、大人から子どもまでパソコンやスマホ、プログラミングのスキルアップに、園児から通えるロボット教室、英語教室など楽しくスキルアップできる地域に愛される教室を目指しています
岡山市北区のマンツーマン個別指導型パソコン教室
岡山でパソコン・プログラミング教室をお探しなら、「解りやすい説明でした」との感想が多い岡山市北区のパソコン・プログラミング教室【キュリオステーション岡山店】へ、気軽にスマホのことも相談できる教室です。無料体験・無料相談も随時しています。
岡山市北区のマンツーマン個別指導型プログラミング教室
岡山でプログラミング教室をお探しなら、岡山市北区地域で一番の解決力「問題解決するの早いですね!!」とよく言われるプログラミグ教室「キュリオステーション岡山店」へ、驚きとワクワク感のある無料体験も随時募集中です。楽しくプログラミグを!!
岡山市北区のロボット教室&ロボットプログラミング教室【岡山表町教室】
岡山でロボット教室|ロボットプログラミング教室をお探しなら、岡山市で発想力と応用力を養う習い事と話題のヒューマンアカデミーロボット教室「岡山表町教室」へ。準備も片付けも自分で!普段見られない姿が見られるロボット教室
岡山市北区の恥ずかしがり屋な子ども向け英語|英会話教室
岡山でこども英語教室をお探しなら、岡山市北区のシャイで恥ずかしがり屋な子ども向け英語|英会話教室「ヒューマンアカデミーランゲージスクール岡山表町教室」へ、英会話スクールと英語塾のいいとこ取りの仕組みとなっています。気になりましたら無料体験をご予約下さい。
岡山市北区のマンツーマン個別指導の格安パソコン教室
岡山でパソコン教室をお探しなら、岡山市北...

 

 

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