コントロールパネルへログインし、【デザイン設定】画面からカスタマイズする【テンプレ−トセット】を選択します。
「共通テンプレート」にある「ヘッダー」をクリックし、テンプレート編集画面へ進みます。この「ヘッダー」ファイルは各画面から読み込まれているページ上部の表示部分が書かれているファイルです。

今から、テキストで表示されているSNSのタイトル部分を、画像に変更してみます。

変更前のソース（タイトルがテキストで表示される）
<!-- header // --> <div id="header"> <h1 class="sns_title"><a href="/">{$sns.title}</a></h1> <h2 class="sns_description">{$sns.description}</h2> </div> <!-- // header -->


変更後のソース（タイトル部分をが画像に変更）
<!-- header // --> <div id="header"> <h1 class="sns_title"><a href="/"><img src="/images/templates/logo.gif" width="300" height="100" alt="{$sns.title}"/></a></h1> <h2 class="sns_description">{$sns.description}</h2> </div> <!-- // header -->

テンプレートで使用する画像ファイルは【画像アップロード】画面で簡単に管理する事ができます。使用する画像ファイルが用意できたらアップロードしご利用ください。

カテゴリ：デザインカスタマイズ