【カスタマイズ】テーマは「Innocent」!この広告は、90日以上更新していないブログに表示しています。ブログ作成記録TwitterGooglePocketこんにちは。久しぶりにカスタマイズ記事を書くことにした、わいのり研究所です。ホントに久しぶりなので、思い出しながら書きます(/ω\)また、以前の記事を引用しますのでご了承ください。「Innocent」のカスタマイズ1.ナビゲーションバー2.続きを読むボタン3.おすすめ記事リスト機能カスタマイズの概要(一覧)カスタマイズを行なった概要はこちらの記事をご覧ください。多過ぎて項目のみの紹介でした。wainorilabo.hatenablog.jpテーマは「innocent」に決定!テーマを決めるのに一番時間がかかりました・・・(汗)というのは、有料限定のテーマだったり、やりたいカスタマイズが出来なかったりするからです。サブブログで検証しながら、あーでもない、こーでもないと試行錯誤していました。最終的には「Innocent」に決定しました。理由は「タイトル下に注目記事(おすすめ記事)を表示」できるからです。このサイトのタイトル下に記事のサムネイルがいくつか表示されていますよね?これがそうです。これがしたくて「Innocent」にしました。「Innocent」は、この注目記事を自動で抽出してくれます。これは「Innocent」独自のカスタマイズのようでして、私が調べた限りでは、他のテーマではできないみたいです。(できないというより、カスタマイズすれば実現可能なのかもしれません。詳しくなくてごめんなさい。)あと、ほかの理由は、カスタマイズがしやすいからです。制限がないというか、いろいろカスタマイズできる自由度があると思います。私としては、その方が自分で好きに追加・削除できるのでいいかなと思いました。「Innocent」について私が使わせていただいているテーマ「Innocent」を紹介します。moonnote.hateblo.jpとてもシンプルでカスタマイズがしやすいです。そのまま使ってもカッコいいです。レスポンシブデザイン対応のテーマです。レスポンシブとは・・・うまく説明できませんが「レスポンシブ」について調べたので紹介します。レスポンシブWebデザインとは、1つのHTMLをCSSで制御し、ユーザーが閲覧するデバイスの画面サイズに応じてページのレイアウト・デザインを最適化して表示させる技術のことをいいます。ビジネスとIT活用に役立つ情報とあるように、スマホやタブレット・PCの画面サイズに自動で対応してくれます。PC用サイトとスマートフォン用サイトでURLが2つ存在する場合、閲覧するユーザーのデバイスによっては適してないページを表示させてしまうこともあります。レスポンシブWebデザイン対応であれば、単一URLでユーザーのデバイスに適したページを表示してくれます。ビジネスとIT活用に役立つ情報PC用サイト、スマホ用サイトと2つ作成する必要はなく、1つのサイトでスマホやタブレット・PCというデバイスに対応してくれるということですね。詳しくはこの引用元サイトをご覧ください。分かりやすく説明してくれてます。www.asobou.co.jp私ではうまく説明できないので、ご自身でも実際に試してくださいね。「Innocent」のカスタマイズ「Innocent」の作者様が提供してくれているカスタマイズがあります。1.ナビゲーションバーmoonnote.hateblo.jpグローバルメニューとかメニューバーとか言ったりもします。使われるメニューへのリンクを表示します。ホームへのリンクや、プロフィール、アーカイブ(記事一覧)などをメニューに表示している方が多いですね。あとは読んでほしい記事へのリンクも貼ったりします。どこにどういう記事があるのか分かりずらいので、こういったナビゲーションバーを配置することで記事を案内しやすくします。記事をカテゴリに分けていると思いますが、そのカテゴリへのリンクをナビゲーションバーに貼ってカテゴリの記事一覧を案内することもできます。2.続きを読むボタンmoonnote.hateblo.jpトップページの記事を短くするために「続きを読む」を使いますが、その「続きを読む」ボタンのカスタマイズです。私はアーカイブ(記事一覧)を強制的に表示するようにしているのでトップページを意識することはあまりないですが、一応このカスタマイズは行ないました。3.おすすめ記事リスト機能moonnote.hateblo.jpこれが私が「Innocent」を選んだ一番の理由です!詳しくは次回紹介します。『それでは、さよなら。