comments trackbacks you may also like

【FC2ブログテンプレート】Ampleのヘッダー画像、ランダム表示数を追加したけど文句ある?

2019年11月08日
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など
0
#FC2ブログ #FC2ブログテンプレート #FC2ブログテンプレートカスタマイズ #ブログ運営 #FC2ブロガー #ヘッダー画像 #ブログカスタマイズ

FC2ブロガーのMです。ご訪問いただきありがとうございます(^^)


今回は、FC2ブログのテンプレートについての話しを。


Akiraさんが期間限定(すでに終了しました)で公開された「Ample」に変更した僕は、このテンプレートがとても気に入っています(^^)

Ample - ブログ内期間限定配布「配布終了」

Ampleテンプレートはレスポンシブウェブデザインです。
パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。
「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。
設定ページ...

何故なのかよく分かりませんけど、僕のブログを見つけて下さった同じテンプレのブロガーさんがたくさん訪れてくれます。


ただ、ほとんどの方々は、dark色のほうをお使いになっているんですね。拝見していると、皆さんのブログはどれも素晴らしいものばかり。何だか僕もdark色に替えたくなりそうです(^_^;)


それはさておき、「Ample」の特徴的なのは、ヘッダー画像がランダム表示されることかと思います。


デフォルトでは、3枚分の設定ができるので、お気に入り画像の中からどれにしようか思わず迷ってしまいますよね(汗)


ところが、僕はちょっと欲張りなところがありまして…。3枚に限らず、もっとたくさん増やしたい気持ちがどうしても抑えきれなくなってしまいました( ̄▽ ̄;)


第104回 二科展 F80 油絵 © 2019 山本真矢

今回追加した友達の山本真矢さんが書いた油絵

【第104回 二科展】2019 入選者:山本真矢さん、注目の若手女性画家をピックアップ!

9月4日(水)から16日(月・祝)に東京・国立新美術館で開催される『第104回二科展』(主催:公益社団法人二科会)ですが、帯広出身の新進気鋭アーティストで画家の山本真矢さん(26)が前回に続いて絵画部門の入選を果たしました。なお、同部門にはお笑いタレントで知られるエド・はるみさんも入選しています。今回は、二科展についておさらいをしつつ、注目される若手実力派の女性画家・山本真矢さんをピックアップしてご紹介したいと...

あまり増やすとキリがなくなるので、今回は1枚だけ追加。その手順を備忘録しておきます。

ランダム表示させるヘッダー画像の数を増やすのは簡単なんですよね♪ たった3箇所の追加だけ!


まずは、スマホ用とPC用の画像を用意してからスタート。


画像が用意できたらまず、CSSの「imageHD3」をコピペして「imageHD4」を作る。そして、url()の所にアップロードした画像を記述。


.imageHD4 {
background-image: url(https://blog-imgs-134.fc2.com/y/u/l/yularihappysmile/2019110816565121c.png);/* 注)スマホ用ヘッダー画像 */
}

.imageHD4 {
background-image: url(https://blog-imgs-134.fc2.com/y/u/l/yularihappysmile/20191108165652041.png);/* 注)パソコン用ヘッダー画像 */
}

次に、h3を押して「imageHD3」と入力すると、該当する JavaScript が1箇所あらわれるので、「imageHD3」の後に「imageHD4」を加えたら完了!超簡単でしたね(^^)



<script>function getRandomInt(a,e){return Math.floor(Math.random()*(e-a+1))+a}var classes=["imageHD1","imageHD2","imageHD3","imageHD4"],randomClass=classes[getRandomInt(0,classes.length-1)];document.getElementById("blog-name-container").className=randomClass;</script>

これにハマると終わらなくなるので、1枚だけにしておきました!


今回は「Ample」をお使いのブロガーさん向けに書きました(^^)


▼関連記事

【追記】FC2ブログ期間限定配布テンプレート「Ample」に変更‼︎カスタマイズに悪戦苦闘したけど素敵で満足♪

FC2ブロガーのMです。とうとうやってしまいました。FC2ブログのテンプレート製作者Akiraさんがブログ記事を更新されたんで気になって覗いてみたんです。すると…。Ample - ブログ内期間限定配布Ampleテンプレートはレスポンシブウェブデザインです。パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。設定ページ...vanillaic...

\チェック/

【ランキングに挑戦中】

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

にほんブログ村

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

この記事が気に入ったら
シェア!

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