TOMOIKUロハス生活で丁寧な暮らしを！ 

WordPress無料テーマMesoColumnのカスタマイズ日本語化と簡単設定

https://tomoiku.com/?p=3105

新しいサイト制作に挑戦！「Opinion」でいくつものカテゴリーで記事ができる理由で制作をしてきたのだけど、h1・h2の関係や、「Opinion」にプラグイン「All in One SEO Pack」を導入するとmetaタグが２つ出来てしまうことなどの件で、サイトの分散を悩んだ末に決めた...

MesoColumnデフォルトはどうにも…文字が全体的に大きい！（上記）

赤ちゃんや子ども用のサイトなので、楽しいというか…やさしい感じにしたいのだけど、どうもh1とｈ2の文字が大きい。

デモのサイトではタイトル文字も英語で大きさもかっこよく見えるのにね。

さて！サイトを作っている間にちょこちょこ覚えはじめたCSSを覗いて、変更してみよう。

構築するためにまず、大枠をつくる

メニューはサイトをどのように構築するかで、表示方法が人それぞれ違うと思うのですが、最上部が①トップメニューで、その下の②メインメニューはブログメニューとかに利用する方が多いのだと思います。

私はトップメニューに固定ページ・メインメニューは投稿ページとしました。

それぞれ、ページを作らないとメニューや配置の設定（他スライダーなど）ができないので、イメージしたペー ジの構築をしてから、設定した方がいいと思います。

1. 固定記事と投稿記事など数点つくる。
2. その記事をもとにダッシュボード > 外観 >メニューで編集

【メニューの編集】メニューを3つ作ってください。

最上部のトップメニュー・タイトル下に表示されるメインメニュー、フッターメニューが作れます。

【位置の管理】で作ったメニューの位置の確認もできます。

②のメインメニューのカラーはダッシュボード > 外観 > Theme Options（テーマオプション）Category Colorで設定

タイトル文字を変更

サイトの内容によっては太くて元気な感じの文字でいいのですが、私のサイトは赤ちゃんや子供がテーマ。

ちょっとごつくないですか？…ということで…文字サイズを変更します。

ダッシュボード > 外観 >カスタマイズでまずは設定してください。

1. サイトタイトルとキャッチフレーズ
2. 色
3. ヘッダー画像　（1440ピクセルに耐えられる画像）
4. 背景画像
5. ナビゲーション

上記設定してまずは、文字の大きさ・背景画像などの確認をしてみてください。

そのままでOKでしたらそれでいいのですが、私はサイトタイトルの文字の大きさがイヤ！

…なのでひとまわり小さくしました。

こんな感じ

ダッシュボード > 外観 >テーマの編集 >スタイルシートで編集します。

①【 サイトタイトル 】3emから2emに変更　変更のサイズは自由に。

#siteinfo h1, #siteinfo div {font-size: 3em;
↓
#siteinfo h1, #siteinfo div {font-size: 2em;

そして信じられないほど記事ページの文字も大きいのですよ！変更です！

②【 記事タイトル 】3emから2emに変更　変更のサイズは自由に。

#post-entry article.post-single h1.post-title, h1.folio {font-size: 3.0em;}
　↓
#post-entry article.post-single h1.post-title, h1.folio {font-size: 2.0em;}

※CSS画面で探すときに便利な方法は画面にカーソルをあてて、Ctrlを押しながらFで探す窓が出て、そこに文字入力すると検索ができます。

例：上記を探す場合、一部をコピー　#siteinfo h1, 　って入力すると探せます。

———-　注意！　———-

初心者でサイトを飛ばした私がいうのは大変恐縮なのですが、CSSはバックアップかメモに残すなど、間違えた時の対策はしてくださいね。

…で！結局私は全体的に気に入らないので、背景画像に変更してメインメニューの下にスライダーを入れることにしました。

次はスライダーです♪

関連記事

 TOMOIKUロハス生活で丁寧な暮らしを！ 

WordPress無料テーマMesoColumnのカスタマイズ日本語化と簡単設定

https://tomoiku.com/?p=3105

新しいサイト制作に挑戦！「Opinion」でいくつものカテゴリーで記事ができる理由で制作をしてきたのだけど、h1・h2の関係や、「Opinion」にプラグイン「All in One SEO Pack」を導入するとmetaタグが２つ出来てしまうことなどの件で、サイトの分散を悩んだ末に決めた...

 TOMOIKUロハス生活で丁寧な暮らしを！ 

WordPress無料テーマ「MesoColumn」カスタマイズ｜スライダー設定は簡単

https://tomoiku.com/?p=3141

Mesocolumnのスライダーは簡単設定です。私は以前テーマ「stinger5」でプラグイン「Soliloquy Lite」を使用してサイト制作をしたので、今回のMesoColumnの設定はとても簡単で、自分で注目記事・最新記事などと主張したい記事を選べるので、一石二鳥のお得感を感じま...

 TOMOIKUロハス生活で丁寧な暮らしを！ 

WordPress無料テーマ「MesoColumn」カスタマイズ|アドセンスを含む広告の貼り方

https://tomoiku.com/?p=3235

MesoColumnで広告の貼る場所のカスタマイズとても気に入っているテーマ！MesoColumn初心者にとってひとつ難点なのは、アドセンスを使用したい場合、Theme Optionを利用できないことです。他の会社（A8など）の広告は貼れることが多いのですが、アドセンスだけは文中...