当サイトで販売しているWelcart対応テーマ「Twentyfour Seven」でヘッダーに表示されるロゴを設定する方法と、ブラウザのタブに表示されるファビコンの設定方法を紹介します。

ロゴの設定方法

テーマカスタマイザーから行います。
ちなみにロゴ画像を設定していない場合は、「サイト名」がテキストで表示されます。

見出しタグの微調整

1. WordPressの管理画面にログインし、「外観 ＞ カスタマイズ」と移動します。
2. 「オンラインショップ設定 ＞ 基本情報 ＞ ロゴ」の「画像を選択」ボタンをクリック。
3. メディアライブラリにある画像、もしくは新たにアップロードした画像を選択し「公開」で完了です。

「.svg」ファイルについて

「Twentyfour Seven」では「メディアライブラリの拡張」により「.svg」ファイルのアップロードが可能です。拡大しても荒くならず、サイズが軽い上に、「.png」と同じように背景透過にもできます。

ロゴの表示サイズについて

「ロゴ」の設定欄下にある「ロゴの表示サイズ [px]」から、プレビューを確認しながらロゴの表示サイズも設定可能です。

ファビコンの設定方法

こちらもカスタマイザーから行います。
WordPress のデフォルト機能を利用するので、他テーマでも対応しているかと思います。

1. WordPressの管理画面にログインし、「外観 ＞ カスタマイズ」と移動します。
2. 「サイト基本情報 ＞ サイトアイコン」の「サイトアイコンを選択」ボタンをクリック。
3. メディアライブラリにある画像、もしくは新たにアップロードした画像を選択し「公開」で完了です。

Welcart対応テーマ「Twentyfour Seven」

販売価格 29,700円（税込）

WordPressでオンラインショップを構築できるプラグイン「Welcart」向けに開発されたテーマです。

Welcart対応テーマ「Twentyfour Seven」の詳細はこちら