mai
投稿の際は下記の情報をお書き添えください。
-------------------------------------------
WordPress のバージョン：（例 6.0.2）
Welcart のバージョン：（例 2.8.1）
PHP のバージョン：（例 8.0）
Welcart専用の拡張プラグインとバージョン：（例 DL Seller 3.4.1、SKU Select 1.4.2）
ご利用の親テーマとバージョン :（例 Welcart Basic 1.7.1）
ご利用の子テーマとバージョン :（例 Welcart Beldad 1.4）
症状を確認したブラウザ：
サーバー【重要】：（会社名、サービス名）
--------------------------------------------
フォーラムへの返信
-
投稿
-
nktnmtk 様
maiと申します。素人レベルなので間違っていたらお許しを
テーマVOLL内の下記ファイルのwindowWidthの1000を変更すれば可能かもしれません？
/js/front-customized.js
検証はしていません。VOLLのバージョンアップ時は注意して下さい。
furuta 様
アドバイス有り難うございます。
現在テストサーバーにて行っていることは、
welcatにて運営をしている商品ページと固定ページのページidを
ブログの各投稿記事の中のショートコードに挿入して、そのシートコードで各ページへのリンクurlとサムネイル画像とカスタムフィールドに登録してある文言を表示させることです。商品と投稿記事をitemに属するか否かにより分けることができますが、個別に表示用のファイルを用意する必要があったので、ブログ用に別のディレクトリにwordpresをインストールしています。
そのため、ブログ側からwelcartのデータベースに接続してテスト中です。しかしセキュリティのことも考える必要があるのではと？？？
そこで場違いかもしれないと思いつつ、こちらのフォーラムに投稿させて頂きました。
有り難うございました。はじめまして
素人の私が投稿すべきか迷いましたが
間違っていたらお許し下さい。
下記のサイトが参考になると思います。add_filter(‘usces_filter_welcart_category’, ‘my_category_func’, 10, 2);
function my_category_func() {
$args = func_get_args();
list($cquery, $term_id) = $args;
$cquery =
array(
‘use_desc_for_title’ => 1,
‘child_of’ => $term_id,
‘title_li’ => ”,
//’show_count’ => 1,
‘walker’ => new Walker_Category_Linkin_Postcount()
);
return $cquery;
}下記の部分
//’show_count’ => 1,
‘walker’ => new Walker_Category_Linkin_Postcount()
以下の様にすればできるかもしれません。
‘include’ => array(10,15)//表示させたいカテゴリーidを追加排除したいカテゴリーなら’include’を’exclude’にすればできたと思います。
上記のコードをfunctions.phpに追加すればできるかも・・・？
試していないのでごめんなさい。ただこの方法だと一度設定すると以後は設定したカテゴリーしか表示しないと思います。
設定する前に何らかの条件を指定する必要があると思います。
表示したいカテゴリーの数にもよりますが少ないのであれば
カスタムhtmlが便利かとも思います。sagawa 様
いつも有り難うございます。
ネイティブ Lazy-load の件有り難うございます。
当初の問題が解決いたしました。
ただ、Lazy Loaderをいきなり外すこともできません。
かなりの数の画像がwidth heightの指定ができていない状態です。今後も宜しくお願いいたします。
有り難うございました。sagawa 様
何時もお世話になっています。
ご指摘の通りです。
以前幾つかのLazy Loadのプラグインを試しに入れていました。
その後、wordpress内の画像あるいはwidthとheightを指定した
画像は遅延読み込みを自動でするとの説明をどこかで読み
そのようにしていました。
そのためLazy Loadに関するプラグインは
削除あるいは無効化したつもりでいました。
先ほど確認するとLazy Loaderが有効化されていました。合わせてプラグインを使わずにできる方法がございましたら
御教示頂ければ幸甚です。お役に立てるかどうか？
まずは子テーマを作成して
その中にthemesの中のstyle.cssをコピーして
子テーマのstyle.cssを変更されてはいかがでしょうか。WelcartBasicのハンバーガーメニューボタンFontAwesomeの色か？
ハンバーガーメニューリストの背景色？
ボタンの画像が添付されているのでFontAwesomeの色なのでしょう？メニューボタンなら
#site-navigation label span:before
この部分のcolor:#fffを好みの色のコードに変更すればできそう？メニーリストの部分だと
header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
の括弧内の#fffを好きな色に指定すれば良いのではないでしょうか。
検証をしていないので間違っているかもしれません。chromeをお使いならデベロッパーツールをおすすめします。
ハンバーガーボタンの上にカーソルをのせて右クリックして
検証をすればその部分のcss情報を取得できます。htmlのタグの部分を再度投稿します。
デモ画面の該当部分のソファーの部分この様になっています。
<!– .cat-box –>
上記のurl
https://themes.welcart.info/basic-voll/?cat=39
この?cat=39の39がソファーのカテゴリーidになっています。しかし、上述のように「ショップの思い」はカテゴリーではなく固定ページになると思います。
そのため、この部分のurlを「ショップの思い」のurlに変更して
画像は固定ページのアイキャッチ画像か別のホルダーに収納したものを
利用すればできそうに思います。追加するコード
<!– .cat-box –>
素材についても同様に
略<!– .cat-box –>
追加するコードここまで上記のコードをfront-page.phpの117-122行目あたりにある
<?php
endforeach;
?>
ここに上記のコードを挿入
<!– .cat-slider –>nanakofan1122 様
はじめまして
素人の私が、お役に立てるかどうか解りませんが
ご質問の内容はトップページのことなのでしょうか？
だとすればfront-page.phpを変更をされている？デモ画像では
たぶん、ソファー、チェアー、ベッド、テーブルの4カテゴリーが
２✕２で表示されている所のことではないでしょうか？
この4点が初期設定で登録するようなシステムかどうかは解りませんが
front-page.phpを見ると、どこかに登録してあるものを読み込み
foreachによりループさせているようです。
get_category_link( $**** );とあるので、どうもカテゴリーの
urlを取得している様です。
おっしゃる様にウイジェットあたりで登録したものを表示しているのか？？
「ショップの思い」は固定ページなので登録できるかどうか？そこで、邪道かもしれませんが
front-page.phpのコードの
endforeach;の後に下記の様なコードを追加すれば可能かも？デモ画面の該当部分のソファーの部分は下記の様になっています。
<!– .cat-box –>
上記のurl
ｈttps://themes.welcart.info/basic-voll/?cat=39
この?cat=39の39がソファーのカテゴリーidになっています。しかし、上述のように「ショップの思い」はカテゴリーではなく固定ページになると思います。
そのため、この部分のurlを「ショップの思い」のurlに変更して
画像は固定ページのアイキャッチ画像か別のホルダーに収納したものを
利用すればできそうに思います。追加するコード
<!– .cat-box –>
素材についても同様に
略<!– .cat-box –>
追加するコードここまで上記のコードをfront-page.phpの117-122行目あたりにある
<?php
endforeach;
?>
ここに上記のコードを挿入
<!– .cat-slider –>この場合は、デモページの例では
ソファー、チェアー、ベッド、テーブルの下に
ショップの思いと素材についての項目が
表示されると思います。横に4コマ並べたければ
.category-area .cat_box {
position: relative;
width: 50%;/* ここを画面の大きさにより25%にする */
float: left;
overflow: hidden;
}試していないので表示する保証はありません。
sagawa 様
ご回答頂きまして有り難うございます。
アクセシビリティモードのことを始めて知りました。
早速、wordpress 5.6にてアクセシビリティモードを変更してみました。
アクセシビリティモードを無効の状態では編集ができました。
有効にするとやはり上段の説明の通り編集ボタンを押すと
編集画面がですに保存の画面に移ります。
wordpress 5.6に変更するのは、まだ少し早いのかもしれません。有り難うございました。勉強になりました。
sagawa 様
本日早朝にご提案を頂きましたことを試しましたが
改善はしませんでした。1.エラーを確認してみる
JavaScriptエラーは出ていません。2.プラグインの停止してみる
Welcart,Google XML Sitemaps,zipaddr-jp以外は無効化するも変化無し3.テーマを変えてみる
変化無しです。疑問に感じていることは、
本番サーバーと
本番用のデーターをコピーしたテストサーバーでの
サイドバーメニューの編集画面が異なる点です。
例えば サイドバー１において
本番のサーバーでは「カスタム HTML」
テスト用では、「カスタム HTML：タイトル名」のように表示されています。
タイトルが表示されている点が異なります。
またテストサーバーでは編集ができます。
編集用のphpファイルか何かが異なるのではないかと考えられます。この違いの原因と改善方法についてアドバイスをお願い致します。
sagawa 様
エラーのアドバイスにより解決致しました。
お騒がせして申し訳ありませんでした。問題はAutoptimizeの除外項目でした。
私のようなお馬鹿さんはいないと思いますが
お騒がせしたお詫びに今回の顛末を記載しておきます。以前Autoptimize＋Async JavaScriptにて読み込みスピードを
改善できないものかと試した後遺症でした。
早朝にwordpress5.6にアップして、サーバー、ブラウザーのキャッシュを消し
Chromeのconsoleを見ながら操作するとJquery is not defined.
ソースを表示させCtrl＋f にてjqueryをサーチすると
ファイルを読み込んでいない！！
この症状はスピードテストの際に経験したことと同じなので
Async JavaScriptは削除していたのでAutoptimizeの除外項目を確認すると
jquery.min.jsが無い？？追加すると解決しました。wordpress5.5.3ではカバーできていた部分が5.6では無くなったのかも？？
PAGE TOP