賢威のサイドバーをカスタマイズする

サイドバー

今回は、inosh blogに使用しているテーマ「賢威」のサイドバーをカスタマイズしていく様子をご紹介します。カテゴリー横に表示される投稿数(記事数)をaタグの中に入れてspanタグを挿入したり、見出しやliリストのカスタマイズなど。

賢威のコンテンツエリアをカスタマイズする

コンテンツエリア

今回は、inosh blogに使用しているテーマ「賢威」のコンテンツ部分をカスタマイズしていく様子をご紹介します。全体背景の指定、コンテンツ部分の見出しのカスタマイズ、コメント送信のボタンのカスタマイズなど。

賢威のヘッダーをカスタマイズする

ヘッダー

今回は、inosh blogに使用しているテーマ「賢威」のヘッダーをカスタマイズしていく様子をご紹介します。トップメニューの消去、ロゴ部分のカスタマイズ、記事タイトルを吹き出し風にする、ヘッダー全体における背景の設定など。

ブログのテーマカラーを決める

テーマカラー

inosh blogをカスタマイズする環境が整いましたので、次回からは、実際に当ブログの見た目をどんどんCSSで調整していきます。その前に、カスタマイズを進めていく上で大前提となる「ブログのテーマカラー」を決めたいと思います。

CSSで文字サイズや行間を調整して視認性・可読性を高める

眼精疲労の男性

ブログ運営において、視認性や可読性を高めるのは非常に重要ですよね!ブログを訪問した瞬間、もしも文章が異常に読みにくかった場合、ユーザーはそのまま離脱してしまうかもしれません。そうならないために、CSSで見やすい文章にしましょう。

カスタマイズ用のCSSを作成する

CSS

賢威をオリジナルのデザインにするため、カスタマイズ用のCSSファイルを読み込ませます。賢威のヘッダー部分のデフォルトPHPファイル(header.php)へ、自分が作成したCSSファイルを読み込ませるための記述方法などをご紹介します。

賢威の初期設定をする

賢威

アフィリエイターの間では定番のSEOテンプレート「賢威」をインストールした後、inosh blogで適用した細かい初期設定の内容と手順をご紹介します。トップバナーの消去、最新情報一覧の消去、カテゴリーの追加など。

WordPressをインストールしてみた

WordPress

inosh blog開設日の初記事。とりあえず、WordPressをインストールしてみました。今までの複数のWebサイト運営を通し、情報をアウトプットすることは最大の勉強方法であると気付き、Webに関する知識を深めるために当ブログを開設しました。

ページトップへ戻る ページエンドへ進む