MesoColumnのカスタム方法まとめ

今回は「MesoColumn」というWordPressテーマのカスタマイズ方法をいくつか紹介します。

MesoColumnをお使いでカスタマイズに興味のある方は参考になる部分もあるかと思います。

 

トップメニューのカスタマイズ

まずはトップメニューのカスタマイズ方法を紹介します。

トップメニューとはサイトの一番上の部分のメニューバーになります。

ここの縦幅を細くし、両サイドの丸みを帯びている部分を小さくする方法と、それに合わせて文字サイズを小さくする方法を紹介します。

1.縦幅サイズ変更

ダッシュボード→外観→ThemeOptionsと進み、Custom CSSのタブを選択し、次のコードを入力します。

width: 20%;の部分の数値でお好みのサイズに変更できます。

 

2.文字サイズ変更

次は文字サイズです。

先程と同じく、ダッシュボード→外観→ThemeOptionsと進み、Custom CSSのタブを選択し、次のコードを入力します。

font-size: 0.8em;の部分の数値でお好みのサイズに変更できます。

画像で比べるとこんな感じです。

グローバルメニュー

↓↓↓↓↓↓↓↓↓

トップメニュー

ちょっとわかり難いですが、全体的に小さくなっていますね。

 

「続きを読む」を左から右へ移動

続いては、記事の「続きを読む」の部分がデフォルトでは左側にあるものを右側へ移動させる方法を紹介します。

ダッシュボード→外観→ThemeOptionsと進み、Custom CSSのタブを選択し、次のコードを入力します。

これだけで次の画像のように左から右へ移動します。

続きを読む左

↓↓↓↓↓↓↓↓↓

続きを読む

 

ページナビの文字サイズ変更

ダッシュボード→外観→ThemeOptionsと進み、Custom CSSのタブを選択し、次のコードを入力します。

これもfont-size: 1.5em;の部分の数値でお好みのサイズに変更できます。

 

まとめ

トップメニューのカスタマイズ、「続きを読む」の位置変更、ページナビの文字サイズ変更の方法を紹介してきましたが、これらのカスタマイズは完全に個人の好みになってくるので、あなた好みにどんどんカスタマイズしてみてください。

思わぬ発見と出会えるかもしれませんよ。

 

Sponsored Link


関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

管理人


いろんな仕事をやってきて、気が付いたらまだいろんな仕事をやっていたリゲルです。
ヤフオクのストア企業に勤めたりもしましたが、一番好きな仕事はWebサイトの作成&運営。
WordPressが大好物で、いくつかのサイトを運営しています。

ビジネス

  1. 2016-3-30

    そろそろクラウドソーシングについて一言いっとくか

    在宅ワーカーにとっての強い味方「クラウドソーシング」。 フリーランスとしての働き方が広まってき…
  2. 2016-3-21

    メルカリで実際に売れた物とその価格を5つ紹介するよ

    フリマアプリ業界をブッチギリで突っ走る絶好調のメルカリ。 僕もメルカリでは売ったり買ったりして…
  3. 2016-3-18

    ラクマとメルカリを比較した結果、結局どっちを使うべきか

    ラクマとメルカリは同じフリマアプリとしてよく比較されます。 この2つのアプリ、使ってみるとわか…
ページ上部へ戻る