新規記事の投稿を行うことで、非表示にすることが可能です。
2015年08月17日
【ファンブログ】必ず知っておきたいブログ デザインのカスタマイズ方法をまとめて教えます。デザインで差をつけて個性的なサイトを作る方法
ファンブログでブログを書くようになって1か月たちますが、それなりにブログのデザインが固まってきたので、これまでに設定した方法をまとめて投稿します。
これからファンブログを利用する方の参考になれば幸いです。
注:ファンブログと「Seesaaブログ」、「So-netブログ」、「さくらのブログ」は同じシステムを使用しているので、共通で利用可能と思われます。
あとで読む:
Tweet
「最新記事」に表示されるタイトルを自動調整する
「最新の記事」に表示される記事のタイトルが長いと改行してしまい見ずらいので、指定した文字数以上は"..."に置き換わるようにしています。
変更前
変更後
やり方は、text_summary(20) という関数を使うのですが、デザイン>コンテンツ>最新記事>コンテンツHTML編集でHTMLを表示し以下のように編集します。
変更画面
変更前
<% article.subject | tag_break %>
変更後
<% article.subject | text_summary(20) | tag_break %>
"20”の部分が表示する文字数となっているので適宜調整してください。
タイトル上部に表示されるページャのタイトル長を自動調整する
また、タイトル上部に表示されるページャ(次・前ページに移動するための表示)もタイトルが長いと改行してしまうため、タイトルの青いバーと同じ長さになるよう調整しています。
変更後
デザイン > PC > HTMLの一覧 > HTMLの編集でHTMLを開き、summary()のカッコ内の値を変更します。
変更後
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>"><<</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | text_summary(26) | tag_break %></a> | <% /if -%>
<a href="<% blog.page_url %>">TOP</a>
<% if:next_article -%> | <a href="<% next_article.page_url %>"><% next_article.subject | text_summary(26) | tag_break %></a> <a href="<% next_article.page_url %>">>></a><% /if -%>
</div>
「人気記事」を作る
ファンブログには「最新記事」や「このカテゴリの最新記事」はありますが、「人気記事」がありません。
仕方ないので、コンテンツの「自由形式」で作成してみました。
本来はスクリプトを駆使してアクセス数を元に自動的に人気記事を表示したいとことですが、今回はベタ書きです。
<完成イメージ>
デザイン > PC > コンテンツ(サイドバーの編集)で、自由形式を追加し自由入力欄に以下のHTMLを記載します。
<HTMLサンプル>
<div style="line-height: 18pt; font-size:12px;">
<div class="sidetitle">人気記事</div>
<div class="side">
<a href="URL">タイトル...</a><br>
</div>
</div>
1行目は行間とフォントサイズを指定しているのでお好みで指定してください。
2行目がタイトル部分でclassに"sidetitle"を指定することで他のコンテンツと同じような表示になります。
3行目が各記事へのリンク部分でURLとタイトル名はご自分の記事を指定して、5行程度コピペすればOKです。
TOPページの記事を圧縮して見やすくする
これはファンブログテックさんの記事を参考にして行ったものですが、設置に当たりいろいろと苦労したので、手順の補足としてこちらの記事を参考にしてください。
完成イメージ
ファビコンを設置する
ブラウザのタブにアイコンを表示することができます。
アイコンは「ぴよの素材屋さん」からダウンロードさせていただきました。
<使用するアイコン>
<完成イメージ>
まずはダウンロードしたアイコンを画像管理からアップロードし、HTMLボタンから画像へのパスを取得します。
デザイン > PC > HTMLの一覧 > HTMLの編集でHTMLを開き、<meta...>の次の行にHTMLを追加します。
<link href="アイコンのURL" rel="icon" type="image/x-icon">
<link href="アイコンのURL" rel="shortcut icon" type="image/x-icon">
<link rel="apple-touch-icon" href="アイコンのURL"/>
1,2行目からPC用の設定で、3行目がiPhoneのホームボタンの設定になります。
”アイコンのURL”には画像管理で取得したパスを設定します。
HTMLを保存後、ブログを確認してもキャッシュが残っている場合、正しく反映されないことがあります。
その場合は、以下の方法でキャッシュをクリアしてください。
InternetExplorの場合、インターネットオプション>全般タブ>閲覧の履歴>削除ボタン
iPhoneの場合、設定>Safari>履歴とWebサイトデータを消去
これを行うと、記憶させたログインパスワードなども消えるためご注意ください。
見出し用の吹き出しをCSSで作る
吹き出しサンプル
css arrow please!さんのサイトで簡単に作成できるのですが、細かな設定ができないので、CSSで調整をしました。
説明すると結構な量の文章になってしまったので、こちらの記事をご確認ください。
ブログに他のホームページを画像の様に埋め込む方法
http://item.ocnk.net/
他のサイトをブログに埋め込むにはiframeタグを使えば可能ですが、綺麗に表示させるためにはCSSの設定などいくつか必要になります。
細かい手順はこちらの記事を確認してください。
フォントサイズと行間を変更する
デフォルトのフォントサイズが小さかったり、行間が狭かったりで、記事が読みづらいので調整します。
デザイン > PC > CSSの編集でCSSを開き以下の値に変更しています。
CSSサンプル
font-size: 16px;
line-height: 150%;
スマホもほぼ同じ値にしていますが、これだけで大分視認性が良くなると思います。
(CSSの設定方法とかは他の人のサイトを参考にしてください(^^ゞ
フォントを変更する
フォントは"游ゴシック体","Yu Gothic",YuGothic,Helveticaを追加しています。
CSSサンプル
font-family: "游ゴシック体","Yu Gothic",YuGothic,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",sans-serif;
複数のフォントを指定しているのは、ブログを見る側のパソコンやスマホに指定したフォントがない場合に、予備の設定です。
そのため、通常は"游ゴシック体"で表示されるはずです。
また、"Helvetica”を指定しているのはHTMLに半角スペースを入れるために を指定した場合、アンドロイド端末で・に文字化けするのを回避するために入れています。予め入れておくと後々苦労しなくて済むのでおススメです。
ブログでFacebookボタンの縦位置がズレて揃わない場合の修正方法
フェイスブックの「いいね」ボタンだけズレてしまう場合は、以下の記事を参考にしてください。
広告の設定
ファンブログなので、A8.netは皆さんも使用していると思いますが、それ以外にGoogle AdSenceとスマホ用広告としてnendを使用しています。
nend設置イメージ
設置の詳しい手順はこちらをご覧ください。
記事を書く上でよく利用するサイト
ブログを書く上でよく利用する外部サイトです。
フリー画像 : フォトAC
HTMLの変換 : HTML実体参照変換
色コード : HTMLカラーコード
最後に
いかがでしたか?
ちょっと手を加えるだけで、ご自分のブログを個性的にすることができます。
HTMLやCSSが詳しくないかたでも出来ますので、チャレンジしてみてください。
以上、はてごるでした。
最後まで読んでいただきありがとうございました。
この記事を気に入っていただいたらシェアしていただければ幸いです。
【ブログ・カスタマイズの最新記事】
-
no image
2015年08月11日
【恵比寿・中目黒】本当においしい人気のカレー屋 おすすめ10選
夏です!カレーの季節です!最近、東京の恵比寿・中目黒周辺で美味しいカレー屋さんが増えてきましたが、そんな中でウマいと評判のカレー店をご紹介します。
夏です!カレーの季節です!
最近、東京の恵比寿・中目黒周辺で美味しいカレー屋さんが増えてきましたが、そんな中でウマいと評判のカレー店をご紹介します。
ちなみに、私は辛いのがあまり得意ではないので、辛さは中辛〜辛口くらいのお店が中心です。
激辛好きのかたは他のサイトを参考にしてください。
恵比寿のおいしいカレー屋さん
まずは、恵比寿駅西口近辺から〜
西口から中目黒方面に左側の歩道を3分ほど歩くと居酒屋「和顔」さんがありますが、その横にある細い階段を上った2階にお店があります。
吉柳は24時間通し営業している居酒屋さんですが、専門店ではないからといって侮れません。
オススメはチキンカレー。柔らかく煮込まれたチキンに、スパイスの効いた辛めのルーが相まって、これがうまい。あっという間に食べ終わってしまいます。
また、ちょっと胃腸が弱っているなーというときは、野菜たっぷりのスープカレーや、和風牛すじカレーもおススメです。
ご飯は白米の他にターメリック米や五穀米も選ぶことができるのも嬉しいです。
19時ごろになるとお酒を飲みに来たお客さんで満席になるのでちょっと早めの時間に行くのが良いと思います。
また、24時間営業なので、朝カレーもやっていてるので、朝からスタミナをつけたい方や飲みすぎで胃腸が弱っている方にも(??)最適です。
ちなみにこのお店に寄った帰りに「バズーカ君」に会いました♪
※2016/1/5追記
本日、お店に行ったところ店先に張り紙がしてあり、平日の朝カレーととランチ営業はしばらくお休みになるようです。週末は今まで通り24時間営業にするそうです。
「かきとクレソンのカレー」など辛さの中に酸味があるココでしか味わえないカレーが食べれます。辛さは中辛程度で、サラサラとしったスープカレーぽいルーになっています。
一度ハマったら病みつきになる中毒性のある味です(もちろん良い意味で!)
■2015/8/12追記
再訪したところ、夏のメニューはチキンカレーと野菜カレーでした。
トッピングを15種類の中から3種類選べる仕組みになっています。クレソンはありませんでしたがパクチーが選べますよ。パクチー好きの方はどぞ。
辛さも3段階から選択可能です。
秋葉原に本店があるカレー店の支店です。店名からしてガッツリ系のカレーかと思いきや店内はカフェのような空間です。客層は男性の1人客と女性グループやカップルが半々くらいの割合です。カレーはスパイスが効きているものの、トマトのさわやかな酸味がそれを中和していて、女性が好きそうな味だと思います。私が最近食べた中では一番のお気に入りのお店です。
ベテランのタイ料理人が作るタイカレーのお店。日本風にアレンジされたものではなく、本場の味が味わえます。そのためかなり辛めになっているので辛さが苦手な方はご注意ください。
ランチはメインのカレーを選んで、副菜をビュッフェで選ぶスタイルになっており、デザートもついて1000円とお得です。
中目黒のおいしいカレー屋さん
続いて中目黒近辺です。
駒沢通りを恵比寿方面に向かうと、ちょっとわかりずらいがマンションの2階にある。むかし原宿にあった「GHEE」の流れを組むとのこと。
カレーはシングルと2種類のカレー(1,000円)を組み合わせたコンビ(1,200円)がありる。
またお酒のメニューも豊富。
バターチキンカレーはバターの風味がちょうど良く、ちょっと甘めの味付け、
キーマカレーはスパイスが効いているがそれほど辛くなく、炒めたカレーに肉の旨みが凝縮されウマい!
テーブルに鷹の爪が置いてあり、お好みで辛さが調節できるようになっている。
本格的なスリランカカレーが食べれる店。もちろん店員さんも現地の方々なのでマズイ訳がありません。
スリランカカレーと聞くと辛さそうなイメージがありますが、マイルドな辛さなので安心して食べられます。
ライスだけでなくナンもチョイスできるのもうれしいです。
古い喫茶店のような独特の雰囲気のお店です。厨房が小さいのでちゃんとカレー作れるの?と不安になりますが(笑)、ちゃんと本格的なインドカレーがいただけます。パリパリとしたチャパティ(インドの薄焼きパン)が付いているので、スプーンで割ってカレーに混ぜるとまた違った味が楽しめます。夜1時までやっているのもうれしいですね。
まるでインドの町にありそうなピンク色の外観が目印のお店。店内の壁紙もピンク色で統一されており、テレビには「踊るマハラジャ」のようなミュージカル調のインド映画が流れて、いい雰囲気を醸し出しています。
豆や野菜をたっぷり使うのが南インドスタイルのカレーだそうです。また辛さはやや辛めとなっています。平日のランチはサラダにタンドリーチキン、3種のカレー、ドリンクがついて1000円ととてもオトクです。ただし、週末はランチはやっておらずカレー+ナンで2000円程度しますのでご注意ください。
中目黒で欧風カレーが食べたくなったらアカマルがおススメです。
お店に入ると10席くらいあるカウンターがあり、その後ろにある黒板に今日のメニューが書いてあります。メインの「牛すじカレー」の他に3種類くらいのカレーが食べられます。
カレーはトロミのある欧風のルーに、柔らかく煮込まれた牛すじがごろごろと入っており、家庭的な(?)やさしい味付けです。夜はバーとしても営業しているので、カレー以外にもサラダやお刺身、揚げ物などのサイドニューも充実しており、お酒メインでも使えるお店です。
中目黒にあるナギバーを日中のみ借りて営業しているお店です。
店名は宇宙カレーとぶっ飛んだ感じですが、古代豚のカレー、ひよこ豆とカリフラワーのカレーなど南インドやタイ系のスパイシーなカレーをいただけます。メニューは定期的に変わるので、どんなカレーが出てくるかいつも楽しみです。
不定期で開店しているため、店主のフェイスブックでスケジュールを確認してください。
神保町のカレー屋さんの「まんてん」さんで働いていた方が出されたお店です。お店は厨房側と窓側にカウンターが2列あるだけのこじんまりとしたカフェのような雰囲気です。
肝心のカレーですが、トロミのあるやさしい和風味のルーに、ひき肉と揚げたてのカツが乗ったカツカレーはボリューム満点でおススメです。
中目黒から目黒駅方面へ20分くらい歩いたところにあるので路線バスを使うことをお勧めします。
最後に
行きたいお店は見つかりましたか?
暑い日が続きますが、美味しいカレーを食べて夏を乗り切りましょう!
以上、恵比寿・中目黒近辺の美味しいカレー屋さんでした。
また、以前投稿した以下のお店も参考にしてください。
最後まで読んでいただきありがとうございました。
この記事を気に入っていただいたらシェアしていただければ幸いです。
夏です!カレーの季節です!
最近、東京の恵比寿・中目黒周辺で美味しいカレー屋さんが増えてきましたが、そんな中でウマいと評判のカレー店をご紹介します。
ちなみに、私は辛いのがあまり得意ではないので、辛さは中辛〜辛口くらいのお店が中心です。
激辛好きのかたは他のサイトを参考にしてください。
恵比寿のおいしいカレー屋さん
まずは、恵比寿駅西口近辺から〜
吉柳 / チキンカレー
食べログ
東京都渋谷区恵比寿南1-2-12 2F
恵比寿駅から188m 営業時間 24時間営業 朝食営業、ランチ営業、夜10時以降入店可、夜12時以降入店可、始発まで営業、日曜営業 定休日年中無休...
西口から中目黒方面に左側の歩道を3分ほど歩くと居酒屋「和顔」さんがありますが、その横にある細い階段を上った2階にお店があります。
吉柳は24時間通し営業している居酒屋さんですが、専門店ではないからといって侮れません。
オススメはチキンカレー。柔らかく煮込まれたチキンに、スパイスの効いた辛めのルーが相まって、これがうまい。あっという間に食べ終わってしまいます。
また、ちょっと胃腸が弱っているなーというときは、野菜たっぷりのスープカレーや、和風牛すじカレーもおススメです。
ご飯は白米の他にターメリック米や五穀米も選ぶことができるのも嬉しいです。
19時ごろになるとお酒を飲みに来たお客さんで満席になるのでちょっと早めの時間に行くのが良いと思います。
また、24時間営業なので、朝カレーもやっていてるので、朝からスタミナをつけたい方や飲みすぎで胃腸が弱っている方にも(??)最適です。
ちなみにこのお店に寄った帰りに「バズーカ君」に会いました♪
※2016/1/5追記
本日、お店に行ったところ店先に張り紙がしてあり、平日の朝カレーととランチ営業はしばらくお休みになるようです。週末は今まで通り24時間営業にするそうです。
sync(シンク)/ スープカレー
「かきとクレソンのカレー」など辛さの中に酸味があるココでしか味わえないカレーが食べれます。辛さは中辛程度で、サラサラとしったスープカレーぽいルーになっています。
一度ハマったら病みつきになる中毒性のある味です(もちろん良い意味で!)
■2015/8/12追記
再訪したところ、夏のメニューはチキンカレーと野菜カレーでした。
トッピングを15種類の中から3種類選べる仕組みになっています。クレソンはありませんでしたがパクチーが選べますよ。パクチー好きの方はどぞ。
辛さも3段階から選択可能です。
食べログ
東京都渋谷区恵比寿西1-13-7 恵比寿西5ビル 2F
恵比寿神社近くの「駄菓子バー」さん2階です!恵比寿駅から227m 営業時間 平日11:30〜16:00・18:00〜22:00、土曜11:30〜16:00・18:00〜22:00、日曜11:30〜21:00(通し営業)です。ランチ営業 定休日 不定休...
カレーはのみもの。 / インドカレー
秋葉原に本店があるカレー店の支店です。店名からしてガッツリ系のカレーかと思いきや店内はカフェのような空間です。客層は男性の1人客と女性グループやカップルが半々くらいの割合です。カレーはスパイスが効きているものの、トマトのさわやかな酸味がそれを中和していて、女性が好きそうな味だと思います。私が最近食べた中では一番のお気に入りのお店です。
食べログ
東京都渋谷区恵比寿南1-2-10 エビスユニオンビル 105
恵比寿駅から204m 営業時間 11:30〜22:00 ランチ営業、夜10時以降入店可 定休日 日曜日...
ブルーパパイアタイランド / タイカレー
ベテランのタイ料理人が作るタイカレーのお店。日本風にアレンジされたものではなく、本場の味が味わえます。そのためかなり辛めになっているので辛さが苦手な方はご注意ください。
ランチはメインのカレーを選んで、副菜をビュッフェで選ぶスタイルになっており、デザートもついて1000円とお得です。
食べログ
東京都渋谷区東3-17-11 ヴェラハイツ恵比寿東 2F
JR恵比寿駅 西口 徒歩3分 ランチ[月〜金] 11:30〜15:00(L.O.14:30)[土日祝] 11:30〜15:30(L.O.15:00) ディナー[月〜土]17:00〜24:00(L.O.23:30)[日 ・ 祝]17:00〜23:00(L.O.22:30) 夜10時以降入店可、日曜営業...
中目黒のおいしいカレー屋さん
続いて中目黒近辺です。
フォレスター / インドカレー
駒沢通りを恵比寿方面に向かうと、ちょっとわかりずらいがマンションの2階にある。むかし原宿にあった「GHEE」の流れを組むとのこと。
カレーはシングルと2種類のカレー(1,000円)を組み合わせたコンビ(1,200円)がありる。
またお酒のメニューも豊富。
バターチキンカレーはバターの風味がちょうど良く、ちょっと甘めの味付け、
キーマカレーはスパイスが効いているがそれほど辛くなく、炒めたカレーに肉の旨みが凝縮されウマい!
テーブルに鷹の爪が置いてあり、お好みで辛さが調節できるようになっている。
食べログ
東京都目黒区中目黒1-4-21 エグゼクティブ代官山201
中目黒駅から徒歩5分 営業時間11:30〜15:30(LO15:00) 18:00〜23:00(LO22:00)日曜営業 定休日 火曜...
セイロン・イン / スリランカカレー
本格的なスリランカカレーが食べれる店。もちろん店員さんも現地の方々なのでマズイ訳がありません。
スリランカカレーと聞くと辛さそうなイメージがありますが、マイルドな辛さなので安心して食べられます。
ライスだけでなくナンもチョイスできるのもうれしいです。
食べログ
東京都目黒区上目黒2-7-8
中目黒駅から175m営業時間[月]11:30〜14:30[火〜土]11:30〜14:30 17:30〜23:00[日]17:30〜23:00ランチ営業、夜10時以降入店可 定休日 月曜日のディナー・日曜日のランチ...
カフェレッドブック / インドカレー
古い喫茶店のような独特の雰囲気のお店です。厨房が小さいのでちゃんとカレー作れるの?と不安になりますが(笑)、ちゃんと本格的なインドカレーがいただけます。パリパリとしたチャパティ(インドの薄焼きパン)が付いているので、スプーンで割ってカレーに混ぜるとまた違った味が楽しめます。夜1時までやっているのもうれしいですね。
食べログ
東京都目黒区上目黒1-3-2
中目黒駅から214m 営業時間11:30〜翌1:00 ランチ営業、夜10時以降入店可 定休日 日曜、祝日...
シリ バラジ / 南インドカレー
まるでインドの町にありそうなピンク色の外観が目印のお店。店内の壁紙もピンク色で統一されており、テレビには「踊るマハラジャ」のようなミュージカル調のインド映画が流れて、いい雰囲気を醸し出しています。
豆や野菜をたっぷり使うのが南インドスタイルのカレーだそうです。また辛さはやや辛めとなっています。平日のランチはサラダにタンドリーチキン、3種のカレー、ドリンクがついて1000円ととてもオトクです。ただし、週末はランチはやっておらずカレー+ナンで2000円程度しますのでご注意ください。
食べログ
東京都目黒区中目黒2-7-14
東急東横線、東京メトロ日比谷線 中目黒駅 徒歩10分 JR山手線他 恵比寿駅 徒歩15分 中目黒駅から854m 11:00〜15:00 (LO14:30)17:00〜23:00(LO22:30)...
カレー屋アカマル / 欧風カレー
中目黒で欧風カレーが食べたくなったらアカマルがおススメです。
お店に入ると10席くらいあるカウンターがあり、その後ろにある黒板に今日のメニューが書いてあります。メインの「牛すじカレー」の他に3種類くらいのカレーが食べられます。
カレーはトロミのある欧風のルーに、柔らかく煮込まれた牛すじがごろごろと入っており、家庭的な(?)やさしい味付けです。夜はバーとしても営業しているので、カレー以外にもサラダやお刺身、揚げ物などのサイドニューも充実しており、お酒メインでも使えるお店です。
食べログ
東京都目黒区上目黒3-16-5 山下ビル 1F
東急東横線中目黒駅徒歩4分 東京メトロ日比谷線中目黒駅徒歩4分 中目黒駅から304m ランチ[火〜土] 11:30〜15:00(L.O.14:30)ディナー[月〜金] 19:00〜27:00 ディナー[土] 18:00〜27:00 ディナー[日] 18:00〜25:00 ランチ営業、夜10時以降入店可、夜12時以降入店可、始発まで営業、日曜営業...
宇宙カレー / オリジナルカレー
中目黒にあるナギバーを日中のみ借りて営業しているお店です。
店名は宇宙カレーとぶっ飛んだ感じですが、古代豚のカレー、ひよこ豆とカリフラワーのカレーなど南インドやタイ系のスパイシーなカレーをいただけます。メニューは定期的に変わるので、どんなカレーが出てくるかいつも楽しみです。
不定期で開店しているため、店主のフェイスブックでスケジュールを確認してください。
食べログ
東京都目黒区上目黒1-3-20
中目黒駅から206m営業時間[水〜金]12:00〜15:00[土〜日]12:00〜17:00ランチ営業 定休日 火曜日...
ぺろり / カツカレー
神保町のカレー屋さんの「まんてん」さんで働いていた方が出されたお店です。お店は厨房側と窓側にカウンターが2列あるだけのこじんまりとしたカフェのような雰囲気です。
肝心のカレーですが、トロミのあるやさしい和風味のルーに、ひき肉と揚げたてのカツが乗ったカツカレーはボリューム満点でおススメです。
中目黒から目黒駅方面へ20分くらい歩いたところにあるので路線バスを使うことをお勧めします。
東京都目黒区目黒3-1-2
中目黒駅から徒歩1.2km 目黒駅から900m 営業時間11:30〜15:00 18:00〜21:00日曜営業 定休日 月曜...
最後に
行きたいお店は見つかりましたか?
暑い日が続きますが、美味しいカレーを食べて夏を乗り切りましょう!
以上、恵比寿・中目黒近辺の美味しいカレー屋さんでした。
また、以前投稿した以下のお店も参考にしてください。
一人でも入りやすい中目黒の美味しいお店
美味しいご飯たべてますか?私は仕事の関係で夜遅くに夕飯を食べることが多いのですが、仕事場がある中目黒だと飲み屋さんが多くてちゃんとしたご飯が食べれる店が少ないんです。そんな私が見つけた、夜遅くても(もちろん遅くなくても)美味しいご飯が食べれる中目黒のお店をご紹介します。...
https://fanblogs.jp/manmo/archive/15/0
【中目黒】一人でもOK!カウンターでちょい呑みできる店
仕事帰りのビールって最高ですよね。そんな貴方に、中目黒で一人でも入りやすくて美味しい料理とお酒が飲める穴場のお店をご紹介します。
https://fanblogs.jp/manmo/archive/22/0
最後まで読んでいただきありがとうございました。
この記事を気に入っていただいたらシェアしていただければ幸いです。
2015年08月10日
ブログでFacebookボタンの縦位置がズレて揃わない場合の修正方法
ブログのデザインをいろいろ変更していたところ、ソーシャルボタン(フェイスブック、Twetter、はてな等)のうちFacebookの「いいねボタン」だけ縦位置がズレてしまう現象が発生したので、その原因と修正方法を共有します。
あとで読む:
Tweet
注:ファンブログと「Seesaaブログ」、「So-netブログ」、「さくらのブログ」は同じシステムを使用しているので、共通で利用可能と思われます。
ソーシャルボタンの表示設定とHTML
ファンブログではソーシャルボタンの設置が関数化されており、管理画面でチェックを入れるだけで表示できるようになっています。
設定>ソーシャルボタン
デザイン>HTML
<% if:blog.bookmark_service %>
<div class="bookmark" data-url="<% article.page_url %>" data-subject="<% article.subject | remove_emoji | nl2br | tag_strip | html %>"></div>
<% /if %>
HTMLはこのようになっています。
一般のユーザがプログラムコードを変更できる箇所ではないので、なぜフェイスブックのボタンだけ下にずれてしまうのか疑問です。最近やった変更といえば、フォントサイズと行間の変更くらいだしな。。
原因はフォントサイズでした
で、原因はやはりフォントサイズでした。ブログを見やすくしようとフォントサイズを大きくしたことで影響がでてしまったようです。
そこで、以下のようにソーシャルアイコンを表示している関数部分のフォントサイズを小さくしてあげることでズレを解消することができました。
HTMLの修正方法はこんな感じです。
<font size="1">
<% if:blog.bookmark_service %>
<div class="bookmark" data-url="<% article.page_url %>" data-subject="<% article.subject | remove_emoji | nl2br | tag_strip | html %>"></div>
<% /if %>
</font size>
ちゃんと直っていることを確認。これでひと安心。
ブログを修正する際は、どこに影響がでるかちゃんと確認しながら行うことが大切ですね。
皆さんもSNSボタンがズレた場合は、フォントサイズを見直してみてください。
以上、はてごるでした。
最後まで読んでいただきありがとうございました。
この記事を気に入っていただいたらシェアしていただければ幸いです。
2015年08月07日
[中目黒]お一人様OK!カウンターでゆっくり飲める店(バル・バー・ビストロ・居酒屋)
仕事帰りのビールって最高ですよね。そんな貴方に、中目黒にある一人でも入りやすくて、美味しいお酒が飲めるお店をご紹介します。もちろん女性1人やデート、合コンでの利用もOKです。
MENUDE(メヌード) / バル、イタリアン、洋風居酒屋
目黒銀座商店街手前の小路を左に50mほど進んだ住宅街にある隠れ家的なお店。
繁華街からすこし離れていることもあり、地元のお客さんを中心に毎晩遅くまで賑わっています。ハーブやパクチーを使ったスパイシーな料理と、ワインやサワーなどの豊富なドリンクメニューが楽しめ、ちょっと一杯はずが、2杯、3杯とお酒が進んでしまいます。
店名にもなっている洋風モツ煮の"メヌード"もオススメです。
スタッフの方も明るく、ひとりでも入り易い雰囲気です。
東京都目黒区上目黒2-10-4 ブランエール中目黒 1F
中目黒駅より徒歩5分 18:00〜 26:00 夜10時以降入店可、日曜日営業(〜23:00)、定休日 水曜日. ..
鉄板バル ソース(sorce) / お好み焼き、鉄板焼き
コロッセオからさらに1分ほど目黒駅側に進んだ路地裏にあるお店。
朝5時までお好み焼き、焼きそば、イカ焼きや関西風のおつまみ等が手頃な価格でいただけます。
店内はキッチンをコの字型のカウンターでぐるっと囲んだレイアウトになっており、気さくな店員さんと会話を楽しみながらお酒が飲めます。
ただ、週末は混雑しているので平日の早い時間がおススメです。
食べログ
東京都目黒区上目黒2-8-10 1F 中目黒駅から191m
営業時間 [火〜土] 18:30〜翌5:00(L.O.翌.4:30) [日]18:30〜翌2:00 夜10時以降入店可、夜12時以降入店可、始発まで営業、日曜営業 定休日 月曜日...
ブルックリンダイナー / ジャークチキン、クラフトビール
中目黒駅から徒歩10分。駒沢通り祐天寺方面へ上っていき目黒区役所を通り越したさらに先にあります。
ほぼ中目黒と祐天寺の中間地点くらいにあります。
人気の駒沢大学店の中目黒支店です。テレビ番組「旅猿」のジャマイカ編で岡村さんたちが食べていた料理ジャークチキンが東京でも食べれちゃいます。ビールの相性もバッチリです。
食べログ
東京都目黒区中目黒3-22-11 メグロハイム102
中目黒駅から599m 平日 17:00-26:00(L.O.25:00) 土 LUNCH 12:00-15:30(L.O.15:00)DINNER 17:00-26:00(L.O.25:00) ランチ営業、夜10時以降入店可、夜12時以降入店可 定休日 日、祝日、年末年始...
中目黒タップルーム / クラフトビール、ピザ
中目黒GTの2階(セブンイレブンの2階)にあるクラフトビールが飲めるお店です。
外からほとんど見えない場所にあるので気づきにくいのですが、なぜか外国人のお客さんが多いのも特徴です。うまいものに国境はないんでしょうね。
パリパリとしたアメリカンなピザを食べながら、国内および海外の地ビールの組み合わせは最高です。
食べログ
東京都目黒区上目黒2-1-3 中目黒GTプラザ C棟2F
中目黒駅から117m 営業時間[月〜金]11:30〜14:30(L.O.14:00)17:00〜24:00(Food L.O.22:50 Drink L.O.23:30)[土・日・祝] 12:00〜24:00(Food L.O.22:00 Drink L.O.23:30)ランチ営業、夜10時以降入店可、日曜営業 定休日 無休...
【閉店】ナポリンチョ / ピザ、ラクレット
駅から中目黒銀座商店街方面に出て、クリーニング屋さんの角にある小路を曲がったところにあります。向かいにもつ鍋で有名な「鳥小屋」があるので、こちらを目印にしたほうが分かりやすいかもしれません。
ピザが有名なお店で、お店オリジナルのナポリンチョピザが特に美味しいです。
キノコのトッピングに味噌ソースと和風な組み合わせですが、奇をてらったものではなくワインにもあう濃厚な味です。また、ハイジでおなじみのとろっとしたチーズをかけたラクレットも絶品です。
食べログ
東京都目黒区上目黒2-14-1 1F
中目黒駅から132m 営業時間 【火〜金】・ランチ 11:30〜15:00(L.O.14:30) ・ディナー18:00〜24:00 【土・日・祝】・ランチ11:30〜15:00(L.O.14:30)・ディナー17:00〜24:00 月曜日定休日(月曜日祝日の場合は営業し、翌火曜日代休)ランチ営業、夜10時以降入店可、日曜営業...
コロッセオ / イタリアン
中目黒駅から徒歩2分。中目黒GTを通り過ぎて、焼肉の有名店「びーふてい」の2階にあります。
入ってすぐにカウンター席、奥にテーブル席のあるつくりになっており、カウンター席に座ると目の前がオープンキッチンになっており、きびきびと作業をする店員さんを眺めながら一杯飲めます。
店員さんとの距離も近いので会話を楽しむことも可能です。
食べログ
東京都目黒区上目黒2-6-9 マルモビル2F
ランチ11:30〜15:00(L.O.14:00) ディナー18:00〜翌1:00(L.O.24:00) ランチ営業、夜10時以降入店可、夜12時以降入店可、日曜営業 無休.. .
中目黒のけむり 三代目 / 焼き鳥
中目黒駅の降りて1分。吉野家の隣の雑居ビルの2階にあるお店。
中目黒にありながら大衆的な雰囲気のお店で、絶品の焼き鳥と美味しいお酒がいただけます。
鶏はその日の朝に仕入れたものをお店でさばくため、とても新鮮でジューシーです。
カウンター席もあるので、店員さんと距離が近く、テンポよく食事が提供されるのでひとり飲みにも最適です。
食べログ
東京都目黒区上目黒3-3-6 尾留川ビル 2F
17:00〜翌5:00 年中無休...
トロケの台所 / 洋食・ラーメン
トマトラーメンが有名なお店ですが、唐揚げやトンテキ、ナポリタンなどの洋食をおつまみに、
自家製の果実酒などのオリジナルのサワーがいただけます。
夜は23:00まで(ラストオーダーは22:00)とちょっと早いですが、美味しい料理を食べながらちょい飲みするには良いお店です。
食べログ
東京都目黒区上目黒1-4-3 エクセル中目黒104
中目黒駅から190m 11:30〜14:30 17:00〜23:00(L.O.22:00)不定休...
いかがでしたか?
最初は一人でお店に入るのは勇気がいりますが、ここに挙げたお店はどこも店員さんが気さくで、一人のお客さんに声をかけてくれるので、安心してお店に行ってみてください。
他にも紹介したいお店がありますが、中目黒はいいお店が多すぎて。。
是非ご自分の足で良いお店を探し見てください。
また、以前投稿した以下のお店も参考にしてください。
【中目黒】一人でも入りやすい美味しいお店
美味しいご飯たべてますか?
私は仕事の関係で夜遅くに夕飯を食べることが多いのですが、仕事場がある中目黒だと飲み屋さんが多くてちゃんとしたご飯が食べれる店が少ないんです。そんな私が見つけた、夜遅くても(もちろん遅くなくても)美味しいご飯が食べれる中目黒のお店をご紹介します。...
https://fanblogs.jp/manmo/archive/15/0
【初心者向け】中目黒でノマドワークができるカフェ
おしゃれなカフェでMacを開いて、ドヤ顔でノマドワークをするのって憧れですよね。そこで中目黒で電源のある...
https://fanblogs.jp/manmo/archive/20/0
以上、はてごるでした。
この記事を気に入っていただいたらシェアしていただければ幸いです。
2015年08月06日
【アドセンス】nend(ネンド)でブログにオーバーレイ広告を表示してみよう
スマホでブログを見ていると、フッダ―部分にゲームの広告とかが出ることがありまよね。
あとで読む:
Tweet
これです、これ!
スクロールに合わせて自動で広告が追跡してくるカワイイヤツ!
自分のブログに付けたくていろいろ調べたのですが、オーバーレイ広告と呼ばれているもので、nend(ねんど)というサービスで出来ることがわかりました。
※当サイトでオーバーレイ広告を設定していますがPCで見た場合は表示されません。
スマホもしくはタブレットで、スマートフォン専用ページをご確認ください。
スマートフォン広告:nend
nendは、アフィリエイトで有名なA8.netと同じ会社「株式会社ファンコミュニケーションズ」が運営するサービスで、スマホやアプリ向けに特化した広告を配信してくれます。
nend(ネンド)
日本企業が運営するサービスなので、手続きは非常に簡単で、最短で1日程度で自分のブログに広告を表示出来ちゃいます。
ただ、申請の承認はプログラムで自動的に行うのではなく人がやっているようなので営業時間である日中にならないと承認が下りないのが難点です。その分しっかり審査しているでしょうね。
(と言っても審査が厳しい訳ではなく、形式的なチェックをしているだけのようです)
報酬は?
nendはGoogle AdSenseと同じクリック課金です。商品が売れなくなくてもバナーをクリックするだけで、報酬が発生します。
私も広告を設置して初日から報酬が発生しました。微々たる額ですが実績があがるとウレシイですよね。
クリック単価は公開されていないようですが、1クリック数円から始まって、クリック数が増えるにしたがい10数円にまで上がるようです。
また、自分の報酬実績を確認すると通常のインライン広告よりオーバーレイ広告より方が若干単価が低めに設定されているようです。ただ、常に画面に表示されるのでクリックしてもらえる可能性は高いと思われます。
nendの特長と注意点
nendの広告の特長は以下のとおりです。
・スマホ、及び、タブレットに特化した広告が表示される(PCではnendの広告は表示されない)
・広告枠のサイズが4種類に限定されている(レスポンシブはなし)
・18禁(アダルト)広告も表示可能
18禁広告は「掲載」するか「ブロック」するかを広告枠ごとに選択できるようになっています。
Googleアドセンスを使っている場合は、規約に抵触する可能性があるので、「ブロック」で申請しましょう。
■2015/8/1追記
申請時に設定した18禁広告の「掲載」or「ブロック」設定ですが、承認後でも以下の方法で変更ができます。
広告枠の管理>広告>ブロックと遷移し、カテゴリタブで掲載/ブロックを選択
また、お隣の「広告タブ」で実際に表示される広告のイメージができます。
まずは初めてみよう!
まーいろいろ説明してもわからないと思いますので、興味のある方は試しに初めてみてください。
利用は無料なので、もしご自分のサイトとあわないようだったら利用を中止すればよいですしね。
↓登録はココから
Googleアドセンスだけでは固い広告ばかりになりがちなので、「ゲームやアニメの広告も出したい」という方は是非、初めてみてください。
また、amazonや楽天の商品をブログに掲載してアフィリエイトを始めてみたいという方、
記事でも紹介したA8.netがおススメです。こちらも登録無料ですので、是非どうぞ。
A8.net
以上、はてごるでした。
最後まで読んでいただきありがとうございました。
この記事を気に入っていただいたらシェアしていただければ幸いです。
2015年08月05日
【画像あり】東北や北陸で水不足
2015年8月7日 23:32更新
東北、北陸地方の水不足が深刻のようです。
干からびたダム、やせ細った作物...
この時期の降水量の少なさは飲み水だけでなく、作物の作柄にも係わるので心配な状況です。
すでに野菜の価格も高騰しつつあるようです。
あとで読む:
Tweet
最上川渇水懸念で緊急会議(08月07日 15時43分) / NHKニュース WEB
県内ではこのところ雨が少なく、最上川水系の渇水が懸念されることから、国や県は緊急の会議を開き、水不足への対策について話し合いました。山形市で開かれた会議には、県や山形河川国道事務所、それに山形地方気象台の担当者など20人あまりが集まりました。会議では気象台の担当者が、ことし5月以降の降水量が平年の4割から6割ほどにとどまっていることを説明...
http://www3.nhk.or.jp/lnews/yamagata/6023939541.html
このニュースを手掛かりに、山形県のダムの状況、降水量について調べてみました。
ダム貯水率
以下は国土交通省が発表している東北地方のダム貯水率を少ない順にソートした表です。
このデータを見ると月光川ダム(山形県飽海郡遊佐町)が4.2%、砂子沢ダム(秋田県鹿角郡小坂町)が12.8%とほぼ水がなくなってしまっているのが分かります。
夏場のダムは、台風や大雨を警戒して貯水率を意図的に下げるそうですが、それにしても少なくなりすぎです。
下記は貯水率36.9%の高坂ダムの画像ですが、水位か下がって茶色い土が見えているのが分かります。
最新の状況については、以下のサイトでライブ映像が確認できます。
(当たり前ですが、夜確認すると真っ暗なので昼間に見てください)
国土交通省 東北地方整備局
http://www.thr.mlit.go.jp/naruko/
・鳴子ダム(宮城県大崎市)
山形県河川・砂防情報システム
http://www.kasen.pref.yamagata.jp/bousai/main.html?fnm=openMap&no=15&no2=0
・高坂ダム(山形県最上郡真室川町)
・蔵王ダム(山形県山形市上宝沢)
降水量
こちらは気象庁が発表している市町村別の降水量データで、月光川ダムの近くである山形県酒田市のものです。
1981〜2010年までの平均と比べ2015年の降水量は、4月を除いて軒並みマイナスとなっています。
今年は梅雨入りが半月ほど遅れたこともあり、5〜7月降水量は例年の半分程度に大きく落ち込んでいます。
また、平均気温も、例年を0.5〜2.2度も上回っています。暑い訳ですね。
最後に
私の祖母が山形県酒田市近くに住んでいるのですが、高齢なので暑さや水不足で体調を崩さないか心配です。
庄内平野は米どころでもあるので、水不足が今後影響を及ばさなればよいのですが、、、
また、関東でも取水制限が始まったようです。
人間は自然の力の前には無力ですが、節水や水の確保など、個人ができることをしていきましょう。
関東1都5県で取水制限 貯水率5割切るダムも(07/24 11:51) / テレ朝ニュース
24日から、関東の1都5県で取水制限が始まりました。利根川水系のダムの貯水率は50%を下回っているところもあり、この時期としては過去最低となっています。この取水制限、7月としては19年ぶりです。
群馬県矢木沢ダムの23日の状況は、ダムの上流地域で、5、6月に例年の7割程度しか雨が降らなかったことや...
http://news.tv-asahi.co.jp/news_society/articles/000009332.html
【送料無料】サントリー 奥大山の天然水2L×12本入(2ケース)【サントリーフーズ】【SUNTORY】【ソフトドリンク】 価格:1,752円 |
最後まで読んでいただきありがとうございました。
この記事を気に入っていただいたらシェアしていただければ幸いです。
以上、はてごるでした。