この記事は1年以上前に更新された内容のため、情報の一部が古い場合があります。最新の情報は公式マニュアルをご確認下さい。

お知らせ

ロゴサイズ指定・スマホヘッダーデザイン変更など ~ ACTION ver20210315 UPDATEのお知らせ

スマートフォン(及びタブレット)のヘッダー部分のデザイン仕様を変更致しましたACTION(AFFINGER6 / EX / STINGER PRO3) ver20210315を購入ユーザー限定ページに公開致しました。

  • スマートフォン(及びタブレット)のヘッダーの高さを変更できるようになりました。
  • スマホロゴのセンター寄せを設定している方は「左寄せ」に設定が変わりますので変更してください
  • アイコンロゴのPCサイズ指定基準が横幅から高さに変更になります
  • PC及びスマホ用ロゴのサイズが指定できるようになりました

スマホヘッダーの変更

旧デザイン(WING)

従来は以下のようにヘッダーとは別にサイトのタイトル(又はロゴ)、キャッチフレーズを表示するか、カスタマイザーの”モバイル用ロゴ(又はタイトル)を使用する”を有効化することでタイトルのみを表示するレイアウトでした。

デフォルト
スマホロゴ

新デザイン(ACTION)

ACTION ver20210309以降では以下のようにスマホ(及びタブレット)ではメニューとサイトのタイトル及びキャッチフレーズが横並びとなり、スマホ用ロゴ設定時もキャッチフレーズを表示できるようになります。

設定について

スマホヘッダーの高さは適宜、ご自身で設定する必要がございます。

表示したコンテンツが見切れる場合などは適切な高さを指定しなおしてください(極端な数値はレイアウトや動作が不安定になる場合がございます)

テーマ管理

スマホヘッダーの高さやサイトのタイトル、キャッチフレーズの表示有無などはテーマ管理の「ヘッダー」で変更できます。

ロゴのサイズやキャッチフレーズの表示などによりコンテンツがヘッダーから見切れる場合は適宜調整してください(最小48px)。

カスタマイザー

旧「モバイル用ロゴ(又はタイトル)を使用する」設定は廃止になりました。

また、センター寄せデフォルトになったため、「モバイル用ロゴ(又はタイトル)をセンター寄せ」が「スマホロゴ(又はタイトル)を左寄せ」と挙動が反対になりました。

また、カスタマイザーの「ヘッダーエリア」項目にあった”サイトタイトルとキャッチフレーズの文字色”設定が「ロゴ画像 / サイトのタイトル」に移動しました。

アップデートされる場合は旧「モバイル用ロゴ(又はタイトル)をセンター寄せ」設定が反対の挙動となるため再設定をお願い致します

ロゴサイズの指定

ロゴ・アイコンロゴ共に、最大の高さを指定することでサイズ調整が可能になりました。

追加メニューについて

テーマ管理のメニュー設定にて「追加メニュー」を設定した場合は強制的にレイアウトが変わります(下部にセンター寄せで表示)。

  • この場合、ロゴやサイトのタイトル及びキャッチフレーズ非表示設定はPC側の内容が反映されます
  • ヘッダーの高さは48px固定になります

アイコンロゴについて

カスタマイザーの「アイコンロゴ設定」を行った場合は、以下のとおりとなります。

デフォルト
左寄せ

アイコンロゴはスマホロゴ設定時又はサイトのタイトル及びキャッチフレーズが共に非表示の場合は表示されません

タブレットの挙動について

WordPressのwp_is_mobile関数及び599px(iPad miniサイズ程度)を基準にして、縦でスマホ、横向きでPCと同じレイアウトとなります。

但し、反映させるロゴやキャッチフレーズ設定は縦横共にスマホ同様となります。

その他

  • スマホヘッダーの検索メニュー「オーバーレイ」内のコンテンツカラーをデフォルトで#333に指定
  • スマホヘッダーの検索メニュー「オーバーレイ」内のカテゴリリンクを検索スライドメニュー内のデザインと同一に変更
  • 他、CSS調整 他

購入ユーザー限定ページ

「稼ぐ」に特化したWordPressテーマ

今すぐ手に入れる

-お知らせ