DRILL LANCER
フォーラムへの返信
-
投稿
-
とりあえず、Bootstrap 3 版のスキンを使用している間は
下記コードを使用して非表示にすると良いでしょう。.device-mobile ul.gMenu ul{ display: none !important; }P.S.
Bootstrap 4 版がまもなくリリースされる予定 ( まずは Origin II )で、
Bootstrap 4 版では iPad 等でのタブレット端末では PC 用のメニューが開閉式になるそうです。
どのように成るのかはこのサイトを iPad 等で閲覧すると一目瞭然ですので試してみてください。こんな感じでいかがでしょうか？
- 「jquery.rwdImageMaps」をダウンロードして解凍
- 子テーマのディレクトリに
jsディレクトリを作成 - 作成した
jsディレクトリにjquery.rwdImageMaps.min.jsを設置 - 子テーマの functions.php に下記コードを追記
function insert_jrim() { wp_enqueue_script( 'jrim', get_stylesheet_directory_uri() . '/js/jquery.rwdImageMaps.js', array( 'jquery' ), '1.6.0', true ); $script = 'jQuery(document).ready(function(e){jQuery(\'img[usemap]\').rwdImageMaps();});'; wp_add_inline_script( 'jrim', $script ); } add_acction( 'wp_enqueue_scripts', 'insert_jrim' );上記トピックでも話題に上がっていて、対応策も掲載されていますが、
今現在 Lightning のメジャーバージョンアップの時期で色々と仕様変更もされているので、
functions.php 等のカスタマイズによる解決は今は避けたほうが良いと思います。今取れる策は以下の２つです。
①不具合覚悟の度胸があるならプラグイン版 Gutenberg にウィジェットをそのままブロックとして使える機能があるのでそれを使用する
②今年中 or 今年度中あたりにそれ相当のブロックがリリースされる予定があるらしいのでそれを待つ「Intuitive Custom Post Order」で投稿の並び順を変更したりしていませんか？
該当する場合は「設定」→「並び替え設定」の画面で「固定ページ」以外のチェックを外してみてください。
関連事例：ダウンロード元は GitHub なので、「Clone or Download」→「Download ZIP」の順にクリックすればダウンロードできます。
あとはダウンロードしたZIPファイルを「プラグイン」→「新規追加」→「アップロード」からアップロードして有効化すればOKです。.device-mobile.page-id-581のようにひっつけて書くのと
.page-id-581 .vk-mobile-nav-menu-btnのように半角スペース１つ分離して書くのでは意味が異なります。前者のようにクラス名同士をひっつけて書く書き方は、同じ要素内にある複数のクラス等を抽出する際に使い、
後者のようにクラス名同士を離して書く書き方は、該当要素の子要素（内側にある要素）のクラスを抽出する際に使います。今回の場合、body 要素に device-mobile と page-id-581 が存在し、
その内側にある div 要素に vk-mobile-nav-menu-btn が存在したため先述のようなコードになりました。下記のいずれかを適用してみてください。
/*ヘッダー部分見えなくする*/ .page-id-581 header.siteHeader { display:none; } /*ヘッダー部分のスペース削除*/ .page-id-581 .siteContent { margin-top:0 !important; } /*メニュを見えなくする*/ .device-mobile.page-id-581 .vk-mobile-nav-menu-btn { display: none; }/*ヘッダー部分見えなくする*/ .page-template-page-lp header.siteHeader { display:none; } /*ヘッダー部分のスペース削除*/ .page-template-page-lp .siteContent { margin-top:0 !important; } /*メニュを見えなくする*/ .device-mobile.page-template-page-lp .vk-mobile-nav-menu-btn { display: none; }こんな感じでいかがでしょうか？
/*ヘッダー部分見えなくする*/ .page-id-581 header.siteHeader { display:none; } /*ヘッダー部分のスペース削除*/ .page-id-581 .siteContent { margin-top:0 !important; } /*メニュを見えなくする*/ .page-id-581 .vk-mobile-nav-menu-btn { display: none; }すべてのLPに反映させる場合は下記のようにすると良いかもしれません。
/*ヘッダー部分見えなくする*/ .page-template-page-lp header.siteHeader { display:none; } /*ヘッダー部分のスペース削除*/ .page-template-page-lp .siteContent { margin-top:0 !important; } /*メニュを見えなくする*/ .page-template-page-lp .vk-mobile-nav-menu-btn { display: none; }P.S.
.page-id-581.vk-mobile-nav-menu-btnのような記述は、
例えば、<body class="page-id-581 vk-mobile-nav-menu-btn">となっている状態の時、
両方を指定条件に含める際に使用します。ダウンロードしたファイルが何らかの原因で破損している可能性があるので、
Lightning Pro, Lightning Skin JPNSTYLE を一旦無効化＆削除して、
再度ダウンロード後、もう一度アップロード＆有効化してみてください。また、 Lightning Skin JPNSTYLE 設定の中に同梱されている可能性も否めないのでこちらもチェックしてみてください。
該当部分は VK Blocks を使用して作られています。
①外側の台形の部分は Outer ブロックが使用されています。（設定で形を変えたり、画像を適用したりできる）
②中身はレスポンシブ・スペーサー, 見出し, ギャラリー（WP標準）, ボタン の順に使用されています。ブロックの設定（特に Outer ブロック）に手こずると思いますがぜひちょうせんしてみてください。
下記コードでいかがでしょうか？
.headerTop, .siteHeader { background-color: #4d4d4d!important; }P.S.
今回の原因は header 要素が数箇所にあるためそこまで反映されたことにあります。
要素名でなく、クラス名で指定すると反映する箇所を絞り込む事が可能です。
nav ul li aはグローバルメニューのみ適用したいということですよね？P.P.S.
「マイアカウント」から「Lightning Header Color Manager」をダウンロードして有効化することでヘッダーカラーを変更可能です。WordPress バージョン 2.5.0
随分古いような気がしますがこれは事実ですか？
あと、PHPのバージョンはいくつですか？WordPress と PHP を最新版にすると多少は早くなると思います。
回線速度が急に遅くなったというようなことはありませんか？
「What’s New Generator」は下記ウィジェットのいずれかで代用不可ですか？
- VK最新記事
- LTG コンテンツエリア投稿ウィジェット
- LTG Media Post
「Black Studio TinyMCE Widget」については、固定ページを非公開で作成後
「VK固定ページ本文」ウィジェットを使用して表示することで代用できそうな気がします。不要なプラグインを削除していってサイト表示時に読み込まれる CSS・JS を減らすのも有効です。
あとは、キャッシュプラグインの導入や HTML・CSS・JS 等の結合や圧縮といった方法も試してみると良いかもしれません。
あと、契約しているサーバー会社を変更するか、プランを増強するかといった策も有効かもしれません。
また、一番下に、 [ /.subSection ] –> というソースが表示されています。
本来なら
<!-- [ /.subSection ] -->と記述されていて表示されていないのが正しいので、single.php の編集ミスの可能性が疑わしいです。
