マーカーを引いたような文字装飾をやりたくて、このブログにも実装しました。 こんなやつです。 参考にしたサイトはこちらです。 accesstrigger.okaerinasainet.net itbenricho.com はてなブログでの設定方法 CSSとHTMLコードを使います。 CSSはダッシュボード→デザイン→カスタマイズ→デザインCSSに追記します。 HTMLコードは編集画面（エディター）で指定します。 ・ピンクと黄色のマーカーラインを例に説明します。 CSSは「linear-gradient()属性」を使います。 linear-gradient(transparent 線の太さ, 線の色 0%) ・線の太さの指定 太い線 ピンクのマーカーライン .marker_pink_futo { background: linear-gradient(transparent 0%, #FFB6

はてなブログProにすればデザインcssを変更できる。 私がはてなブログProにしてから今月で2ヶ月目です。Proにアップグレードすることによるメリットはいくつかありますが、ブログのデザインを変更できるというのがその最も大きなものではないかと思います。 デザインを変更することの意味とは もちろん見た目が美しくなります。せっかく自分でブログやるならかっこいいデザインにしたいですよね。記事を書こうというモチベーションにも影響してくると思いますし。 さらに、ブログを見に来てくれる方にとっても親切ですよね。デザインについて考えるということは、同時に使いやすさについても考えることにつながります。 私がやったカスタマイズ 今回はすべてPCサイト版のカスタマイズです。スマホ版については後日アップしようと思います。 1．グローバルメニューの設置 こういうやつですね。 こういったメニューを設置することで、サ

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