Japacartテーマのカスタマイズ
Japacartでショップを作る手順メモ
自分用のメモです。
WordPressをインストール
Japacartテーマをインストール
古いバージョンをインストールしても管理画面で更新できる。
テーマのzipファイルは解凍しないように気を付けること。
Japacart子テーマをインストール
メールのテンプレートを編集する必要があるため子テーマをインストールすること。
子テーマをインストールしないとテーマのアップデートがあった場合に上書きされてしまうので注意が必要。
Japacart Blocksをインストール
テーマと同様古いバージョンをインストールしても管理画面で更新できる。
Yoast SEOをインストール
Japacart SEOは使用しなくてもOK。
固定ページを全部削除してゴミ箱からも削除する
One Click Demo Importをインストール
データのインポートができない場合は、手動でインポートをする。
インポートデータを下記からダウンロード。
https://japacart.com/wp/wp-content/uploads/2021/02/manual-import-files.zip
One Click Demo Importのページで「Switch to manual import」ボタンを押す
Japacartテンプレートをインポート
パーマリンクを更新する
特に設定の変更はしなくていい
その他必要なこと
Googleアナリティクスコードを取得
Search Consoleとの連携
CSSで背景の下を空ける
背景の下をグラデーションにする場合
background: linear-gradient(to bottom, transparent 0%, transparent 80%, #fff 100%), url(../../assets/images/xx.jpg); background-repeat: repeat; background-position: top center;
背景の下を空ける場合
background: linear-gradient(to bottom, transparent 0%, transparent 80%, #fff 80%), url(../../assets/images/xx.jpg); background-repeat: repeat; background-position: top center;
スマートフォンで画像を横スクロール
スマートフォンで画像を横スクロールする方法
&__img {
@include sp {
width: 100%;
overflow-x: auto;
&-inner {
width: 901px;
}
}
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」になったら
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」になって固まってしまった
ルートにある「.maintenance」ファイルを削除することで解決する