MoonNote

はてなブログテーマ / CSS / jQuery

大多数のはてなブログテーマは「ライセンス違反」によりカスタマイズできない

f:id:waitingmoon:20160120145008p:plain

はてなブログテーマの制作者は、テーマストアに制作したテーマを投稿する際に「ライセンス(利用規約)」を設定できます。設定できるライセンスは大きく分けて「カスタマイズ可」「カスタマイズ不可」「商用利用(アフィリエイト)不可」など様々ですが、今回は「カスタマイズ不可」のライセンスに焦点をあてて記事を書きたいと思います。

続きを読む

トップページの記事画像を CSS だけでアーカイブページ風のサムネイルに変更するカスタマイズ

f:id:waitingmoon:20160118024747p:plain

はてなブログにはいわゆる概要表示(アイキャッチ画像と文章の一部を抜粋してリストで表示する)機能がありません。自分もそうですが、トップページの記事一覧をアーカイブページのようにすっきりと表示させたい!という方は結構多いのではないでしょうか。

JSで無理やりアーカイブページに転送するカスタマイズもあるみたいですが、一手間加えれば転送なし + CSS だけで実装できるので、今回はその方法を紹介したいと思います。

続きを読む

はてなブログテーマ「Innocent」のカスタマイズ(続きを読むボタン編)

f:id:waitingmoon:20160115111009j:plain

続きを読むボタンのデザインを変更したいとのコメントを頂いたので、いくつかのサンプルを掲載したいと思います。掲載しているサンプルは全て Innocent 用になりますが、コードを一部修正すれば Blank やその他のはてなブログテーマでも使用可能です。

続きを読む

有償カスタマイズ・テーマ制作についての意見を募集します

f:id:waitingmoon:20160114122112p:plain

先日、とあるはてなブログユーザーの方から「有償でブログをカスタマイズして頂けないでしょうか?」との依頼を頂きました。

特に明記していないにも関わらずそのような依頼を頂いたということは、自分を高く評価して頂いたということで大変嬉しく思います。

もし、この方と同じように依頼を希望される方がおられましたら、希望価格・カスタマイズ内容・ご意見等を添えて、この記事へのコメントまたは @h_a_l_f へのリプライ/ダイレクトメッセージでご連絡下さい。需要があれば後日、正式に価格や詳細を掲載したいと思います。

Innocent および Blank でパンくずリストの ”>” を正しい位置に表示する方法

photo by riklomas

Innocent と Blank で、id:bulldra 氏が制作したパンくずリストはてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから)のカテゴリーとカテゴリーの間に挿入される > が全て最後のカテゴリーの後ろに表示されるという問題を修正するには、以下のコードをデザインCSS欄に追記して下さい。

.categories a{
    display: inline-block;
    float: none;
    margin-right: 0;
}

問題が起こる理由と、問題が起こる指定をしている理由は続きを読むに記載します。

続きを読む