DRILL LANCER
フォーラムへの返信
-
投稿者投稿
-
DRILL LANCERモデレーターフィルターフックの追加の対応ありがとうございます。
せっかくの flex レイアウトなので3カラムレイアウトを実現したかったのです。
フックがあるものは活用した方が親テーマ更新時の手間も省けると考え質問させて頂いた次第です。
(スキン側で潰されていたのには驚きました。)P.S.
Bootstrap 3 は float ベースですが、
下記コードを利かせた場合もきちんと3カラムレイアウトを実現できました。.siteContent > .container > .row { display: flex; }
よって、上記コードは不要である可能性があります。
DRILL LANCERモデレーターVK Blocks Pro ver0.12.5を有効にしていると、エディタ上でコアブロックの「カラム」の各カラム幅が小さくなる
既に似たようなトピックが建っているようですがこれと似たような症状ですか?
実際の表示画面には影響しないようなので対応を待って気にせず使用すればOKだと思います。
投稿リストブロックを使わないのであれば ExUnit がまだ更新されていないようですし ExUnit の方を使ってはいかがでしょうか?P.S.
WordPress 5.3 になってからカラムブロックが格段に使いやすくなりました。
まだの場合は WordPress 5.3 に更新後、ブロックを修正すれば表示以外は解決する可能性があります。P.P.S.
ExUnit に付属の VK Blocks でも管理画面上の表示が縦長になる現象を確認しました。
DRILL LANCERモデレーターBootstrap 3 の sm の適用範囲は 768px 以上です。
一方、Bootstrap 4 のsm の適用範囲は 576px 以上、md の適用範囲は 768px 以上となっています。よって、現状のまま BS4 版に移行すると幅が広めのスマホでは横並びになる可能性があります。
また、BS3 版では
col-*-push-*
やcol-*-pull-*
で並び替えができましたが、
BS4 版ではorder-*-*
でないと並び替えができなくなります。よって、BS4版スキンを適用する際は下記のように変更する必要があります。
col-sm-4
→col-md-4
col-sm-8
→col-md-8
col-sm-push-8
→order-md-2
col-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>
DRILL LANCERモデレーター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段階ずれるのでよく確認してから使用してください。
DRILL LANCERモデレータースラッグが
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' );
DRILL LANCERモデレータースラッグが
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' );
ちなみに、著者情報に載せる投稿タイプはフィルターフックが無いため現状設定不可能です。
- この返信は4年、 10ヶ月前にDRILL LANCERが編集しました。
- この返信は4年、 10ヶ月前にDRILL LANCERが編集しました。
DRILL LANCERモデレーターログインした状態でログアウト時にみたページと同じURLにアクセスするとどうなりますか?
とりあえず以下のことを試してみてください。
- キャッシュプラグインを使用しているならそのキャッシュを削除
- Cloud Flare 等の CDN を使用している場合はそのキャッシュを削除
- ブラウザのキャッシュを削除
- シークレットモードや別のブラウザで閲覧してみる
DRILL LANCERモデレーターLightning Skin Fort をお使いですか?
他のスキンのデモサイトでは文字の影text-shadow
に関するプロパティーを発見できませんでした。
下記コードをベースに下記サイトを参考にしながら設定すると良いでしょう。
インライン CSS で設定されているため、!important
は重要になるのでこれは消さないでください。.slide-text-title, .slide-text-caption { text-shadow: 0 0 2px #000 !important; }
P.S.
すべてのスキンで使えるようですね・・・
スライドショーのオプションを見逃していました。
DRILL LANCERモデレーター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; } }
上記をベースに編集してみてください。
DRILL LANCERモデレーター私の XAMPP の環境では Lightning Pro 2.1.2 を適用することで
外観 > カスタマイズ の画面が復活しましたことを一応ご報告しておきます。
DRILL LANCERモデレーターデータベースをリセットして、新規インストール後 Lightning Pro 2.1.1 を適用しても
外観 > カスタマイズ
がウィジェット
のみになりました。たまたま持っていた Lightning Pro 2.0.7 を適用したところ正常に表示されました。
Lightning Pro 2.1.1 特有の問題である可能性が高いです。
DRILL LANCERモデレーター私も下記環境で Lightning クイックスタートをインポートしたところ同様の現象に陥りました。
- WordPress 5.3
- Lightning Pro 2.1.1
- XAMMP 7.3.11
「マイアカウント」から Lightning Pro 1.6.7 をダウンロードして導入したところ、カスタマイズ画面が復活しました。
カスタマイズ画面でライセンスキーを入力後、FTP 相当の操作で Lightning Pro 2.1.1 に更新したところ再発しました。
回線速度の都合上自動更新は試していません。
DRILL LANCERモデレーター- WP Fastest Cache の JavaScript の結合機能や圧縮機能を切る
- WP Fastest Cache のキャッシュを削除する
- ブラウザのキャッシュを削除する
- 普段使わないブラウザ or ブラウザのシークレットモードで閲覧してみる
上記を実行するとどうなりますか?
DRILL LANCERモデレーターローカル環境で動作確認しました。
対応ありがとうございました。
DRILL LANCERモデレーター下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。
「下段モバイルメニュー」はおそらく、「Lightning モバイル固定ナビ」を指していると思われるので、
外観 > カスタマイズ > Lightning モバイル固定ナビ
と進み、「モバイル固定ナビを表示しない」のチェックボックスをONにすると非表示にできます。「左上にメニュー(3本線)」については、下記CSSコードを
- 外観 > カスタマイズ > 追加CSS
- 子テーマの style.css
- ExUnit > CSSカスタマイズ
のいずれかに記述すると非表示にできます。
.vk-mobile-nav-menu-btn{ display:none; }
- この返信は4年、 10ヶ月前にDRILL LANCERが編集しました。
-
投稿者投稿