• ヘッダーのカスタマイズ

    header

    サイト上部のイメージ画像・メインナビゲーション・サブナビゲーションを表示します。
    ヘッダー画像の変更
    • ヘッダー画像の変更
      ◆ ヘッダー画像の設定を変更する場合
        #header{・・・・}

    • ブログタイトルの変更
      管理画面の [設定]>[一般設定] の「ブログタイトル」項目にて表示内容の変更ができます。

      ◆ ブログタイトルの基本的な位置・文字色・文字サイズの設定を変更する場合
        #header h1{・・・・}

      ◆ ブログタイトルにリンクを貼った場合の文字色の設定を変更する場合
        #header h1 a{・・・・}

    • キャッチフレーズの変更
      キャッチフレーズは、ブログタイトル下に表示されます。
      管理画面の [設定]>[一般設定] の「キャッチフレーズ」項目にて表示内容の変更ができます。

      ◆ キャッチフレーズの位置・文字色・文字サイズの設定を変更する場合
        #header p.discprition{・・・・}

    メインナビの変更
    ヘッダー画像の下に表示させるメインのナビゲーションになります。

    • メインナビの構造
      Welcart デフォルトテーマではカートページとメンバーページ以外がメインナビに表示されています。

      <?php wp_list_pages('title_li=&exclude=' . USCES_MEMBER_NUMBER . ',' . USCES_CART_NUMBER ); ?>

      表示するページを特定したい場合はWordPress のテンプレートタグwp_list_pages のパラメータ(引数)を変更します。詳しくは「テンプレートタグ/wp list pages」をご覧下さい。

    • デザインの変更
      並び順に縛りはありませんので、表示させたい順に自由に変更していただくことができます。
      Welcart デフォルトテーマでは、「トップページ」「新商品」「特価品」「全商品」「お問い合わせ」「ご利用ガイド」「メインナビ用ダミーページ」の順番で表示されます。

      ◆ メインナビ全体の背景を変更する場合
        #header ul.main{・・・・}

      ◆ 各アイコンの背景・文字の設定を変更する場合
        #header ul.main a{・・・・}

    サブナビの変更
    買い物かごや会員の新規登録・修正などのリンクがメインナビゲーションの下に表示されます。

    • デザインの変更
      ◆ サブナビ全体の背景設定を変更する場合
        #header ul.sub{・・・・}

      ◆ 各表示文字の設定を変更する場合
        #header ul.sub a{・・・・}

    • 会員システムの使用有無
      会員システムを使用している場合 if: ~ end if; 内のコンテンツが表示されます。
      会員システムの使用有無は管理画面にて設定することができます。

      <?php if(usces_is_membersystem_state()): ?>
      				? 中 略 ?
      <?php endif; ?>
    • 買い物かご内の商品の有無
      買い物かごの中に商品が入っているかどうかを判断します。
      もし、買い物かごの中に1つでも商品が入っている場合 if: ~ end if; 内のコンテンツが表示されます。

      <?php if(usces_is_cart()): ?>
      				? 中 略 ?
      <?php endif; ?>
    • ログイン状態によって変動するお客様名
      ログインをしていれば「お客様名」が、ログインをしていなければ「ゲスト 様」が表示されます。

      <?php if(usces_is_login()){echo usces_the_member_name().' 様';}else{echo 'ゲスト 様';} ?>
    • ログイン・ログアウトの自動表示
      ログインをしていれば「ログアウト」のリンクが、ログアウトをしていれば「ログイン」のリンクが自動的に表示されます。

      <?php echo usces_loginout(); ?>
    • ログイン状態の判断
      お客様がログインしている場合に if: ~ end if; 内のコンテンツが表示されます。

      <?php if(usces_is_login()): ?>
      				? 中 略 ?
      <?php endif; ?>
    • 会員情報確認ページへのリンク方法
      Welcart 定数を使用して、会員情報確認ページへリンクを設定します。

      <li><a href="<?php echo USCES_MEMBER_URL; ?>">会員情報</a></li>
    • カートへのリンク方法
      Welcart 定数を使用して、カートへリンクを設定します。

      <li><a href="<?php echo USCES_CART_URL; ?>">カートの中</a></li>
      <li><a href="<?php echo USCES_CART_URL.'&customerinfo'; ?>">精算する</a></li>
    関連するWelcart テンプレートタグ&関数一覧
    • usces_is_membersystem_state
    • usces_is_cart
    • usces_is_login
    • usces_loginout
    • usces_the_member_name
    関連するWelcart 定数一覧
    • USCES_MEMBER_URL
    • USCES_CART_URL
    • USCES_CART_URL.’&customerinfo’