Welcart用無料テーマのWP4.1対応バージョン
スポンサーリンク
年明けから作っておりましたWelcart対応テーマ「Blanc」の最新バージョンをWordPress.orgに申請しました。
※3/3時点でダウンロード出来るのは、WordPress4.1未対応の古いバージョンです。審査に合格しないと新しいバージョンはダウンロード出来るようになりません。(3/12更新)審査に合格したのでダウンロード出来るようになりました。
動作確認の為ご協力下さいました某社のY様には、改めて謝辞を申し上げたいと思います。
メジャーバージョンアップになるため、恐らく審査は一発では通らないでしょう。2ヶ月以内くらいで合格すれば良しです。審査下さる方も、完全ボランティアでご自分の時間を割いてチェックして下さいますので、一切の不満もございません(むしろ感謝)。
Version 1.xからの変更点
今回は、以前より気になっていたところなどを直したかったので、ゼロから作り直しました。従いまして、仕様が微妙に変わっています。Blanc v.1.xをお使いの方はご注意下さい。
- 表示幅の最大値を1000pxから1200pxに変更
- 従って、商品ページに表示される画像が大きくなった
- フロントページのヘッダー画像はデフォルトでは「なし」になった
- WordPress4.1以降の新しいコードを使用
- usces_cart.cssを「無効」にする必要あり
- Foundation5のcss機能をいくつか入れた(後述)
- パンくずリストで、「商品」リンクをカテゴリーリンクの前に入れた(商品一覧はどこから?とのお声を頂いたため)
その他の基本的な機能はそのままです。
スタイルシートのclass名などは色々変わっていますので、子テーマなどでカスタマイズされている場合はうまく当てはまらなくなると思います。その辺は適宜ご対応下さい。
Foundation5の機能
Foundation 5のCSS機能をいくつかそのまま入れており、便利なスタイルをお使い頂けます。以前は確かGridとBlock girdのみだったかと記憶。jQuery系機能は入れていません。
- Grid
- Block Grid
- Buttons
- Button Groups
- Forms
- Type
- Inline lists
- Labels
- Panels
- Visibility
詳しい使い方は↓Foundationの公式サイトにて。
Getting Started – Foundation Docs(英語)
日本語の本で勉強する場合は、エビスコムさんの「これからの「標準」を身につける HTML+CSSデザインレシピ (Web Designing Books)」(レビューはこちら)がおすすめです。
その他いろいろ
- jQuery系のプラグインとFontAwesomeは全て最新版に
- Welcartを使わない人がいらないファイルを消せるようにreadme.txtに記載
海外のユーザーさんからメールなどを時々頂くようになりましたが、「Welcartユーザーじゃないから要らないファイル消したいけど、どれ?」と聞かれることがありましたので、その旨を説明書に加えました。
デモも英語版に変えたいと思っていますが、こちらはまだ手をつけられておりません。今年中にやれればいいですかね・・・(データベース総入れ替えが必要になりそう)。
いつも本ホームページには大変お世話になり、すばらしい情報をありがとうございます。
このBlancを作成中にもし同じ様な事があればと思いご質問させて頂きます。
現在、Welcart defaultのテーマを大幅に変更してレスポンシブサイトへと変更中なのですが、Foundation5を利用しているにもかかわらず、スマホで確認をするとどうしてもPCでの表示と変わらない表示になってしまいます。
2カラムのサイトなのですが、sidebarが下に回ってくれないのが原因かなと感じています。
PCのブラウザで縮小していくと、きちんと変わってくれるので、何が不味いのか全く分からない状態です。
Welcart defaultでは出来ないようになっているとかあるか?などいろんな憶測をしてしまっている状態です。
もし、Blancの作成中に同様の事が起きたなどのことで対処法がお分かりでしたらご教授頂きたいと思います。
よろしくお願いいたします。
それはずばり、ヘッダーに
meta name="viewport" content="width=device-width"
が入っていないからではないでしょうか!?お手持ちの参考書にレスポンシブの作り方の説明があるものがあれば、そのページをご覧になってみて下さい。多分↑のコードを入れましょう的なことが書いてあると思います。
ご返信ありがとうございます。
まさに、ズバリ正解でございました。
初歩的なところでつまづいた上に、お手間を取ってしまい申し訳ありませんでした。
おかげさまで無事に思い通りの表示となりました。
本当にありがとうございました!
ついに新バージョン完成されたのですね!正式リリース楽しみにまっています。文字も大きくなって見やすくなりましたね!Wordpressの新しい機能では、パンクズリストの出し方が気になってます。移り変わりの激しい世界(?)、こうして情報出し続けていただけてとても参考になります!
有難うございます。今回はまだテーマのチェック担当者がついていないようですので、審査されるにも時間がかかりそうです。仰るとおり、WordPressはどんどん更新されるので、ついて行くほうも大変です。複数テーマのリリースは隠居でもしない限り無理ですね~(笑)
まめ子様
お世話になっています。
大変素敵なテーマなので気に入って使わせていただいております。本日更新しましたところ、各ページの上部に出るガイドとブログの記事ガイドが1.2.3.と縦並びに表示されています。どこを直したらよろしいのでしょうか?
お忙しいところ申し訳ありませんが宜しくお願い致します。
先ほどの質問ですが、プラグインが原因でした。
今回は前回のショッピングガイド機能はなくなったのでしょうか?固定ページでもブログのサイドバーが表示されるようになりました。
固定ページのサイドバーは、当方の設定ミスでした。近日中に修正版を提出致します。ガイドと仰る部分はパンくずリストのことでしょうか。こちらのデモでは普通に動いているので、ちょっとすぐには判断がつきかねます・・・すみません。
まめ子様
何度もスミマセン。
ブログの上部のガイドですが
今までは
HOME>BLOG>カテゴリー>記事タイトル
だったのですが
HOME>記事タイトル>BLOG>記事タイトル
と表示されます。
BLOGのトップページも
HOME>記事タイトル>BLOG
と表示されます。
いろいろ試してみましたが、画面が真っ白になったりで
お手上げです。
何か手立てはありますでしょうか?
宜しくお願い致します。
まめ子様さま
お返事ありがとうございました。
いろいろと試してみましたが、
素人では原因が分かりませんでした。
商品のパンくずリストは正常に表示されますが、
ブログの方がダメです。
Version 1では正常に表示されますので、
しばらくVersion 1で維持してみます。
ありがとうございました。
まめ子様さま
お世話になります。
固定ページの修正版を迅速に対応して下さりありがとうございました。
あと二点ほど質問させて下さい。
ブログのパンくずリストは設定を変えてみましたところ
HOME>BLOG>カテゴリー>記事タイトル
とすることができました。
しかしブログサイドに記事のカテゴリー名別で表示させるにはブログという名前のスラッグをカテゴリーに作らねばなりません。でもそうするとパンくずリストがHOME>BLOG>BLOG>カテゴリー>記事タイトル
とBLOGがダブって表示されます。
私の設定が間違っているのでしょうか?
また、前のバージョンでは、開いているページがショッピングガイドの文字が赤くなっていましたが、今回は黒字のままです。今回はこのような仕様になっているのでしょうか?
無料で素敵なテーマを使わせていただいているにも関わらず質問ばかりで申し訳ありません。
よろしくお願い致します。
当テーマでは、ブログ用に「blog」カテゴリーを作る必要はございません。WordPress.orgの審査では、わざわざそのようなことをしないといけないテーマでは通らない為です。
スタイルにつきましては、仕様とお考え下さいませ。
まめ子様
素敵なテンプレートありがとうございます。
早速新しいテーマでカスタマイズさせて頂いています。
その中でどうしても2点ほど自分では判断できない部分がありまして、ご質問させて下さい。
1.「usces_cart.cssを「無効」にする必要あり」とありますが、これは、今までblancの子テーマに入れていたusces_cart.cssを無効にするということでしょうか?それともwelcart本体のusces_cart.cssを無効にするのでしょうか?
2.上記に関連することかもしれませんが、お問い合わせページが表示されません。
テーマをwelcart defaultにすると表示されるのですが、blancを使用すると、固定ページ(usces_inquiry)の編集画面でページ属性を指定するところに「テーマ」というのが表示されず、お問い合わせページの表示もされないという現象が起きています。
お忙しいとは思いますが、ご教示いただけたら幸いです。
よろしくお願いします。
配布テーマは、Welcartデフォルトテンプレートのように問い合わせページ専用のテンプレートを作っておりませんので、当然ながら編集画面で「テーマ」欄は表示されません。カートページ以外の固定ページには、page.phpが適用されます。その特定のページだけが表示されないというのは、申し訳ないですが原因が思いつきません(私のテスト環境では普通に表示されます)。ちなみにお問い合わせページのスラッグはusces_inquiryではなく、usces-inquiry(ハイフンで繋ぐ)が正しいのではないかと存じます。
まめ子様
ご対応ありがとうございました。
welcartの本では_(アンダーバー)になっていたので、そちらで設定していました。
-(ハイフン)に設定しなおしてまたやってみます。
まめ子様
お世話になっております。
バージョンアップしてからスマホで見るとアイキャッチ画像が左によっているのですが、中央に配置したい場合どのようにすればいいのでしょうか?
シンプルで使いやすく大変気に入っているのでご教示頂ければ幸いです。
何卒宜しくお願い致します。
スタイルシートで、スマホ画面のサイズになった時のみ、画像を
display: block;
にして、margin: auto;
などとすれば出来ると思います。お返事頂きありがとうございます。
申し訳ありませんがスタイルシートの知識がなく、どのようにしていいのかわかりません。
スタイルシートにコピペで貼り付けるだけのご提案を頂けないでしょうか。
ご迷惑をおかけいたしますが何卒宜しくお願い致します。
以前メールさせていただいたものです。
アップデートしたのですが、カート内で、同じメールアドレスを入れても
「入力された値が一致しません」と出ます。
お忙しい中申し訳ありませんが、ご教授いただけましたら幸いです。
何卒よろしくお願い致します。
ご指摘ありがとうございます。こちらは既に修正版をWordPress.orgに提出済みです(審査・承認され次第ダウンロードできます)。宜しくお願い致します。
早速の返事ありがとうございました。
本日からアップロード出来るようですので試してみます。
対応有難うございました。
本日試させてい頂きました。
問題なく動作しております。
ありがとうございました。
別件にはなりますが、header-nomenu.php
はどこにあるのでしょうか?
カートページヘッダーにzipaddr-jpを設置したいのですが、
以前あったと思われる、ワードプレス、テーマの編集画面に見当たりません。
記憶違いでしたら申し訳ありませんが、お忙しい中、ご教授願えないでしょうか?
よろしくお願いします。
早々にすいません。なんとか設置出来ました。
お騒がせしてすいませんでした。
了解致しました。今回のアップデートは、色々と気になる部分がありましてゼロから作り直したために仕様を多く変更しており、以前よりお使い頂いていた方にはご不便をおかけしますが、新しいテーマとしてお使い頂ければ幸いです。
会社から投稿しております。
本日、アンドロイドブラウザで閲覧チェックをしていたところ、
商品詳細画面から商品の写真をタッチして周囲が黒くなる画像のアップ画面(伝わりにくくすいません。)
での動作がおかしいことに気が付きました。
私だけでしょうか?
いつも誠にすいません。お手数をお掛けしますが、ご対応いただけたら幸いです。
よろしくお願い致します。
※カート③のページに誤りがありました。カート②の注意書きが出ておりましたので、修正いたしました。
ご連絡まで
カートページ3の件、ご指摘有難うございます。内容を確認し、次回更新時に修正致します。
アンドロイドでの挙動につきましては、どのような現象でしょうか?ただ、当方はスマホを所有しておりませんため、動作確認が出来かねる状況です。不具合の原因がテーマにあることがもしおわかりになりましたら、修正可能な内容であれば対応致しますので、ご一報下さいませ。
返信遅くなり誠に申し訳ありません。
アンドロイドブラウザの件です。
・商品画面で画像をタッチすると、周囲が暗くなり、画像がアップになる。(ココは問題ありません。)
・2枚めを表示しようと、左にスライドすると、2枚めで止まらず、更に3枚めでも止まらずに、真っ暗になります。「?」と思ってると、2枚めがパッと表示されます。
・上記状態から3枚めを表示しようとスライドすると、画面が真っ暗になります。今度は3枚めは表示されませんが、画面をタッチするとたまに3枚めが表示されます。
・3枚め(真っ暗)から2枚めを表示しようと右にスライドすると、スライドはせずにパッ2枚目が表示されます。
・2枚めから1枚めを表示しようとスライドすると、2枚めがパッと消えた後に、高速で3→2→1枚めがスライドされ、1枚めが表示されます。
本当に下手な説明で申し訳ありません。
アンドロイド上のGoogleクロムでは問題なく表示されておりますので、素人判断にはなりますが、アンドロイドブラウザの問題???かと考えております。
もし何かわかりましたらご教授お願い致します。
※ポツポツとですが、商品売れました^^ 有り難うございます。
検索単語にもよりますが、1ページ目に表示されたりしております。
「Blancすごいっ!」とまめ子さまへ感謝しております。
それでは今後共よろしくお願い致します。
画像をライトボックス効果で見せるその挙動は、SwipeboxというjQueryプラグインを使っています。もしかすると、そのプラグインの不具合の可能性も考えられます。
当該プラグインは、テーマに入れているバージョンより新しいバージョンが出ているようでしたので、こちらから最新版をダウンロード頂き、テーマ内の/js/ファイルと/css/ファイルに入れてあるswipebox系のファイルと入れ替えて、試して頂けますでしょうか。(※こちらの拙記事の2の項目がご参考になるかと存知ます。次回テーマ更新時には、当方でも新しいバージョンのものに入れ替えます。)
それでもやはり挙動がおかしい場合は、開発者の方へブラウザのバージョン等の状況を詳しく記載してご報告頂くのが宜しいかもしれません。
※ご商売が回りはじめて良かったですね!ECはオープンしてからのほうが大変ですので、これからも頑張って下さいね。
テーマ更新ありがとうございました。
現在、ローカル環境にてテスト中です。
もし差し支えなければ教えていただきたいのですが、
トップページフッター下のスクリプトを編集したい場合はどのファイルになるでしょうか?
いつもお忙しい中ありがとうございます。
ご教授くだされば幸いです。よろしくお願い致します。
スクリプトの読み込みは、functions.phpの中の、wp_enqueue_scriptにて全て行っています。