表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


解決する必要があるオープングラフの警告

OGP対応になって来ましたがog:imageサイズを見なおしていただきたい。

Small og:image:
All the images referenced by og:image should be at least 200px in both dimensions, with 1500x1500 preferred. (Maximum image size is 5MB.) Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification.
og:image should be larger:
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://imaging.jugem.jp/template/img/jugem_ogicon.jpg' will be used instead.

カレンダーの月送り

こちらの記事の「Q. カレンダーの遷移リンク」のJavascript部分
<script type="text/javascript">
<!--
function myCalenderLink(){
var nMonth = {calendar_next_yearmonth};
var pMonth = {calendar_prev_yearmonth};
var tYear = {calendar_this_year}
var tMonth = {calendar_this_month};

if(tMonth<10) tMonth = '0'+ tMonth;
var nowDate = String(tYear)+String(tMonth);

today = new Date();
var yyyy = today.getFullYear();
var mm = today.getMonth()+1;

if(mm<10) mm = "0"+ mm;
var ym = String(yyyy)+String(mm);

var pURL;
var nURL;

if(ym == nowDate){ pURL = pMonth; nURL = ''}
else if(nowDate == 201101){pURL = ''; nURL = nMonth;} //ブログ開始年月を6桁の数字で入力。例:2007年4月開設なら200704
else{pURL = pMonth; nURL = nMonth;}

document.write('<a href="./?month=' + pURL + '">&lt;&lt;&nbsp;</a>' + tYear + '年' + tMonth + '月' + '<a href="./?month=' + nURL + '">&nbsp;&gt;&gt;</a>');
}

myCalenderLink();
-->
</script>

このブログのように毎月更新していない場合はどうしても月送りで「指定された日付の記事は存在しません。」が表示されてしまうのでこの部分の月送りをやめてみました。


フリースペースに設置しているTwitterウィジェットを置き換える

今までフリースペースに設置していたTwitterウィジェットは下記

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 6,
  interval: 30000,
  width: 'auto',
  height: 180,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#333333'
    },
    tweets: {
      background: '#ffffff',
      color: '#333333',
      links: '#3b5a99'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().setUser('jugemtemplate').start();
</script>

そろそろ新しいTwitterウィジェットへ置き換えてみます。


このブログで設置していたソーシャルボタンのまとめ

このブログで設置していたソーシャルボタンのまとめ

  • Twitter
  • Google+
  • facebook
  • tumblr
  • hatena

JUGEMの独自タグに置き換えてみようかと思いました。

  • Pocket
    ※これはこちらから
  • mixi check:{mixi_check1}
  • Pinterest:{pinterest_pin_it}
  • love clap:{love_clap}
  • Twitter:{tweet_button_vertical_en}
  • Google+:{google_plus_one_tall}
  • facebook:{facebook_box}
  • hatena:{hatena_bookmark_vertical}

コメント欄にFacebookコメント

  • Facebookコメント:{facebook_comment}

ファビコンの表示やOGP対策に今までJUGEMブログで設定していたこと

ファビコンを表示させる設定
<link rel="icon" href="URL/***.gif" type="image/gif">
<link rel="shortcut icon" href="URL/***.ico">
  • 上記のどちらかを<head>〜</head>内に記述してファビコンを表示させていた。

Facebookへの連携投稿やいいねに対応するための設定
<meta property="og:type" content="article" />
<meta property="og:title" content="{site_title}" />
<meta property="og:image" content="http://i.jugem.jp/user/jugemtemplate/180" />
{og_image}
<meta property="og:url" content="{mobile_url}" />
<meta property="og:locale" content="ja_JP" />
<meta property="og:description" content="ブログやるならJUGEM" />
  • OGPの設定方法を調べてこのブログに設置していた例。

このテンプレートで使用しているカレンダーについて

このテンプレートで使用しているカレンダーについて

Q. カレンダーの遷移リンク | JUGEM ユーザー助け合い掲示板
https://secure.jugem.jp/support/bbs/alldis.php?id=3050

上記のユーザー助け合い掲示板を参考に月送部分を表示させています。


表示されている記事のタイトルにNEW!を付ける

<!-- BEGIN selected_entry -->
<ul>
<!-- BEGIN selected_entry_items -->
<li>
<a href="./?eid={selected_entry_item_id}" class="new{selected_entry_item_year}{selected_entry_item_month}{selected_entry_item_day}">
{selected_entry_item_title}
</a>
({selected_entry_item_year}/{selected_entry_item_month}/{selected_entry_item_day})
</li>
<!-- END selected_entry_items -->
</ul>
<!-- END selected_entry -->
.new20130212 {color:#000000;}
.new20130212:after {content: " NEW!"; color:#ff6600;}

記事のタイトルにNEW!を付ける

<h2 class="new{entry_year}{entry_month}{entry_day}">
<a href="./?eid={entryarea_id}">{entry_title}</a>
</h2>
.new20130212 {color:#000000;}
.new20130212:after {content: " NEW!"; color:#ff6600;}

テンプレートのHTMLが消失する障害の確認

 テンプレートのHTMLが消失する障害の確認【問題なし】

レスポンシブデザインのブログテンプレート

JUGEMのシステムでユーザーエージェントの指定がテンプレートで指定できるか確認する必要がありそうです。