【CCS不要】Stingerでヘッダーのロゴをセンタリング(中央寄せ)する方法

【CCS不要】Stingerでヘッダーのロゴをセンタリング(中央寄せ)する方法

シェアする

blog-center4

fullnote
ロゴがセンターにあるブログ多いなぁ

こんにちは!ふるのーと(@fullnote)です!(*^^*)

ロゴがセンターに設置されているブログって多いですよね。

今回、それにチャレンジしようとしたところ、めちゃめちゃ簡単だったのでその後紹介です。

スポンサーリンク
fullnote1

ロゴが上部中央にあるデザイン

パンダ先輩
最近、ロゴが上部中央にあるデザインをよく見るよね。

logo-center3

https://junichi-manga.com/

ブログマーケッターJunichiさん(@Junichi_Santa)とか

logo-center1

http://www.jimpei.net/

やぎろぐやぎぺーさん(@yagijimpei)とか

logo-center2

https://www.hikikomorism.com/

ヒキコモリズム井上さん(@luckyman0302)とか。

まあ、「ストーク」っていう有料WordPressテーマなんですけどね。

このストークというテーマはデザインも良くて使い勝手も良くても人気です。

10,800円しますけどその価値はあるのかなと思います。

Stingerでもロゴをセンターに置きたい。

blog-center6

私はStingerplus+という無料のテーマを使っているのですが、初期設定だとロゴは左寄りなんですよね。

ロゴを中央に置きたいなーと思って調べたところ、

出てきたのCCSの編集

以下サイトの「ロゴと説明文を中央に寄せる」が参考になりそうでした。

パンダ先輩
嫌や!そんなの難しくてわからんちん!

チェックつけるだけでセンタリング(中央揃え)

そんな感じで悩んでたところ、チェックつけるだけでセンタリング(中央揃え)出来る方法を発見しました。

Stinger管理:ヘッダーを分割しない(タイトルなどが改行されません)

blog-center5

メチャメチャ簡単で、

Stinger管理で「デザイン・レイアウト関連設定」の「ヘッダー設定」から

ヘッダーを分割しない(タイトルなどが改行されません)

をチェックするだけでセンタリングできます。

チェック前

blog-center6

これが

チェック後

blog-center4

こう!!

( ・´ー・`)どやあああああああ!!!!

いや、マジでStingerさんありがとうございますありがとうございます。

こんな素敵なテーマを無料でありがとうございます。

まとめ

Stingerplus+の場合、ロゴをセンタリングする方法は

Stinger管理

→ デザイン・レイアウト関連設定

→ ヘッダー設定

 → ヘッダーを分割しない(タイトルなどが改行されません)をチェック

これだけ。

めちゃくちゃカンタンですね。

ENJIさん(@ENJILOG)に感謝しましょう。m(–)m

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

最新情報をお届けします

Twitter でふるのーとをフォローしよう!

スポンサーリンク
fullnote1
fullnote1

シェアする

フォローする

スポンサーリンク