テーマBlogloのカスタマイズ

Theme

テーマの選択で、メニューを固定する条件で探していましたが、メニューが隠れるタイプでも、固定するCSSを知り、今回Blogloテーマをカスタマイズしてみました。

Blogloオリジナルのイメージ

Blogloを選んだ理由は特にありませんでした。メニューを固定されていないテーマを選んで、固定してみて、どのような見栄えとなるか試してみました。下図はオリジナルのイメージです

上記のトップ画面はスクロールするとメニュー含め全てがスクロールしてゆくタイプです

カスタマイズした後のサンプル

メニューを固定し、これに伴い、メインコンテンツ・ウィジェットの位置に破綻がでるので、追加CSSで調整した後の、完成形のサンプルです

かなりシンプルなトップページです。トップメニューの固定化、これに伴うコンテンツの位置・右のウィジェットの位置の設定追加、最新の投稿のアイキャッチ画像が丸い状態を訂正した状態です

追加CSSの内容

内容は記述の通り、メニューの位置の固定化・メインコンテンツ上部位置・右サイドウィジェットの上部位置の調整・最新の投稿のアイキャッチ画像が丸いのを訂正等をしてあります。他の記述についてもいくつか説明をしてあります。テーマのカスタマイズも追加CSS以外で設定してあります(省略)

タイトルとURLをコピーしました