FOCUS

はてなブログテーマ"Focus"のカスタマイズやあれこれ

2017-10-23から1日間の記事一覧

Focusでグローバルナビを追加する方法

グローバルナビを設置する方法をご紹介します。

Focusで設定画面からhead要素に追加するコード

head要素に追加するコードは2つだけFocusでhead要素に必要なコードは2つだけです。 アイコンフォントを表示するためのFontawesome 一部の要素を動かすためのjqueryライブラリ 既に入れてある人も結構いるかもしれません。ダブる必要はありませんので、すでに…

フッタHTML内に記入するコード(ファーストリリース時)

Focusの特徴である3カラムレイアウトの実現にはJavaScriptなどをフッタ内に記述する必要があります。ファーストリリース時のコードを記載します。

カスタマイズ用デザインCSS(ファーストリリース時)

Focusを便利に使うためのCSSはデザインCSSにも多く入っています。デモサイトで使用しているCSSをご紹介します。

テーマのコード(ファーストリリース時)

Focusで使用されているテーマコードをご紹介します。

Focusで使用される各種要素(アセット)一覧

Focusで使用される各種要素(アセット)一覧をご紹介します。テーマの設定が完了したら記事作成に集中できるように多くの要素を事前に準備しています。

はてなブログテーマ”Focus”について

はてなブログテーマFocusについての説明です。テーマのコンセプトや注意事項、3カラム化の手順などの簡単な説明をしています。