カスタムCSS・スクリプトを活用しよう
「カスタムCSS・スクリプト」機能について解説します。 サイト立ち上げ時に必須の設定ではなく、完成後に細部を調整したい際に使う機能です。 カスタムCSS CSSを調整できる。細かなレイアウト・色変更などに使用 カスタムスクリプト スクリプトを出力できる。Google Analyticsのトラッキングコードなどに使用 この機能のメリットは主に以下の3つです。 テーマファイルの編集が不要 テーマアップデート時にも引き継がれる サイト全体だけでなく、ページごとにも適用できる →設定箇所 設定箇所 テーマオプション（TCDテーマ > 基本設定 > カスタムCSS・スクリプト）とエディタ内の…
SNSシェアボタンやSNSアイコンを設定しよう
当テーマでは記事やフッターに、次のような各SNSのシェアボタンやリンクアイコンを表示できます。 記事ページがシェアされやすくなったり、自社のSNSアカウントと相互リンクできるメリットがある設定です。表示/非表示を選択したり、SNSアカウントのURLを入力するだけで設定完了です。 設定箇所 ダッシュボード内のTCDテーマ > 基本設定 > SNSで設定します。 用意されているオプション シェアボタン 各SNSへのシェアボタンを表示できます。 用意されているオプションは以下の二つ。 デザイン 公式カラー / モノクロ から選択 表示するボタン 表示したいものを選択 ・X ・Facebo…
404ページを設定しよう
サイト上に存在しないページにアクセスした際に表示される404ページ。 一般的に「お探しのページは見つかりませんでした。」と表示されるページのことです。アクセスしたページが削除されていたり、URLが変更されている場合に表示されます。 >> GRAVITYの404ページを見る GRAVITYでは、そんな404ページに表示する内容を自由に設定できます。 GRAVITYの404ページは未設定でも大きな問題はありません。ただし、あらかじめ表示内容を工夫して設定しておくことで万が一アクセスされた際にユーザーの離脱を防ぐ効果が望めます。 >> 404エラー（404 not found…
アイキャッチの代替画像とホバーアニメーションを設定しよう
このページでは、アイキャッチ未設定時に代わりに表示される画像と、ホバーアニメーションの設定についてご紹介いたします。 アイキャッチとは 投稿ページ（当ページ）などの上部に表示される画像のことを指し、アーカイブページにも並ぶ仕様が一般的です。Eye（目）をcatch（捕まえる）＝目を引く画像と覚えておけますね。 設定箇所 ダッシュボード内のTCDテーマ > 基本設定 > アイキャッチで設定します。 用意されているオプション 代替画像 アイキャッチが設定されていないときに、代わりに表示する画像を設定できます。未設定の場合は「No Image」と書かれた画像が表示されます。 店舗のロゴが…
ユーザー（スタッフ）一覧ページをつくろう
店舗のスタッフプロフィールを一覧で表示できるユーザー一覧ページについてご紹介いたします。 スタッフ情報が公開されていれば、親近感に繋がります。画像とプロフィール情報さえ用意できれば、すぐに完成するので、ぜひ設定しておきましょう。 設定箇所 ダッシュボード内のTCDテーマ > 基本設定 > ユーザー一覧ページより設定します。 上記箇所で設定する前に、ユーザー情報を複数登録しておく必要があります。ユーザー情報は、WordPressで設定できる機能です。詳しくは設定手順をご覧ください。 用意されているオプション 複数のユーザーをWordPressに登録しておくと、以下のオプションを利用で…
ロゴを設定しよう
GRAVITYのヘッダーやフッターに表示されるロゴの設定方法をご紹介いたします。 ロゴは会社やサイトの象徴になる部分です。プロに制作してもらうのがベストですが、無料もしくは低コストでダウンロードできるサービスもあります。 >> ロゴ素材が無料・有料でダウンロードできるWebサービス9選 ロゴ画像が用意できていれば、基本は次の3ステップで設定完了です（数分です）。ロゴ画像が無い場合は、任意のテキストを代わりに表示できます。 ロゴ画像をアップロードする。 ロゴの表示サイズ（高さ）を調整する。 PC、スマホで見え方を確認する。 設定箇所 ロゴは、ダッシュボード内のTCDテーマ > …