ホームページのWordPressテーマをmicata２に変えてみました

2016/10/19 ブログ運営

dsc_0481

事務所のホームページのテーマを”micata2”というテーマに変えました。

有名なSTINGERシリーズのテーマなのですが、今回はCSSをいじらなくても管理画面やカスタマイザｰからできることが増えていたので試してみました。

 

スポンサーリンク

目次

micata2に変えるまで

以前に私が使ってきたWordPressのテーマをご紹介しました。

誰がために端楽？税理士のブログ
これまでに使ってきたWordPressのテーマ
https://www.ymbtax-blog.com/wordpress-theme-history/
私はWordPressでホームページとブログを作っています。独立当初、Web初心者だった私は書籍やネットの情報を頼りにホームページを試行錯誤しながら作っていましたが、その中でもテーマ選びには時間を費やしました。今回は、今まで試したテーマを振り返ってみます。 私が使ってきたテーマの変遷BizVektorWordPressを勉強するにあたって最初に買ったこの本で紹介されていたBizVektorというテーマを最初に使いました。いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方 第2版 WordPress 4.x対応 (「いちばんや...

 

その後もテーマを変えていて、”simplicity”のあと”STINGER PLUS”に変えていました。

このときの変更理由が、STINGERシリーズでもヘッダー・フッターの画面一杯までの拡大ができることが判ったからです。

私は最初、STINGERシリーズの”micata”を使っていましいたが、ヘッダーとフッターの拡大方法が判らなかったので他のテーマに変えていました。

ところが次のサイトでヘッダーとフッターの拡大方法が判ったので、再びSTINGERシリーズに戻ったというわけです。

 

うぇぶあしび
 
STINGER7：ヘッダーを幅いっぱいに広げてオリジナルデザインにカスタマイズする方法
http://web-ashibi.net/archives/308
「STINGER7 ヘッダー」というキーワードでちらほらアクセスがあったので、そろそろやろうと思っていたヘッダーのカスタマイズをしていこうと思います！

うぇぶあしび
 
STINGER7：フッターのカスタマイズ【シンプル編】
http://web-ashibi.net/archives/964
久々のSTINGER7カスタマイズ！ まだ手付かずだったフッターをいじってみたい ...

 

最初に使ったテーマがSTINGERシリーズの”micata”だったということもあり、この”うぇぶあしび”さんのサイトをよく参考にさせていただきました。

その後、最初に使っていた”micata”の最新版の”micata2”では、ヘッダー・フッターの拡大がカスタマイザｰからできることや他にも機能が増えていたので、さらに”STINGER PLUS”から”micata2”にテーマを変えてみました。

 

manualstinger.com
 
無料のホームページ作成テンプレート micata（ミカタ）
https://manualstinger.com/
ホームページ作成ツール「micata（ミカタ）」は自分で会社やお店のホームページを作りたい方の為に用意した無料のテンプレートです。難しい事はよくわからない！という初心者の方でも簡単に個性的でオシャレなWebサイトを持つことが出来ます。

 

 

micata２を気に入ったポイント

ヘッダー・フッターの画面一杯まで拡大がカスタマイザーでできるようになった

拡大前はこんな状態で左右に白い部分があります。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-17-45-38

 

これをカスタマイザーでこのように設定します。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-17-54-17

 

するとこのようにヘッダーが画面一杯まで拡がります。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-17-46-28

 

フッターはこのように設定すればヘッダーと同様に画面一杯まで拡大します。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-18-08-24

 

見出しの背景に画像を使えるなど見出しのカスタマイズが豊富になった

見出しh1からh4までカスタマイザーでカスタマイズできるようになりました。

今までのテーマではh1の見出し１をカスタマイズするときはCSSでいじる必要がありましたが、micata2ではカスタマイザーからある程度設定できるようになっています（凝った見出しはCSSで書く必要がありますが）。

さらに見出しに背景画像を使えるようになり、より個性的な見出しの作成が可能になりました。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-22-15-51

 

スマホ用の追加メニュー

スマホのヘッダー部分に問合せボタンや電話ボタンを追加できるようになり、さらにそのボタンがスクロールしても追従するようになりました。

%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab-2016-09-28-22-21-39

%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab-2016-09-28-22-25-05

設定はmicata管理のこの部分で行います。%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-22-42-41-%e3%82%b3%e3%83%92%e3%82%9a%e3%83%bc

 

追記　2016.10.19

現在のバージョンでは、無料版の場合、スマホ用の追加メニューは設定できないようです。
このほか、一部ウィジェットも使用できなくなっていますので、これらの機能を使いたい場合には有料版を購入する必要があります。

詳しくはこちらから　→公式HP「micata2（無料版）」と「micata2（pro版）」の違い

記事タイトルと画像がスクロールでフェードイン

そのページを開いた最初のときだけ、記事タイトルと画像がボワッと浮き上がるように出てきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-22-52-39

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-22-54-11

設定はmicata管理のこの部分で行います。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-28-22-49-02

 

まとめ

これら以外にも追加された機能はありますので、気になる方は一度試してみることをオススメします。

私は無料版を使っていますが、有料版ではYouTUBE動画を背景画像に使えます。

また、micata2とSTINGERの違いは、micata2はビジネスサイト用ということで広告用ウィジェットがないぐらいの違いのようです。

 

◆編集後記◆
今日は何とか日付が変わるまでにブログの更新ができました。
やはり一日の最初にブログを書かないとズルズル行ってしまいます。

 

こんな記事も読まれています

この記事が気に入ったら
いいね ! しよう

シェアする
ツイートする
Twitter で
The following two tabs change content below.
アバター画像
Twitter のプロフィール

山端一弥

税理士 ： やまばた税理士事務所
大阪市阿倍野区の税理士です。 税理士事務所での10年間の修行を経て独立開業しました。 このブログは税務・会計・IT・趣味などについて「少しでも誰かの役に立てれば」という思いで書いています。 詳しいプロフィールはこちらへ