アプリ風ランキングタグのテンプレ＆作り方はこちら！

2023年06月29日 (木) 14:53

アプリ風なタグ作ったw

やりたい人がいるかなーと思ったので、テンプレートを作成しました！

見本テンプレ

こちら、フリーですのでご自由にお使いください♪
もちろん自分でアレンジしてもらって大丈夫です！
コピペできるように基本のタグを置いときますね。

↓基本のタグ↓（見本テンプレのタグです）

<div style="color:#333333;background-color:#ffffff;font-size:14px;padding:10px;line-height:1.7;background-image:url(&q✖️uot;https://21505.mitemin.net/userpageimage/viewimage/icode/i754047/&q✖️uot;);background-repeat:repeat;margin:-10px;"> <div align="center"> <br /><br /><a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754207/" width="100" alt="新着作品" /></a>　<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754208/" width="100" alt="人気作品" /></a>　<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754212/" width="100" alt="ブクマ順" /></a><br /><br /><a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754213/" width="100" alt="レビュー順" /></a>　<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754209/" width="100" alt="おすすめ" /></a>　<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754210/" width="100" alt="お気に入り" /></a><br /><br /></div> </div>

q✖️uot　ここの　✖️ は消してお使いください><

文字列多くなるので、正方形が6つ分しか用意してないですが。

↓もっと必要な人は、こちらを【お気に入り" /></a><br /><br />】の後ろに追加してください↓

<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754213/" width="100" alt="追加1" /></a>　<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754209/" width="100" alt="追加2" /></a>　<a href="https://xn--f8ha"><img src="https://21505.mitemin.net/userpageimage/viewimage/icode/i754210/" width="100" alt="追加3" /></a><br /><br />

↑追加する場合、自分で画像を用意してくださいね！↑

私は760×760ピクセルで作成してます。
画像大きくても、100に指定しているから小さくはできるんですが、結局は元画像が大きいと重くなるので、あんまり大きくない方がいいです。
でも小さすぎると作りにくいので、このサイズにしてますが(-∀-`; )
（これでもでかいです。300くらいで描けるならその方が軽くていいかも）

こんな文字列だけじゃ、どう使っていいのかわかんないって人のために解説をば。

【解説】

ごちゃごちゃ書いてますが、上記のテンプレを使うという方は、
緑色の部分のURLを作って貼り付けるだけでOKです！

URLは、読もうの検索画面であれこれ指定して作れます。

以下は、初心者さん向けの作り方です。

こんな感じです。
読もうのURLを使わなくても、シリーズでまとめているなら、マイページのシリーズURLを使うと楽だと思います✨

出来上がったら活動報告で動作チェック後、ランキングタグに貼ってしまいましょう✨

ランキングタグへの貼り付け方はこちら。

すみません、作るの面倒だったので、忍さんの和語り企画のときに作ったやつの流用ですが。
出来上がったタグを、コピーしてランキングタグに貼り付ければOKです！

途中の< br />指定を消せば、パソコンやタブレットならもっと横にずらっと並べられます。
が、スマホで見ると3つしか横に並べられないので、3つで改行しています。
その辺はお好きに変えてくださいねー！

おすすめ作品やお気に入り作品は、どうぞ人と被らないキーワードをつけて、お使いください♪

以下はフリーですので、使いたいものがあったらご自由にどうぞ！

背景用（解説のピンクのところのiコードをこちらに変えると背景が変わります✨）

i698881

i381580

i754360

i754361

追加用（文字は自分で足してください）クリックでみてみんに飛ぶので、そこから持っていってOKです。

私と同じものでよければ、どうぞこちらもお使いください✨
（解説の黄色の所のiコードを変えるとこちらになります！）

i753897

i753882

i753883

i753884

前へ活動報告一覧次へ

コメント全15件

コメントの書き込みはログインが必要です。

長岡更紗

2023年06月30日 08:34

◆雪乃さん

すごいのお言葉、ありがとうございます♡

目がチカチカ！
そうですよね、背景はもっと落ち着いた色にした方が見やすいかな？
教えてくれてありがとうございます♪

名木雪乃

2023年06月30日 01:06

す、すごい。すごすぎます。
丁寧で詳細な解説、お疲れさまです！
私は目がチカチカ、すみません(^_^;

長岡更紗

2023年06月29日 19:36

◆みこちゃん

ふぉふぉふぉw
そんな風に言ってもらえて嬉しいです( *´艸｀)

私、基本的にエッセイは書かないスタイルなので……(；´∀｀)
割烹だからわかりやすく書けるのもあるし、私は割烹が大好きなので！！w
投稿はしない方向です( *¯ㅿ¯*)

みこと。@ゆるゆる活動中*´꒳`ฅ

2023年06月29日 19:30

な、ななな、すごい……！！
活動報告のレベルじゃない！！
作品投稿をぜひっ(人*´∀｀)。*゜+

長岡更紗

2023年06月29日 19:18

◆アホリアSSさん

おおー、アホリアさんの割烹巻物、好きで読んでます( *´艸｀)
リンク、いくらでもどうぞ！
宣伝になるのは大歓迎です♪
むしろありがとうございます！

BR、大文字だと表示されるんですね！
いやしかし、小説内でなぜ<br>だけ有効なのか、謎ですよね……（笑）

◆遥さん

漫画にかかりきり、大丈夫です！！
こっちは見ずに漫画に集中していてください！wwwww
カーズさあぁぁああああああん！！！！

遥彼方

2023年06月29日 19:08

なんて丁寧な解説！！
お疲れ様ですーー！
参考になります♡
漫画にかかりきりなんで、やらないけどw

アホリアＳＳ

2023年06月29日 19:02

これはすごいですね。
私の割烹巻物でランキングタグの説明を書こうとおもっているのですが、ここにリンクを貼らせて頂いてもいいでしょうか。

あと、<br>タグはなぜか小説内でも改行されてしまいますが、大文字<BR>だとタグが表示されます。

長岡更紗

2023年06月29日 17:50

◆黒星さん

そうなんすよ……そうなんすよ！！
短編二本分は優に時間を使っておりますw

黒星★チーコ

2023年06月29日 17:20

すすす、すごい！！( ゜Д゜)
神がおる！
これ、タグより解説の方が手間がかかってますよね！！？

長岡更紗

2023年06月29日 16:16

◆結衣さん

新作、めっちゃ良かったですーー！！

ああ、今日はもう文字数いっぱい割烹を書いてしまったので、こっちで宣伝すみません(ノД`)

『熱中症には気を付けて～私の真実の愛は意外と近くにありました～』
https://ncode.syosetu.com/n3342ih/

こちらにレビュー書きました！！
ーーーーーーーー

【そこのあなた、熱中症をゆっくり言ってみてください。これは、そんな異世界恋愛。】

熱中症、怖いですよね。
これからの季節は気をつけないと。

本作も、季節は夏。

主人公であるフローラに、幼馴染みの彼は言うのです。

「フローラ、熱中症ってゆっくり言ってみて」

さて、二人はどうなったでしょう？

3000字ちょいのお話ですぐ読めます！
ニヤニヤすること間違いなし！！
ぜひ、ぜひ！！
熱中症対策をして読みに行ってくださいね♪

ーーーーーーーーー

ここでの宣伝すみません(ノД`)
新作めっちゃ好き♡
ニヤニヤ止まりませんでしたーー！！

目がしょぼしょぼ、ゆっくり休んでください！！