うなこ
フォーラムへの返信
-
投稿
-
このフォーラムに半角のダブルクォーテーションを書き込むと、勝手に全角に変換されてしまうようです。
なるほど、私の勘違いでした。
javascriptのファイルはどのように読み込んでいますか？
子テーマのfunctions.phpにコードなどを書いていましたら、貼り付けていただけると、回答がつきやすいかもしれません。【例】
function my_lightning_child_enquque_scripts() { wp_enqueue_script( 'my-test', get_stylesheet_directory_uri() . '/assets/js/test.js', array( 'jquery' ), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'my_lightning_child_enquque_scripts' );javascriptのコードを見ると、ダブルコーテーションなどが全角になっていますので、それが原因かもしれません。
以下を貼り付け直してみてください。jQuery(window).on('load scroll resize',function(){ var windowHeight = jQuery(window).height(), topWindow = jQuery(window).scrollTop(); jQuery('.animation').each(function(){ var targetPosition = jQuery(this).offset().top; if(topWindow > targetPosition - windowHeight + 100){ jQuery(this).addClass("fadeInDown"); } }); });あと、VK Blocks Proにアニメーションブロックがありますので、そちらを使用しても良いかもしれません。
こんな感じはいかがでしょうか
子テーマのfunctions.phpに以下を追加
/************************************************ * ロゴの横に検索窓を設置 */ function add_header_serch(){ echo '<form role="search" method="get" class="search-form" action="'.home_url( '/' ).'"> <input type="submit" class="search-submit" value="Search" /> <input type="search" class="search-field" placeholder="キーワードを入力" value=" '.get_search_query() .'" name="s" title="検索したいキーワードを入力してください" /> </form>'; } add_action( 'lightning_site_header_logo_after', 'add_header_serch' );子テーマのstyle.cssに以下を追加
/* --------------------------------- ヘッダーロゴ横に検索窓 ---------------------------------*/ /* デザインが崩れるので991.98px以下でform非表示 */ @media (max-width: 991.98px){ .site-header-container form{ display: none !important; } } .site-header-container .search-form{ position: relative; } /*虫眼鏡マーク*/ .site-header-container .search-form:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: 0; content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding:14px 1.5em; } /*フィールド*/ .site-header-container .search-field{ position: absolute; top: 50%; transform: translateY(-50%) ; right: 0px; } /*submitボタン非表示*/ .site-header-container .search-submit{ display: none; } /*テキストフィールド*/ .site-header-container form .search-field{ z-index: 200; opacity: 0; width: 64px; transition: all 0.5s ease-in; padding: 1em 0.8em; cursor: pointer; } /*フォーカス時にテキストフィールド表示*/ .site-header-container form .search-field:focus{ opacity: 1; width:155px; transition: all 0.5s ease-in; border-width:1px; border-radius:var(--vk-size-radius); }お世話になっております
おそらく、VK Pattern Libraryのユーザー登録がまだ済んでいないのではないかと思います。
▼VK Pattern Libraryのユーザー登録の流れVK Pattern Libraryのユーザー登録は VWSマイアカウント からのみとなります。
VWSのマイアカウントにログインしていただき、マイアカウントの左側になる「VK Pattern Library ユーザー登録」からユーザー登録をお願いいたします。わかりづらくて申し訳ございません。今後改善させていただきます。
ダッシュボードから該当の固定ページを開き、右側のページ設定画面の下の方に【Lightningデザイン設定】→「セクションベース設定」項目があります。（添付画像参照）
ここを「セクションベース無し」にして更新してみてください。▼セクションベース設定：個別ページの編集画面【Lightning デザイン設定】>【セクションベース設定】
キャッシュが原因かもしれません。
「WP Fastest Cache」 など、キャッシュ系プラグインのキャッシュを削除（差し支えなければキャッシュ系のプラグインを停止）して、ブラウザのキャッシュも削除した上でもう一度試していただけますか？他テーマに切り替えてみようと思っても、切り替えもできない。katawara子テーマが自動選択されてしまう。
これはなぜでしょうね、、、？
親テーマの「Katawara」に切り替えられないということですよね？テーマ切り替えを無効にするプラグインとか、処理とかを入れられていたりしますか？
①ダッシュボード→外観→ウィジェット→ヘッダー右側エリア、に「検索」を設置した。
結果: 何も表示されないこのウィジェットは、
【カスタマイズ】>【ヘッダーレイアウト】が「ヘッダーウィジェットあり&ナビ貫通」のレイアウトの場合に表示されます。②「lightning_site_header_logo_after」のアクションフックを利用して設置した。
表示位置は良いが、他のメニュー項目と一緒にまとめられてレスポンシブに対応はされない。完成イメージを確認しますと、「lightning_site_header_logo_after」のアクションフックで検索窓を表示して、
見た目をCSSで調整してあげるのが、一番イメージに近いものができるかなと思いましたserchの部分をhoverすると、入力フィールドが伸びて出現するような表現もcssだけでできると思います。
こんにちは、テキストだけですと、行き違いになりやすいため、もうすこし詳しくお聞きしてもいいでしょうか。
サイトを拝見させていただきました。
ヘッダートップ部分の、緑の帯の電話番号の横に表示される「お問合せボタン」が出てこないということであっていますか？（添付画像でいうと、電話番号横に表示されている青色のお問合せボタン）▼ヘッダー上部設定
https://lightning.vektor-inc.co.jp/lightning-g3-pro-unit/header-top-setting/ありがとうございます。
ページヘッダー画像が出ない問題とは別問題かもしれませんが、すこし気になる箇所がありました。
「いま、増えて続けている疾病情報」ページへいくと「ページが見つかりません」となります。ダッシュボードの【設定】→【表示設定】の「ホームページの表示」の「投稿ページ」はどのような設定になっておりますか？
もし投稿トップ用の固定ページが無いようでしたら、 投稿トップ用の固定ページを作って
【設定】 > 【表示設定】から
「ホームページの表示」の「投稿ページ」の箇所に、投稿トップ用の固定ページを指定してください。該当URLに添付いただいたサイトを確認したところ、準備中のページになっておりましたので正確な回答ではないかもしれませんが、以下の可能性もありますので一度ご確認ください。
【カスタマイズ】→【Katawara ページヘッダー設定】の「被せる色の濃さ」が「1」になっていませんか？
もしなっていたら0.5などにすると半透明になります。被せる色が必要ない場合は「クリア」をクリックして、「被せる色の濃さ」の数値も削除してください。仕様なのかを確認中です。
取り急ぎですが、カスタマイズ→追加CSSに以下のCSSを追加していただくか、
ブロックを選択していただき、ブロックの余白設定でお好きな余白を設定していただけます。▼余白設定
/*画像下のマージン*/ figure { margin: 0 0 1em; }
