関連記事の表記に再びMilliardの関連記事プラグインを使い始めました。 その関連記事のデザインを変更したので書いておきます。（許可はとってあります） Milliard関連記事プラグインとは？ Milliard関連ページプラグインについて | シスウ株式会社 Milliard関連記事プラグインは、はてなブログに搭載されていない関連記事を入れることができるプラグインです。 記事数が増えてくるといちいちリンクを貼るのも面倒なので、関連記事プラグインで回遊率を上げよう！というものです。 かなりオシャレで、表示される記事もしっかり関連したのが出てきます。 導入した結果 この関連記事表記は、パネルとリストと選ぶことができます。パネルの方がおしゃれですが、今回はシンプルにリストにしてみました。 普通に導入するとこんな感じになります。 ですが、何となく無駄なスペースが空いてしまうので、CSSをいじって

この度、関連記事プラグイン「Milliard」につきまして、2020年1月1日 17:00（予定）をもちまして、当サービスの提供を終了させていただくことになりました。 ■「Milliard」
　提供終了日：2020年1月1日（水） ■今後のスケジュール
　2020年1月1日 新規インストール及び既存サービス提供終了 ※導入いただいているサイト様も当該部分の表示がされなくなります ※WordPress / FC2ブログ / はてなブログ / Livedoorブログなど、全てのブログサービスで導入いただいているサイト様も同様になります。 サービス開始から多くのお客様にご愛顧いただきましたことを心より御礼申し上げます。誠にありがとうございました。 サービス終了に伴い、皆様にはご迷惑をおかけしますことを深くお詫び申し上げます。 ご不明な点などございましたら、下記へお問い合わせください。 シスウ株式

はてなブログでは、先日公開した「ブログカード」を拡張し、インターネットの一般的なWebサイトに対応しました。URLを貼るだけで、さまざまなWebページをコンパクトな「ブログカード」形式で紹介することができます。 （中略）今回の改善では、ソーシャルメディアのシェアで参照されるOGP（Open Graph Protocol）をはじめとして、Webページに記述されているmeta要素などのデータを利用し、はてなブログ外の任意のWebサイトに対応しました。 簡単に言うと、はてなではOGPというブログ概要情報を利用して、ブログカードを作成しているようです。OGPがない場合は、ヘッダーにあるmeta要素や、titleからブログ情報を取得しているようです。 今回はその、はてなのブログカード機能とiframeを利用してブログカードを表示する方法です。 ブログカード作成方法 はてなでは、以下のように書くと、ブ

こんにちは、だいきです。 前回MEMOPATCHで書いた【2013年度版】今年流行る！7つのUIデザイントレンドまとめ では取り上げませんでしたが、2013年のWebトレンドの一つに「固定ヘッダー」が上げられているブログをいくつか見かけました。 固定ヘッダーが2013年のトレンドになる理由として、海外のブログで下記のような意見があります。 固定ヘッダーのメリットとして、 そのページを見終わった後、別ページに行きたい時、先頭までスクロールする必要がないことがあげられる。 私たちはユーザーがスクロールしたり、検索する手間を省き、いつでも関連情報に簡単にアクセスしてもらう必要があります。 このような固定ヘッダーを準備することでUX向上にもつながります。 Fixed Headers – 2013 Web Trend – Karma https://yourkarma.com/ Wi-Fiルーター販

WebサイトURL http://www.mossa.jp/ Webサイト説明 （Description） ケータリングで素敵なパーティーを。畑からシェフへあなたの元へ。最高のおもてなしと本物のおいしさを届けます。食には人を元気にする力があります。人と人、場をつなぐ力があります。MOSSAは、長年培ったおもてなしの心で特別な日の食空間をおいしく彩ります。おいしい野菜が畑でどのように作られ、どのような手間をかけ調理され届くのか。そんなことを想像しながら、料理を食べてもらいたい。私たちはそう願っています。 close close close

WebサイトURL http://www.haluta.jp/ Webサイト説明 （Description） 長野県上田市を拠点に、東京�・神田にも実店舗を持つ、北欧の家具や雑貨を扱うhaluta(ハルタ)のウェブサイトです。デンマークからほぼ毎月コンテナで運ばれてくるハンス.J.ウェグナーなどヴィンテージの他、HAYやartek、minä perhonenのプロダクトなど取り扱っています。 close close close

今週のお題「いま学んでみたいこと」 ブログをやっていると手を出したくなるのが「カスタマイズ」ですよね。 はてなブログでは、ヘッダーに画像を設定することができます。 ↑これ、無料で作りました。 ヘッダー画像のサイズは、公式発表では以下のようになっています。 タイトル画像 ユーザーは「デザイン設定」の「カスタマイズ」タブの「ヘッダ」で、自由にタイトル画像をアップロードできます。 デフォルトで表示されるタイトル画像のサイズは、高さが200px、横幅は最大1000pxです。 はてなブログテーマ制作の手引き - はてなブログ ヘルプ 高さ200px×横幅1000pxの画像を用意すればいいということになります。 それ以外の場合トリミングすることになります。 使ったもの picky-pics.com Picky-Picsという、オンラインデザインツールがあります。 Twitterアカウント・Facebo

テーマ「CONTENTS」の概要 ２カラムでレスポンシブデザインに対応しているテーマです。 インストールするだけでスタイリッシュで読みやすいブログが完成。その理由とは。 「主役はコンテンツ」 テーマのコンセプトはコンテンツです。 記事タイトルや各種見出しを含むトータルなデザインされている。 さらに、コンテンツを作る時に使いたい機能のCSSデザインをデフォルトで適用済み。 作り手はコンテンツ制作に集中出来ます。 全体的にシンプルなデザインにし、コンテンツをメインに考えています。整えられた余白はブログを美しく見せてくれます。そして、ゆとりのある文字間隔は文章を読みやすくしてくれます。 作り手だけではなく、見てくれるユーザーにもコンテンツに集中していただきたいという想いです。 CONTENTSは、あなたのコンテンツをサポートします。 ベースカラーはコンテンツを際立たせるホワイト。メインカラーはこ

はてなブログ用「あわせて読みたいG」 上記で作成していたカテゴリ表示に対応した記事を表示させるブログパーツについて、内部的にいくつかの問題があって放置していたのですが、『はてなブログカードガチャをブログパーツ化して自分のブログに設置できるようにしたよ - 太陽がまぶしかったから』とマージして実現する事にしました。 セレクトボックスの内容から指定枚数のブログカードをランダム表示 表示エントリのカテゴリを初期設定 表示内容の更新が可能 「アーカイブ」「はてなブックマーク」「カテゴリ一覧」画面への移動が可能 要するに言えば「カテゴリ別ブログカードガチャ」を表示記事のカテゴリに合わせてロード時に実行させる事で「カテゴリ別あわせて読みたい」の機能を代替させるということです。「あわせて読みたいG」の「G」は「ガチャ」の「G」です。『モンスターハンター4G』の「G」じゃなくて。 カテゴリ別あわせて読みた

執筆の息抜きにと思いテーマを作成していたのですが、コツコツと作り進めやっと完成をしました。本当は執筆後にと思っていたのですが、ブログを書かずにテーマの作成を進めてしまいました。実際に今このブログにもテーマを適用しています。見え方としては今見ているページのようになります。ちなみに現在はPCのみに対応しているので、スマホ等から見ている方ははてなページのままだと思います。 ２０１６年５月２９日にレスポンシブデザインに対応しました。 ※スマホ用のCSSは後の記事で一覧をまとめて書きます。 今回作ったテーマのコンセプトは、「主役はコンテンツ」と言うことで、よりコンテンツ作りに集中してもらえるようなテーマを作ろうという所から出発し、見てくれるユーザーからも見やすくするために全体的に余白や文字の間隔等にも余裕をもたせいます。そして楽しまれるような実用的なテーマを目指して来ました。その想いが現れるように、

ブログのデザインでもっとも大切なのは 見やすい事！ 他のサイトとは違い、ブログは「記事」がメイン。 だから、文章がとにかく見やすい事が重要です。 ブログのカスタマイズは楽しくてついついのめり込み、このシンプルで大事な事を忘れがちになります。 photo credit: Javier Piragauta via photopin cc ブログを始める前に決めておきたいデザイン ブログの記事を魅力的にするのに重要なのは H1（大見出し※STINGERの場合はタイトル） H2（中見出し） H3（小見出し） H4（小見出し） ul li（リストタグ） blockquote（引用タグ） です。 これを最初にちゃんと明確にしておくと、どんな記事も メリハリのある記事となり印象も2割増し~5割増し！になります。 hタグ（見出し）のデザイン hタグのデザインが魅力的だと非常にブログも魅力が上がるのですが、

先日からちょっとおもしろい実験をしてみました。 はてなブログのSEOの強さを示す実験です。 実験の予想外の結果に 「こりゃあ、はてなブログでアフィリエイトやったら稼げるわ！」 と思っちゃいました。 さて、その実験とは・・・ ちょっとしたきっかけ 実は私はこのブログ以外に ネットで稼ぐ研究室というブログを運営しています。 2014年から運営を開始して、現在記事数は350記事ほど。 1日のアクセス数は2000くらいです。 ネットビジネスに特化したブログですので、 このぐらいのアクセスでも良い方でしょう。 で、最近真面目にブログ更新していて、 コピーライティングの記事なんかをコツコツと書いていました。 アクセスも順調に伸びていたのですが、 先日ちょっとしたアイデアが浮かびました。 「せっかく時間かけて記事を書いたんだから はてなブログにも載せたらどうなるのかな？」 結構がんばって書いた記事なので