DRILL LANCER
フォーラムへの返信
-
投稿
-
固定ページ限定ということであれば下記で可能と思われます。
/** * タイトルタグの変更 * * @param string $sep Document title separator. Default '-'. */ function my_title_separator( $sep ) { if ( is_page() ) { $sep = ''; } return $sep; } add_filter( 'document_title_separator', 'my_title_separator', 10, 2 ); /** * サイトタイトルの変更 * * @param array $title { * The document title parts. * * @type string $title Title of the viewed page. * @type string $page Optional. Page number if paginated. * @type string $tagline Optional. Site description when on home page. * @type string $site Optional. Site title when not on home page. * } */ function my_title_parts( $title ) { if ( is_page() ) { $title['site'] = ''; } return $title; } add_filter( 'document_title_parts', 'my_title_parts', 10, 2 );参考サイト：
/** * SNSボタンのショートコード化 */ function veu_sns_shortcode() { return veu_get_sns_btns( '' ); } add_shortcode( 'veu_sns_button', 'veu_sns_shortcode' ); add_filter( 'widget_text', 'do_shortcode' );上記コードを functions.php に追記することで下記が可能になります。
[veu_sns_button]でSNSボタンが任意の位置に表示可能に- テキストウィジェット or カスタム HTML ウィジェットでショートコードの入力が可能に
上記のトピックにもある通り、ブロックエディタ ( Gutenberg ) は JavaScript で処理している部分があります。
おそらく、古いバージョンの JavaScript がキャッシュに残っていてそれが影響している可能性があります。
PC 版の Google Chrome を使用している場合下記を試してみてください。- ブロックエディタ ( Gutenberg ) の編集画面に移動
F12を押して開発者ツールを起動- 更新ボタンを右クリック後「キャッシュの削除とハード再読み込み」をクリック
他のブラウザを使用している場合は同等の機能を試してみると良いかもしれません。
例：ブロックエディタ ( Gutenberg ) の編集画面でCtrl+F5等各固定ページのヘッダー部分の文字色の変更と背景を画像にしたいのですが、現在は勝手に水色の背景色のみの設定になっております。（文字色は白になっています）
説明には管理画面より外観→カスタマイズ→Lightning ページヘッダー 設定というセクションが表示されるとのことですが、このセクションの表示がないです。どこから設定したら良いのでしょうか？
とりあえず、下記を試してみてください。
- 外観 ＞ カスタマイズ ＞ Lightning ライセンスキー にライセンスキーを入力
- Lightning Pro と VK All in One Expansion Unit を更新
- 再度 外観 ＞ カスタマイズ を試してみる
またもう1点、ヘッダー上部の”愛知県名古屋市にある訪問介護事業所”やホーム、サイトマップ、お問い合わせボタンがあるバーの背景色を変える方法はありますでしょうか。
- 子テーマのCSS
- 外観 ＞ カスタマイズ ＞ 追加CSS
- ExUnit ＞ CSSカスタマイズ
上記のいずれかに下記コードをベースに調整したCSSを追記すると良いでしょう。
@media (min-width: 992px) { .headerTop { /*背景色*/ background-color: #f9f9f9; /*文字色*/ color: #666; } }ちなみに 外観 ＞ カスタマイズ ＞ Lightning デザイン設定 で Origin ( Bootstrap 3 ) を選んだ場合、マイアカウントから入手可能な「Lightning Header Color Manager」で設定することも可能です。
P.S.
ブロックエディタ ( Gutenberg ) を使用している場合、ExUnit の VK Blocks を停止し、マイアカウントから入手可能な VK Blocks Pro を導入することをおすすめします。フィルターフックの追加の対応ありがとうございます。
せっかくの flex レイアウトなので3カラムレイアウトを実現したかったのです。
フックがあるものは活用した方が親テーマ更新時の手間も省けると考え質問させて頂いた次第です。
（スキン側で潰されていたのには驚きました。）P.S.
Bootstrap 3 は float ベースですが、
下記コードを利かせた場合もきちんと３カラムレイアウトを実現できました。.siteContent > .container > .row { display: flex; }よって、上記コードは不要である可能性があります。
VK Blocks Pro ver0.12.5を有効にしていると、エディタ上でコアブロックの「カラム」の各カラム幅が小さくなる
既に似たようなトピックが建っているようですがこれと似たような症状ですか？
実際の表示画面には影響しないようなので対応を待って気にせず使用すればOKだと思います。
投稿リストブロックを使わないのであれば ExUnit がまだ更新されていないようですし ExUnit の方を使ってはいかがでしょうか？P.S.
WordPress 5.3 になってからカラムブロックが格段に使いやすくなりました。
まだの場合は WordPress 5.3 に更新後、ブロックを修正すれば表示以外は解決する可能性があります。P.P.S.
ExUnit に付属の VK Blocks でも管理画面上の表示が縦長になる現象を確認しました。Bootstrap 3 の sm の適用範囲は 768px 以上です。
一方、Bootstrap 4 のsm の適用範囲は 576px 以上、md の適用範囲は 768px 以上となっています。よって、現状のまま BS4 版に移行すると幅が広めのスマホでは横並びになる可能性があります。
また、BS3 版では
col-*-push-*やcol-*-pull-*で並び替えができましたが、
BS4 版ではorder-*-*でないと並び替えができなくなります。よって、BS4版スキンを適用する際は下記のように変更する必要があります。
col-sm-4→col-md-4col-sm-8→col-md-8col-sm-push-8→order-md-2col-sm-pull-4→order-md-1
BS3版では下記でOKだったのは
<div class="row"> <div class="col-sm-4 col-sm-push-8">画像A</div> <div class="col-sm-8 col-sm-pull-4">テキストテキストテキストテキスト</div> </div>BS4版では下記のようになります。
<div class="row"> <div class="col-md-4 order-md-2">画像A</div> <div class="col-md-8 order-md-1">テキストテキストテキストテキスト</div> </div>BS4 版スキンをお使いの場合は下記で順序を入れ替えられます。
<div class="row"> <div class="col-sm-4 order-sm-2">画像A</div> <div class="col-sm-8 order-sm-1">テキストテキストテキストテキスト</div> </div>BS3 版スキンをお使いの場合は下記で順序を入れ替えられます。
<div class="row"> <div class="col-sm-4 col-sm-push-8">画像A</div> <div class="col-sm-8 col-sm-pull-4">テキストテキストテキストテキスト</div> </div>P.S.
BS3 版と BS4 版ではブレイクポイントが1段階ずれるのでよく確認してから使用してください。スラッグが
hoge1のカスタム分類に追加する場合は下記コードで可能です。/** * Term Color を カスタム分類に適用 * * @param array $taxonomies 適用するタクソノミー. */ function add_term_color_on_custom_taxonomy( $taxonomies ) { $taxonomies[] = 'hoge1'; return $taxonomies; } add_filter( 'term_color_taxonomies_custom', 'add_term_color_on_custom_taxonomy' );スラッグが
hoge1のカスタム投稿で表示させる場合は下記コードで可能だと思います。/** * VK Post Author Display を カスタム投稿に適用 * * @param array $post_types 適用するタクソノミー. */ function add_pad_on_custom_post_type( $post_types ) { $post_types[] = 'hoge1'; return $post_types; } add_filter( 'pad_display_post_types', 'add_pad_on_custom_post_type' );ちなみに、著者情報に載せる投稿タイプはフィルターフックが無いため現状設定不可能です。
ログインした状態でログアウト時にみたページと同じURLにアクセスするとどうなりますか？
とりあえず以下のことを試してみてください。
- キャッシュプラグインを使用しているならそのキャッシュを削除
- Cloud Flare 等の CDN を使用している場合はそのキャッシュを削除
- ブラウザのキャッシュを削除
- シークレットモードや別のブラウザで閲覧してみる
Lightning Skin Fort をお使いですか？
他のスキンのデモサイトでは文字の影text-shadowに関するプロパティーを発見できませんでした。
下記コードをベースに下記サイトを参考にしながら設定すると良いでしょう。
インライン CSS で設定されているため、!importantは重要になるのでこれは消さないでください。.slide-text-title, .slide-text-caption { text-shadow: 0 0 2px #000 !important; }P.S.
すべてのスキンで使えるようですね・・・
スライドショーのオプションを見逃していました。Lightning Skin Charm のサブメニューのデフォルト色は下記の様に指定されています。
@media (min-width: 992px){ .gMenu .sub-menu a { background: rgba(0,0,0,.9); color: #fff; } .gMenu .sub-menu a:hover { background: #000; color: #ddd; } }上記をベースに編集してみてください。
