石川@Vektor,Inc.
フォーラムへの返信
-
投稿者投稿
-
ケース1
外観 > カスタマイズ 画面
Lightning モバイル固定ナビパネル でメニュー開閉ボタンを固定ナビに含めると左上のメニュー開閉ボタンは非表示になります。
(同じ機能のボタンが左上、左下の2箇所にあるのは不自然なため)ケース2
JPNSTYLEのヘッダー背景を白で使用している
JPNSTYLEのヘッダーは濃い色を使用する前提で調整してあり、そお都合上ボタンの色は「白」になっているので、表示されているのに色が同じなので見えない状態です。
ケース1のようにモバイル固定ナビに含めるなど対応してください。- この返信は5年、 5ヶ月前に石川@Vektor,Inc.が編集しました。
Attachments:
You must be logged in to view attached files.該当のページの HTML を表示したりすると
<body class="page-template-default page parent-pageid-100 page-id-1012 post-type-page">
のようになっています。
parent-pageid-100 は親ページのidの事です。
bodyタグのclassに識別用のクラスがついています。
例えば「parent-pageid-317」みたいな感じです。
この場合、親ページのidが317という意味です。サイトバーの背景変更例は
.parent-pageid-317 .sideSection { background-color:#f00; }
のようになります。
下記も参考にしてください。
https://www.vektor-inc.co.jp/post/css_customize/現状では Post と Page でしか表示されない仕様なので、下記に記載の内容で対応わかりますでしょうか?
子テーマの functions.php などに記載する形になります。一度 VK_ボタン ウィジェットを試してみてください。
ヘッダーメニューを未設定にして、ロゴはCSSでdisplay:none;にしてあとは任意のパーツを action hookで挿入…
というレベルになってくるとどのみちメジャーアップデートで何かしら調整は必要になるのではないかなと思います(汗
多分こんな感じではないかと思いますが、添付URLなど参考に数値を変更してみてください。
@media (min-width: 992px){ .loop_outer .col-lg-4, .widget_ltg_media_posts_media_post .col-lg-4 { width: 25%; } } @media (min-width: 1200px){ .loop_outer .col-lg-4, .widget_ltg_media_posts_media_post .col-lg-4 { width: 25%; } }
無事解決したようで何よりです。
今後ともLightningをよろしくお願いいたします。PR Blockの設置方法は
1. Lightningデフォルト
2. ExUnitのウィジェット
3. VK Blocks のブロックの3種類があります。
非表示の原因のほどんどは
A. 外観 > カスタマイズ > Font Awesome で指定してある Font Awesome のバージョンと class名の記法が違う
B. 外観 > カスタマイズ > Font Awesome で指定してある Font Awesome のバージョンと class名の記法は間違っていないが、他のプラグインが別のFont Awesomeのバージョンを上書きしている
C. Font Awesomeで最近追加された新しいアイコンフォントを使用している状態です。
あとは最初に配置しただけの初期状態で指定されている class名( far fa-file-alt )が 外観 > カスタマイズ > Font Awesomeの指定バージョンとは同じとは限らないので、選択したFontAwesomeのバージョンの記法で書き直す必要があります。FontAwesomeのバージョンが 4.7指定なら
『fa』を記入する必要はありません。5系 は ■■■ ★★★★ という形で、fasやfabなども含めて記述しないといけません。
ただ、4系を残しておくとこういったトラブルが多発するので、廃止したいと考えています。
まずはFontAwesomeのバージョンを 5 にして、 far fa-file-alt などを入力して表示されるか確認してください。表示されない場合は色指定なども確認してください(背景が白でアイコンの色も白になっているなど)
それも表示されない場合はアイコンフォントを使用していそうなプラグインを停止してください。
それも表示されない場合は症状が発生している状態のURLをご連絡ください。
以上よろしくお願いいたします。
補足です。
ご利用のケースでは RICKさんが詳しく解説してくださっている通り、カスタム投稿タイプマネージャーを使って別の投稿タイプにして、
body.post-type-XXX ul.pager{ display: none; }
とするのが王道でおすすめです。
どうしてもカスタム投稿タイプでなく実現したい場合は
1. body クラスに識別用クラスを追加する
add_filter( 'body_class', 'my_add_body_tax_class' ); function my_add_body_tax_class( $class ) { if ( is_singular() ) { $taxonomies = get_the_taxonomies(); if ( $taxonomies ) : foreach ( $taxonomies as $key => $value ) { if ( $key != 'product_type' ) { $taxonomy = $key; $terms = get_the_terms( get_the_ID(), $taxonomy ); foreach ( $terms as $key => $term ) { // body に識別用のclass名をidで付与して追加 $class[] = 'post-term-' . esc_attr( $term->term_id ); // body に識別用のclass名をslugで付与して追加 $class[] = 'post-term-' . esc_attr( $term->slug ); } } } endif; } return $class; }
2. cssで消す
body.post-term-XXX ul.pager{ display: none; }
となります。
#### 注意
そもそもこの外側の nav に class名がついてないの良くないですね…
そして、ここの部分はアイキャッチ画像付きに今後変更したいと考えていますので、
既存ユーザーの方には影響出ないよう極力善処しますが、アップデート情報を定期的にチェックしたり、バックアップの設定などをして運用してください。利用しているのは JPNSTYLE ですか?
表示しようろしているのは具体的にどのページですか?
該当ページのURLかスクリーンショットを貼る事はできますか?本件急ぎでしょうか?
Media Post は Gutenbergのブロック化なども踏まえて構造の見直し中なので、
今カスタマイズコードを書いても仕様変更でまた修正が必要になるかもしれないという状況ですので、今のタイミングではおすすめしていません。ただ、サイトが1カラムでの Media Post 3カラムはちょっとキツイので4カラムにしたいという要望は私も同意なので、順次対応していきたいとは考えています。
ただ、配置場所が1カラムの場所と2カラムの時と、表示画面サイズの組み合わせでそれぞれ指定が必要で複雑なので、夏にかけてじわじわ改修を進める形になると思います。
「関連記事のページャー表示」というのがどこの事がちょっとわからないので詳細補足いただけますでしょうか?
よろしくお願いいたします。 -
投稿者投稿