はてなブログのURLをHTTPからHTTPSへ移行したのですが、その際に行ったことをメモしておきます。 混在コンテンツの発生を防ぐため、記事の中にあるHTTPの記事を一括置換。その際には以下のサイトを使わせていただきました。 www.notitle-weblog.com 置換した…

スマホユーザーは一般的に、なかなか次の記事を見てくれません。その理由は ユーザーがあまり時間が割けないから PCやタブレットに比べ画面が小さいため、どこにどのような記事があるのかわかりにくいから ということが考えられます。 ユーザーが急いでいて…

グーグルアドセンスの広告はサイズを変えることができます。それによって横長のビルボード（970×250）を表示させることができます。 ビルボードに変更してみて感じたのは、それまでの336×280レクタングル広告に比べ、クリック数も収益も2倍ほど上昇したとい…

はてなブログは過去記事への導線が少ないと言われていますが、スマホ版のカスタマイズ制限は何とかしてほしいです。 特にスマホ画面で、PC版のサイドバーのパーツを入れられるようにしてほしいです。アクセス順やはてブ順での記事一覧はHTMLを使って何とか表…

たまにしか引用をすることはないのですが、はてなブログの引用機能を使う場合、デフォルトのデザインだとなんだかイケてないので、カスタマイズしています。 ブログ全体の色合いと調和させています。

フッター部分は確かにあまり見られる箇所ではありません。しかし、このフッター部分に少し工夫するとユーザーにとって見やすくなります。 例えばサイトマップを挿入することができます。とりわけ企業サイトでそのような例をよく見かけます。 ブログでも、サ…

はてなブログで行ってきたカスタマイズをまとめました。 全くの初心者が、他のサイトで紹介されているコードを見ながら何とかここまで来れました。確かに素人ですが、紹介されているカスタマイズ一覧をそのままコピペするのではなく、「もしこれが出来れば、…

パンくずリストを作ったのですが、複数のカテゴリーを指定すると、書き出しの部分がずれてしまっていました。というのも冒頭にタグのフォントアイコンが指定されてしまい、その分だけ最初の親カテゴリー・子カテゴリーがずれてしまいます。

PC用画面において、サイドバーのデザインをカスタマイズ方法を紹介します。

スマホ用の画面で、次の記事が記事下に出てしまいます。 これを消す場合、カスタム画面のヘッダー部分に以下のコードを挿入すれば消すことができます。

コメントが増えてくると、自分の返事とお客さんのコメントが重なって見にくくなります。 そのときに自分のコメントの背景色を変えれれば、見やすくなります。 そのためには以下のコードをフッターに張り付けてください。コピペです。

コメントを書く欄のデザインをカスタマイズする方法を紹介します。

はてなブログのPC版トップ画面が見にくいと思ったことはありませんか。 通常の記事一覧では、「続きを読む」を入れて記事の一部分しか表示させないようにしていたとしても、記事によって「続きを読む」が挿入される箇所が違うので、記事の高さがまちまちにな…