簡単にパンくずリストを設置する方法 パンくずリストを設置しました。はてなブログではパンくずリストの設定が無く、諦めていたのですが、あるブログを発見し実装することができました。これにより、SEO的にも内部構造が整理され検索エンジンからの評価も多少は上がると考えられます。 【目次】 パンくずリストとは？ コードの設定方法 カテゴリーの設定 パンくずリストとは？ 初心者の方の為に、「パンくずリストとは」ブログ・サイトの訪問者が、「今サイトのどこにいるのか？」ということを視覚的に認識してもらう地図のようなものです。 このブログでは、記事タイトル下にある赤丸の部分の事を言います。 見てお分かりの通り、TOP＞Google＞ウェブマスターツールの順に階層が分かれていますよね。その記事（ページ）にたどり着くまでにTOPページからどこを通って来て、今どこにいるのかという事が一目で分かりますよね。 この仕組

6月もサクッと終わってしまって、案外と寂しいものですね。 もっと濃密な時間が過ごせるかと思ったら、チョッパヤで7月。 あれもこれも記事にしようと思ってたのですが、案外と出来ないものですね(笑) 思った通りに記事が書けなかった6月でもあるので もう少し自分らしさ(馬鹿さ)を出して行きたいな？ と思ってます。 さて、6月の記事数が25本に対して、PVが16万チョイ。 5月の43記事で80.000PVよりはイったかな？と思います。 まあ、アドセンスもやってないのでPV数は関係ないのですが 閲覧者さんがはてな内ではなく、外からの人が95％以上ですね。 で、更新頻度を落したのは・・・ 本当は5月の初めに宣言したんですよ(笑) けど、ヒートアップして43記事まで嵩んでしまったんですねｗ これは・・・〝過集中〟だと思います！(爆) 1ヶ月で20～25記事だと訪問もこなせるので、このくらいがBestかな？

2015-07-01 はてなブログ日数が30日になったし、振り返る 雑感 はじめに りゅうのすけ（id:RyuNoSuKe）さんのこちらの記事を読みました。 はてなブログを1ヶ月間連続投稿してみて得た教訓 - りゅうのすけのWebで生きてみるryunosuke.hatenablog.com それで、わたしもちょうど1ヶ月経って（5月22日からだけど、ブログ日数は30日）振り返りしてみようっと☆　と思ったので、書いてみます。 はてなブログの解析とGoogle Analytics わたしは、はてなブログPROに入っていないので、はてなのアクセス解析は、ざっくりとしたことしかわからないし、Google Analyticsも、使いこなせていないのですが、こんな感じです。初公開♪ 昨日（6月30日）は、何も更新してないけど、多いな、ていうのは、たぶん、「鳥獣戯画制作アプリ」の記事の影響と思われます。

はじめに 先日サイドブログにて「文字が薄くて読みにくい。だから明るい色にしたらどうですか？」とのアドバイスを頂きました。うーん、確かに。と改めて自分のブログを見てみると「分かりずら！！」って感じました。自分で運営しているにも関わらず、自分のブログを客観的に見れていなかったのです。人間でもよくありますよね、自分の事が一番よく分からないって（笑） サイドブログってどんな背景？ ちなみにサイドブログは、雰囲気を出す為にバックグラウンドカラーを暗い色に設定してあります。その為、文字が白っぽい感じじゃないと全く読めないのです。こちらがサイドブログです。 musicmagazine.hateblo.jp いかがでしたか？？ 背景はこんな感じです↓ う〜ん、暗いですね・・・ものすごく。でもねお洒落な雰囲気を作りたかったので、この木目が気に入ってるし変えたくなかったんですよ（笑） 初期の段階ではこんな感じ

2015-06-30 はてなブログを1ヶ月間連続投稿してみて得た教訓 ブログ このブログも更新を始めて1ヶ月が経った。更新し初めの頃から読んで頂いている方はご存知だろうと思うが、6/1の更新初め以前から記事を書き溜めておいて1日1記事の連続投稿を行ってみた。「継続日数って何かイイコトあるのかなー」程度の考えだった。 読んでくれている方の参考になるのか分からないが自分の備忘録代わりとしても毎月のデータを残しておきたいと思う。この記事の投稿はギリギリまで引き伸ばしたデータを利用しているので正確にはこれが29.8日分ぐらいの内容となる。 はてなブログのアクセス解析とグーグル アナリティクス はてなの解析 突出しているアクセスは6/21の1206という数　2時間もかからず書いたカメラの記事だったが、こんなのが沢山読んで貰えるとはつゆぞ分からず、リアルタイムでは観察出来なかった。実はコレ はてなから

photo by Norio.NAKAYAMA はてなブログでは現状、３つのブックマークを集めたとしても基本的にははてなブックマークに掲載されることはありません。 これは５ブクマでも８ブクマでも、例え１５ブクマであっても「ある条件」を満たさなければ、はてなブックマークに掲載されない状況になっています。 論より証拠、現在、私が１時間ほど前に書いた下記の記事では、１２ブクマが集まっている状態ですが、はてなブックマークのはてなブログ欄には掲載されるものの、はてなブックマークの新着掲載がない状態です。 飲み会の時、みんなのお金を集めてクレジットカード払いする幹事役ってズルい？ 下記のはてなブログの新着には１１：２９分付で掲載されているのをまず確認ください。ブクマ数１２です*1。 はてブの新着には１２ブクマでも掲載されていない： しかし、はてなブックマークの総合新着（通常であれば３ブクマついたものが

2015-06-23 さよならはてな① 日々のこと いろいろ思うこと はてなをやめる方向です。やめることは決めたんですが、どうせやめるなら、最後に言いたいことぶっちゃけまくってやめようと。しかし。 今私は超多忙。 今日も徹夜必至です。 仕事です。 持ち帰り。記事とか書けません。あ、今？ ただの逃避です。１日中、星やらブックマークやらコメントやらつけて回ってる方とか、暇なんですね。 あ、スミマセン。 それが仕事でしたね。 失礼しました。 プロですもんね。 お仕事お疲れ様です。 お互いにお仕事頑張りましょう。 maru333mari333 2015-06-23 01:17 Tweet 広告を非表示にする はてなスターって »

2015-06-21 はてなブログ カスタマイズ その4 Blog これからだんだん小粒になっていくカスタマイズ内容ですが、めざすは「非はなてブログ」細かいことでも丁寧に仕上げれば、自分なりの満足感は得られるし、もしかしたら読みに来てくれる人の利便性もアップしているかもしれません。今回は外部サイトを利用する方法です。 ペライチ 名前のとおり、ぺらぺらな1枚のページを簡単に作成できるWebサービスになります。 ペライチperaichi.com www.youtube.com 僕はこれで自分のプロフィールページ＆サイトポリシーを作成しました。作りかけですがサイト上部のグローバルナビに配置しましたので、覗いてみて下さい。とりあえずブログの紹介と略歴程度を載せています。後は時間があるときにちょこちょこ更新します。 作るのに慣れるまで少し時間が掛かるかもしれませんが、慣れてしまえば直感的操作でサクサ

2015-06-19 『はてなブログ 危険』 ブログについて思うこと 『はてなブログ』って検索に入れてみたら、続いて『危険』って言葉が表示されて、おぉ？なんだ？って覗いてみた。 とあるサイトの主張。 はてなブログには自浄作用はなく、むしろ常習性、中毒性の高いゲームだと。 ただの ブクマ取りゲーム。 星取りゲーム。 だと。 もんのすごい同意。 私にとって中毒性、常習性がヤバかったゲームといえば キャンディクラッシュ。 これはほんとにヤバかった。 あの音楽もたぶん催眠作用あったと思う。 課金しないともうにっちもさっちもいかなくなってやめられたけど。 あ、私は 課金はしない。 その辺の理性はあるんだな。 (訳：お金がありません) あとヤバかったのは ファームヒーロー。 これも、野菜のイラストは可愛いけど、相当えげつないゲームだった。 こっちも難易度が上がり、課金アイテム欲しくなったところでアプリ

2014-12-13 【はてなブログカスタマイズ】サイドバーやアーカイブページの記事リストのサムネイルを丸くする ブログ デザイン 【Sponsored Link】【 "Share" or "Pocket" 】 Tweet サイドバー（当ブログのような1カラムのテーマだとフッタ部分）に設置できる【最新記事】【注目記事】のモジュールに表示されるサムネイル画像を丸くした。ついでにカテゴリーや月別アーカイブページのサムネイルも。 ド素人があれこれ試してなんとかできた、という方法ですので、正解でも最善でも唯一でもないことを予めお断りしておきます。もっとスマートでいい方法があれば、むしろ教えていただけると幸いです。 【最新記事】【注目記事】 CSS で一発なのだが、設定時に選択した画像サイズを確認しておく。 で、そのサイズに合わせて以下のように CSS を記述したら上手く丸くなった。 .urll

この記事は、限定公開や非公開となった「はてなブログ」の読者登録を解除する方法を書いたものです。 以前は、以下のブックマークに登録および解除の仕方が書いてあったのですが、いつの間にか該当記事が無くなっていました。 はてなブックマーク - 1日かけて100個のはてなブログの読者になりました - ホームレス強盗団 そこで、自分なりに備忘録として書いておきます。 限定公開や非公開となった「はてなブログ」の読者登録を解除する方法 はてなブログは途中からでも限定公開や非公開になる場合がある 自分が読者登録していたブログが突然、限定公開や非公開になることがあります。 例えば、非公開設定になった「はてなブログ」は以下のように表示されます。 このように表示されてしまうと、「読者をやめる」が選択できないため、読者解除することが出来なくなってしまいます。 限定公開や非公開でも読者登録（解除）URLにアクセスが可

2015-06-15 はてなブログ カスタマイズ その3 Blog Tweet はてなブログ カスタマイズ その3です。 今回はヘッダー下のグローバルナビ、サイドバーの最新投稿と人気投稿、記事下の関連ページ表示です。 以前から当ブログに訪問頂いている方はご存知だと思いますが、デフォルトのテーマevergreenから変更しました。evergreenは、カスタマイズ時に問題が発生したので、多くの方が採用している2カラムのテーマにしました。 「見やすいよ！」というお声も頂いたので今は気に入ってます。 さて、それではヘッダー下にあるグローバルナビからいってみましょう。 グローバルナビゲーション ページの上部にあるこれ ↓ です。 サイドバーに設置できるモジュールのカテゴリと同じですが、他のサイトなどにも誘導出来たりします。今回はグローバルナビを紹介しているブログ様のソースコードは使用せず、自分でゴ

久々に暇なんで「Google Search Console」にログインしていろいろ眺めているとなんと警告が出てました。 内容は とあり、 日本語を見ると モバイルユーザビリティ > タップ要素同士が近すぎます。 リンクやボタン同士が十分に離れている状態にしてください。 とな。 「詳細」をクリックしてみると 概要 タッチスクリーンでは、リンクやボタンが小さかったり、近すぎたりすると、従来のマウス カーソルよりも正確にタップするのが難しくなります。ユーザーが間違えて誤ったターゲットをタップして困惑しないように、タップ ターゲットは十分に大きくし、他のタップ ターゲットに指を重ねずに押せるよう十分に離す必要があります。平均的な大人の指の腹のサイズは幅約 10 ミリで、Android UI のガイドラインで推奨されるタップ ターゲットの最小サイズは約 7 ミリ（モバイル ビューポートを適切に設定済

はじめに 前回投稿した記事でyukarin初の「４５はてブ超え」頂きました！はてブして頂いた皆様ありがとうございましたm(__)mこの場を借りて御礼申し上げます。かなり嬉しかったし、スクリーンショットを残して置きたいという事もあり記事にしました。 love-wd-yuka.hateblo.jp 今回、この様な結果となった事を検証してみよう！という考えを持ち始めました。今までの自分のぶくマ数は１０前後が限界ラインでした。それもいつもお世話になっている、読者様の支援によるものです（いつも応援ありがとうございますm(__)m） なぜ「４５はてブ超え」したのか？ 簡単に時系列で検証してみました。 ６月から有料版の「PRO」に登録した 「PRO」へ登録した事で、記事を書く事に対して意識が変わった 意識が変わり、今までにない要素の記事を書いた 記事の中に、スクリーンショットを加えた（ペイントソフトで手

はてなブログのデザインカスタマイズ方法です。といっても今回は手の込んだものではなくて少し表示を変えるくらいの方法になります。 初めに はてなブログのデザインには様々なテーマがあります。全体的なデザインはこれがいいけど他のフォントとか見出しはこっちがいいなとか、何かちょっとずつ違ってて悩みますよね。カスタマイズといってもHTMLをいじる訳ではなくCSSを修正(上書き)する作業になるのですが、HTMLとCSSの知識がまったく無いと難しいかもしれません。 デザインテーマを選ぶ まず管理画面のデザインに移動して公式テーマを選びます。 私はReachというテーマにしました。大きく変更する訳ではないので全体的に好きなデザインを選ぶといいでしょう。 CSSを編集する デザイン画面のカスタマイズにある「デザインCSS」を編集していきます。 サイドバーの位置を変える 今回選んだテーマはサイドバーが左にあり、

2015-06-08 はてなブログ カスタマイズ その2 Blog Photo by 写真AC はてなブログ カスタマイズ その2となります。 前回のその1でカスタマイズを加えていった時系列でとしていますが、加えたカスタマイズの問題が解決されていない部分がありますのでその箇所はとりあえず飛ばして説明することにしました。 今回のカスタマイズは本文中の見栄えや色彩をカラフルするためのカスタマイズです。 目次の追加 まずは目次からです。本文の一番上に表示されているのが目次です。文字の箇所をクリックすれば、その見出しまで飛んでくれる仕様になっています。 こちらのソースを使用させて頂いています。 はてなブログで本文の上に自動で目次を表示する方法 - はてなブログ脱獄ブログ サイトの説明にもあるように見た目は各自お好みで調節して下さい。背景を変更したければ、background を。文字の大きさは、f

先日から色々とブログのカスタマイズをしている最中の月子です、こんにちは。 今回はテーマから変えているので、今までと表示のされ方やカスタマイズの方法が違い、結構戸惑っております。 だからか、余計に時間がかかるっ！ …でも、楽しーい♪♪(笑) ちなみに私。 イラストはSAIやらPhotoshopやらを使って描くという、完全デジタル派なのですが、ブログのカスタマイズに必要なプログラムやら何やらに関しては、全くの素人です(泣) なので、何をするにしても調べなきゃ分からないという… 調べたところで、見つけてきたCSSなんかがちゃんと反映されるのかもわからないので、1つずつ試しては表示を確認して…なんて、時間がかかる作業をしております。 変な風にコードを書いてたりするんだろうなぁ…と思いつつ。 でも、勉強になるなぁ！なんてポジティブにも受け取りつつ。 そんな感じで、現在このブログと接しております。 ブ

ブログ

2015-05-18 Writtenテーマのサイドバーの色を変えたりアイコンを変更したり間隔を変える カスタマイズ Tweet Writtenテーマのサイドバーをいじってみます。 当記事は、以下の記事の設定が終わっていることを前提としています。 はてなブログを作った時に最初に設定することのメモ - はてなブログを作った時の設定とかのメモランダム はてなブログテーマ「Written」の横幅のサイズを変更してアドセンスを設置できるようにする - はてなブログを作った時の設定とかのメモランダム サイドバーのアイコンを変えたり色を変えたりする Writtenテーマではサイドバーのモジュールのタイトルの前にアイコンが表示されますが、このアイコンはFont Awesomeのものです。それぞれCSSで設定されており、例えばプロフィールなら、カスタムCSSの .hatena-module-profile

はじめに 私がはてなブログを始めてから、やってみた「カスタマイズ」のまとめ記事です。その中で最も使えそうなものを５つご紹介します。 このブログをカスタマイズしたのは、全て「コピー＆ペースト（貼り付け）」をしただけです。初心者の私でも、簡単にカスタマイズする事が出来ました。要望がありましたので、参考にさせて頂いた記事と一緒に紹介していきますm(__)m はじめに 1. ヘッダーナビゲーションをつけよう！ 2. 記事の「フォント」と「大きさ」を変更しよう 3. はてなブックマークなどのソーシャルボタンを記事毎に設置しよう 4. サイドバーに「問い合わせ」を設置してみよう 5. サイドバーの「タイトル」を英語にしてみよう カスタマイズの参考にしたいブロガーさん まとめ 1. ヘッダーナビゲーションをつけよう！ 参考にしたのは、こちらのブログです！ rrt.hateblo.jp このナビゲーション