人気投票ブログパーツ
ランこれに投稿された人気投票をあなたのブログやサイトで簡単に貼り付けて、投票機能を追加できる便利なブログパーツです。
自分で人気投票を作成して、あなたのブログやサイトにブログパーツを使って投票機能をつけることもできます。
使い方
- 貼り付けたい人気投票のページを見つけます。
- 人気投票ページの下部にある「ランキングの埋め込み(ブログパーツ)」の貼り付けタグをコピーします。
- コピーした貼り付けタグをあなたのブログやサイトに貼り付けます。
- 完成! あなたのサイトで下のように表示されます。
カスタマイズ
表示と機能をカスタマイズしたい
表示したい情報や使用したい機能をタグの値を変更することでカスタマイズできます。
変更箇所は、
const embed_votedata={"id":"uid4_1594459673","tle":"1","tmg":"1","des":"1","img":"1","smy":"1","btn":"1"};
上記の赤色の箇所です。
値の名称 | 機能 | 有効にする | 無効にする |
---|---|---|---|
tle | 人気投票のタイトルを表示します。 | 1 | 0 |
tmg | 人気投票のトップ画像を表示します。 | 1 | 0 |
des | 人気投票の説明・投票期間・投票受付数を表示します。 | 1 | 0 |
img | 投票項目の画像を表示します。 | 1 | 0 |
smy | 投票項目の説明を表示します。 | 1 | 0 |
btn | 投票機能を有効にします。 | 1 | 0 |
デザインをカスタマイズしたい
自分のブログやサイトに合ったデザインにカスタマイズしたい場合、貼り付けタグの、
<link href="https://rancolle.com/css/embed.css" rel="stylesheet">
上記の部分を削除し、自分のサイトcssファイル等で自由にデザイン変更してください。
以下は、htmlタグに付与されたclassと使用箇所の一覧です。
classの名称 | 使用箇所 |
---|---|
vote_title | 人気投票のタイトル |
vote_top_image | 人気投票のトップ画像 |
vote_description | 人気投票の説明 |
vote_time | 人気投票の投票期間 |
vote_maxvotes | 人気投票の投票受付数 |
vote_no_items | 投票項目がない場合の注意書き |
vote_items | 投票項目リストの最上部 |
vote_item_rank | 投票項目の順位 |
vote_item_name | 投票項目の名称 |
vote_item_votes | 投票項目の投票数 |
vote_item_image | 投票項目の画像 |
vote_button | 投票ボタン |
vote_item_summary | 投票項目の説明 |
vote_add_item | 投票項目追加ボタン |