ゆうらり Happy Smile
【FC2ブログカスタマイズ 2019】締め括りにCUBE状の3Dスライダーを設置!

【FC2ブログカスタマイズ 2019】締め括りにCUBE状の3Dスライダーを設置!

FC2ブログ日記-カスタマイズの所感など
2019/12/25 0
胃がん_ブログ_ゆうらりHappySmile_管理人M_イラスト_アイコン_画像
M
#FC2ブログ #FC2ブログテンプレート #FC2ブログテンプレートカスタマイズ #ブログ運営 #ウェブデザイン #jQuery #ブログカスタマイズ #ブログ日記 #Swiper #スライダー

FC2ブログカスタマイズ 2019


こんにちは! FC2ブロガーのMです。


昨日は突然、ブログに異変が起きました!


僕は、FC2ブログのトップページに カルーセル スライダー を設置しています。ところが、記事を1つ更新した直後から、まったく動作しなくなったんです( ̄O ̄;)


何かテンプレートをいじくった訳でもないのに、ナゼ?!いろいろと調べてみたところ、どうやらhtmlに記述したJavaScriptが動作してないようです(汗)


しかし、何もいじってないのですから、原因はファイルの読み込み先に不具合が生じているに違いない。自分の方では修正のしょうがないこういうケース。一番困りますよね…。


いずれ時間が経てば元に戻るのでは?と思いながらも、万が一このままだったら何だか非常に気持ち悪い(汗)


いっそのこと、むかし設置したカルーセル初期バージョンに戻そうかとも思ったのですが…。せっかくなので別の新しいカルーセルを設置することにしました。


FC2ブログカスタマイズ2019年の締め括りは、カルーセルスライダーを 3D CUBE に変更です!

jQuery不要の「Swiper」で3次元スライダーに挑戦!FC2ブログにカスタマイズしてみた件

FC2ブログ『ゆうらりハッピースマイル』の管理人Mです。いつもご訪問いただき、ありがとうございます(^^)今回もまた、FC2ブログテンプレートのカスタマイズ報告をしたいと思います。僕が現在ブログ運営するのに使っているテンプレートはFC2ブログテンプレート製作者Akiraさんの「Ample」です。ところが、僕のブログには、ヘッダー画像の下にデフォルトされてないスライダーが設置してあるので「おや?」と思われた方もいらっしゃる...

スポンサードリンク

FC2ブログに今まで設置していたカルーセルスライダーは、中央にメインスライドが表示されるタイプ。それが3次元効果で次々とスライドが切り替わっていくものでした。


FC2ブログに設置したSwiperの3次元風スライダー


今度は、キューブ状の3Dスライダーがくるくると回転するタイプです。


実は、これまでにも何度かやってみようかと思っていたんです。しかし、パッと見た感じで自分のトップページには似合わない予感がしまして…。


それで今回を機に試してみることに。


▼参考にしたのはこちらのサイト。

便利すぎ!jQuery不要のスライダー「Swiper.js」で色々と遊んでみよう

汎用性に優れている、超定番のjQueryベースのスライダーライブラリといえば、「slick」、「bxSlider」、「FlexSlider」 あたりでしょうか。 しかし、これらの名だたるライブラリよりも、総合的に機能が豊富でカスタマイズ性にも富み、しかもjQueryに依存しないJavaScriptスライダーライブラリとして人気を集めているのが、「Swiper.js」です。 試してみたところ、モバイルデバイスとレスポンシブ表示にも対応して...

現在の自分は高熱があるうえ、体のあちこちに痛みが起こってすこぶる調子が悪い。いろいろと試行錯誤をしていたら、ひっくり返ってしまいました(汗)


数時間ほどして目が覚めたら何と、カルーセルスライダーの不具合が解消されてる!しかし、すでにやりかけの状態だったので、このまま作業を続けました。


やっと設置してみると、さっそく何だか違和感が( ̄O ̄;)


自分的には、いつも上下の要素と幅を合わせてしまうクセがあり、今回も同じようにしてみたら何だか変!画像がデカすぎますね( ̄▽ ̄;)


FC2ブログに設置したSwiperのキューブ状の3Dスライダー


で、最大幅を縮めたら違和感を感じなくなりました。


本当にブログのウェブデザインて難しいものですねぇ(汗)


僕にとって、2019年はFC2ブログのテンプレートに、さまざまなカスタマイズを試みた1年でした。


結局、やってみたいと思ったことは、ぜんぶ成し遂げることが出来ました(^^)


これで悔いなく2019年を終えられそうです。


画像に表示されてる写真の出典元は下記の記事をご参照ください。

笠井信輔アナ、ブログで告白した「がんの痛み」のある人・ない人の話し

出典:笠井信輔official shinsuke kasai Instagramこんにちは! 癌ブロガーのM(@yulari_happy )です。悪性リンパ腫を公表し、自らのがん闘病記をつづるためにアメブロ「笠井TIMES 人生プラマイゼロがちょうどいい」を開設した元フジのフリーアナウンサー笠井信輔さん(56歳)。笠井信輔アナは、初投稿したブログ記事の中で、悪性リンパ腫を治療するための抗がん剤投与が昨日(23日)から開始されることを報告していました。【所...

キリン「午後の紅茶」ギター弾き語りをしているのは?今年1番気になったCM 2019

出典:キリン「午後の紅茶」ブランドサイトこんにちは! ブロガーのM(@yulari_happy )です。2019年に放送されたテレビCMの中で、皆さんにとってはどんな作品が印象に残っていますか?僕にとって「今年1番気になったCM 2019」は、12月からオンエアされた、キリン『午後の紅茶』のCMでした。なぜなら、このCMには2009年発表のJUJUさん9枚目のシングル「やさしさで溢れるように」のカバー曲が使用されていて、それをギターで弾き語り...

藤田ニコル、初のグラビア写真集「手ブラ」ショット先行公開『好きになるよ?』(ニュースまとめ 2019/12/21)

出典:ViViモデル・藤田ニコル1st写真集『好きになるよ?』発売決定!発売記念イベントも開催しちゃいます! | ViViこんにちは! ブロガーのM(@yulari_happy )です。タレントやYouTuber、ViVi専属モデルなど、TVからイベント出演までマルチに活躍する藤田ニコルさん(21歳)が“最初で最後”といわれるグラビア写真集『好きになるよ?』(講談社)を発売されることが明らかになりました。なお、発売日は2020年2月22日に決定したそ...

テレ東・鷲見玲奈アナ、不倫報道の擁護ツイートに「いいね」を押して騒動に(ニュースまとめ 2019/12/23)

出典:鷲見玲奈 すみれいな sumi__reina Instagramこんにちは! ブロガーのM(@yulari_happy )です。テレビ東京・鷲見玲奈(すみ・れいな)アナウンサー(29歳)に不倫疑惑が持ち上がっています。本当でしょうか⁈鷲見アナは、21日に放送された自身のレギュラー番組「追跡LIVE!SPORTSウォッチャー」を欠席しました。また、深夜に放送の「FOOT×BRAIN」(土曜深夜0時20分からのサッカー番組)には進行役として出演するも、これは事前...

この記事が気に入ったら
いいねとシェアしよう!

あわせて読みたい
data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="6,2" data-matched-content-columns-num="1,5"
現在の人気記事はコチラ!

 0

There are no comments yet.
FC2ブログ日記-カスタマイズの所感など