ブログのトップページを「一覧形式」で表示できるようにしました（はてなブログPro） - はてなブログ開発ブログ
はてなブログでは、有料オプション「はてなブログPro」利用者向けに、各ブログのトップページ（PC版*1）を表示するときに「全文形式」と「一覧形式」を選択できるようにしました。これまでのように記事の全文を表示するだけでなく、コンパクトに記事の概要のみを一覧で表示することができます。どうぞご利用ください。 トップページの表示形式を変更するには トップページの表示形式は、ブログの管理画面から詳細設定ページで設定できます。「トップページの表示形式（PC版）」を「全文形式」と「一覧形式」から選択してください。デフォルトは「全文形式」です。 トップページに表示する記事数 各ブログのトップページには、同じく詳細設定ページにある「トップページの記事数（PC版）」で指定した数だけ記事を表示します。これまでの「全文形式」でも、新しい「一覧形式」でも同様です。 一覧形式はどのように表示されるか これまでの「全文
関連記事表記にMilliard関連ページプラグインを導入しサイドバーに固定してみました - Yukihy Life
関連記事に関して、以前ははてなブログのブログカードをカテゴリごとに自動生成してくれるという神コードを使っていたのですが、ちょっと新たな気分にするために、Milliardの関連ページプラグインというものにしてみました。 どんなものかを紹介してみたいと思います。 Milliard関連ページプラグイン Milliardでこんな感じで関連記事が表示されます 一般的に導入をすれば、こんな感じで関連記事を表示することができます。 PC画面 PCではこんな感じ（画像は全て「Milliard関連ページのよくあるカスタマイズについて(WordPressプラグイン)」から） パネル表示 画像なのでわかりづらいですが、本当はスクロールできます。 リスト表示 モバイル版 モバイルでのパネル表記 モバイルでのリスト表記 ちなみに僕はPC版はフッターではなくてサイドバーにパネル表記の関連記事を差し込んでみました。モバ
Googleアドセンス記事中央にセンタリングする方法|はてなブログカスタマイズ - Yukihy Life
スマホ版のGoogleアドセンスの貼り方って本当に悩みますよね。 スマホもいろいろとサイズがあるものだから、どのサイズの広告を貼ろうか本当に悩みますし、正直言えば、できるだけ大きいやつを貼りたいわけです。 現在Googleに推奨されているレスポンシブの広告ならば、見ているデバイスのサイズに合わせて横幅を変えてくれるので良いのですが、何となく横に長くなる広告が嫌なんです。 なので通常の300×250のサイズの広告をセンタリングして貼ることにしました。備忘録です。 広告をセンタリングした実相図 300×250の広告をセンタリングすることで、スマホではこんな感じに見えます。 まずは普通のiPhone5 そして大きめのiPhone6プラス 同じことをパソコン上でやれば、左詰めされずに記事中に336×280の広告も目立たせることができます。 個人的に広告は目立つようにしてスルーする人にはスルーしやす
「アプリーチ」をCSSでカスタマイズ iPhoneアプリとAndroidアプリを同時に紹介できるブログパーツ - Yukihy Life
アプリを紹介するサービス「アプリーチ」 ブロガーであるまなしばさんのご主人が作成したアプリを紹介するサービス「アプリーチ」。 アプリーチ | iPhoneアプリとAndroidアプリを同時に検索し、統合されたブログパーツを作成出来ます。 上の方の検索窓にアプリの名前を入れることで、綺麗なリンクを、しかもiPhoneとアンドロイド両方つくることができます。とっても便利なので僕も使わせていただいています。ありあとうございます！ アプリーチをCSSでデザインを変更！ 実装図 そんなアプリーチを、ほんの若干ですがCSSを書いて若干デザインを変更してみました。 イメージとしてはこんな感じです。 ほんの若干ですが統一感を出せるようにしました。今後変わるかもしれませんが実際にはこんな感じ。 Pinterest（ピンタレスト） 開発元:Pinterest, Inc. 無料 posted with アプリー
はてなブログの公式目次機能にちょっとコードを足してグッと使いやすくするカスタム - Yukihy Life
この間追加されたはてなブログの目次機能。どのモードでも、[:contents]と書き込むだけで目次がつくれるので、「凄い！」って思ったしとっても便利になりましたよね！ 今まで目次を自動生成するコードもあったのですが、特定の説明記事やリスト記事にだけ入れたいなと思っていたので、半ば諦めていました( ；´Д｀) それにちょっとコードを足すとグッと使いやすくなるので、いろいろとサンプルを紹介したいと思います。 はてなブログユーザー向けの記事になります。 CSSでできるはてなブログ目次のカスタム リスト表示を番号にする 見出しの一部を消す 小見出しを消す 中見出しも消す 「目次」という言葉を入れる 目次部分に背景色をつける 文字の大きさを、少しずつ小さくしている 段の横幅を調整 jQueryでできる目次カスタム スムーズスクロールにする 最初は隠しておいて、クリックしたら表示するようにする まとめ
はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life
10/7追記１：「はてブ順」を含めた、５つボタンバージョンを追加しました。 11/16追記２：カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、これは！と思い、以前作ったトグルメニューと組み合わせると、スマホの回遊率が高められる(かもしれない)メニューバーというものを作ることができたので、紹介したいと思います。(レスポンシブ設定の方は、できません) 実装図 実際のカスタマイズ ４つのボタンの場合 １ HOMEボタンにURLを入れる ２ カテゴリにURLと言葉を入れる ５つのボタンの場合 １ HOMEボタンにURLを入れる ２ カテゴリにURLと言葉を入れる その他のカスタマイズ 色を変えたい 人気記事の表示する個数を変えたい はてブ数を表示したい・したくない カテゴリの部分を二列にしたい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEOって難しい！はてなブログの『ブログの概要』は空白にしないと絶対ダメな理由！ | お得節約・稼げる-とくろぐ-