ランこれ|みんなで作る人気投票のランキング総合サイト

このエントリーをはてなブックマークに追加

人気投票ブログパーツ

ランこれに投稿された人気投票をあなたのブログやサイトで簡単に貼り付けて、投票機能を追加できる便利なブログパーツです。
自分で人気投票を作成して、あなたのブログやサイトにブログパーツを使って投票機能をつけることもできます。

使い方

  • 貼り付けたい人気投票のページを見つけます。
  • 人気投票ページの下部にある「ランキングの埋め込み(ブログパーツ)」の貼り付けタグをコピーします。
    人気投票ブログパーツ
  • コピーした貼り付けタグをあなたのブログやサイトに貼り付けます。
  • 完成! あなたのサイトで下のように表示されます。
    人気投票ブログパーツ

カスタマイズ

表示と機能をカスタマイズしたい

表示したい情報や使用したい機能をタグの値を変更することでカスタマイズできます。

変更箇所は、

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 投票項目追加ボタン