comments trackbacks you may also like

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

2019年12月25日
#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分からのサッカー番組)には進行役として出演するも、これは事前...

\Thanks/

【ランキングに挑戦中】

いつも応援クリック↓
ありがとうございます

にほんブログ村

関連記事
M
この記事を書いた人: M
ブロガー/FC2公式おすすめブログ認定/企業家/投資家/Fashion研究家/不動産コンサルタント/会社経営/将棋六段/おうちごはん男子部/料理を悪戦苦闘修行中/ヘッドスパとスイーツをこよなく愛する46歳/人生なんて気持ち次第‼︎きっと何くるないさ〜(´ー`)
FC2ブログオフィシャルおすすめブログ認定バナー日本ブログ村 プロフィール
iconiconiconicon

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

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.
未分類 (0)
シン・胃がん闘病記 (44)
┣  AVANT:癌の余命宣告~共存 (31)
┗  セントラルドグマ:父親の胃癌 (13)
胃がん闘病記録まとめ (85)
┣  ステージ3B-多発性高度リンパ節転移胃癌 (57)
┗  胃がん再発「転移性肝がん」で余命宣告 (27)
胃がん-Stomach_cancer (5949)
┣  胃がんブログ (285)
┣  よりぬき胃がんブログ (16)
┣  胃がん闘病記-日記 (5586)
┣  酒場放浪記 (10)
┣  胃がん手術後の食事記録 (6)
┣  胃切除後の料理など (36)
┗  がん治療のクラウドファンディング (10)
がんのこと-ガン情報全般-cancer (547)
┣  がんブログ (315)
┗  がんニュース (232)
胃がん障害年金ブログ (71)
┣  障害年金-準備編 (23)
┣  障害年金-審査から年金受給まで (12)
┣  障害年金-審査請求-不服申立 (26)
┗  障害年金-再審査請求 (10)
Amazon (144)
┣  Amazonセール (2)
┗  Kindleセール (141)
おもしろグッズ (11)
今日のエッセイ (128)
ニュース-芸能-話題 (812)
┗  転職-キャリアアップ (21)
占い-心理テスト (6)
恋愛-人間関係 (30)
終活ブログ (12)
グルメ (110)
┣  低糖質レシピ (30)
┗  お酒の飲み方 (2)
胃切除後の食事レシピ (672)
┣  ご飯-おかゆ-和食 (174)
┣  おかず (140)
┣  味噌汁-スープ (75)
┣  カレー関係 (66)
┣  パン-洋食 (63)
┣  麺類 (112)
┗  その他-簡単レシピなど (39)
ブログ (248)
┣  FC2ブログ-便利ワザ-アイテム-HTML-SEO対策など (187)
┣  FC2ブログ日記-カスタマイズの所感など (14)
┣  GoogleAdsense-アドセンス (8)
┣  趣味や将棋のこと (31)
┗  ファッション (8)
iPhoneの使い方-アプリなど (33)
司法書士 (26)
┣  仕事-実務や登記のこと (1)
┗  事件ファイル (25)
COLLECTION (28)
┣  家電 (11)
┣  ホーム&キッチン (5)
┣  ビューティー&ヘルスケア (5)
┣  QOL改善&ヘルスケア (2)
┗  お酒 (5)