■その他

【DLsiteのような画像スライダーの設定に2時間かかった】ワードプレス

【インストールは簡単!しかし設置と調整に2時間かかりました】

 

今回はちょっと技術的な話になります。

いつものようにDLsiteのトップページから、作品を吟味していたんですが

気になっている事がありました。それは・・・

 

DLsiteスライダー

 

これ!

 

なんかいいなーって思っていました。

自分のブログにも設置したい!

 

目次

スライダーを設置した理由とは?

 

理由:かっこいいから!

 

 

自分のブログは、「ワードプレス」っていうソフト?と

「simplicity2」っていうテンプレート(デザイン)を使っているんですが

まあ、探せばあるでしょ

 

・・・ありました。

そもそも、このシュッって画像が動くのを『スライダー』と言います。

名前さえわかれば、あとはネットで検索するだけ。

 

「ワードプレス スライダー」

 

ということで、見つけましたよ!

 

インストールは簡単

 

ワードプレスには、プラグイン(ソフトのようなもの)という機能があって

それをインストールすると、そのまま使えるんですよね。

 

そして見つけたプラグインは、『Smart Slider3』(スマートスライダー3)

 

smartslider3

 

ということで、インストール!!!

 

はい、インストールは簡単なんです。

 

 

・・・・設定が大変なんです!

 

smartslider3-1

 

インストールは簡単だけど設定は大変

 

謎の英語設定画面

 

インストールすると、一番下に「Smart Slider」なるものが

ここから設定すればいいのね。

 

smartslider3-2

 

ふむふむ・・・なるほど、英語か。

 

smartslider3-3

 

 

なるほど、わからん!

 

アバター4(う~ん)

 

これは、長い戦いになりそうだ。

 

悪戦苦闘の設定画面

 

smartslider3-4

 

スライドに表示させる、画像を用意して。

画面から、はみ出ないように調整して。

タイトルと、URLリンクを貼り付けて。

 

smartslider3-5

 

英語よくわからないから、1個設定を変更して、PCの画面を確認。

おかしくなったら、設定を戻す。

 

ひたすらこれの繰り返し!

 

smartslider3-6

 

PCはそれなりに表示が上手く行った・・・こんどはiphoneの画面がおかしい。

画面が小さすぎて見えなかったり、タイトル文字が大きすぎて画像に隠れちゃったり・・・

 

何度も試して、確認するしかない・・・

 

気づいたら、日付が変わっているんですが。

 

ついに完成!

 

そしてようやく

 

smartslider3-7

 

 

できたーー!!!!

 

 

か、かっこいい。

 

文字しかなかった、ブログタイトル部分が華やかに!

 

うむ、DLsiteのトップページのようだ。

 

土台の設定はできたので、後はレビューするたびに

画像とリンクのを用意できれば、OKですな。

 

 

設定は大変ですが、ブログがとってもかっこよくなります。

正直ワードプレス初心者には、かなり難しいと思います。

ここには載せていませんが、コード(プログラムのようなもの)の修正などもありました。

 

 

ワードプレス、中・上級者でコードがいじれる。

普段プログラムの仕事をしている人は、挑戦してみては?

 


 

そういえば、完成したスライダーに写っている「耳撫屋」ですが、

声優の「かの仔」さんの、耳舐めボイス技は、ハンパじゃなくすごいです。

ぐぽっ!を体験すると、脳が痙攣します。

 

 

【ぐぽっの耳舐めボイスレビューはこちら】

 

 

  にほんブログ村 ブログブログ ボイスブログへ

 

 

-■その他
-, , , ,

© 2024 耳舐めバイノーラルボイスで全身ゾクゾク♪100レビュー Powered by AFFINGER5