[DRILL LANCER]

位置的にはほぼ変わりませんが、the_content等のフィルターを介さずに表示したいです。
こういったパーツをショートコード化することはできますか？

[DRILL LANCER]

今回の問題はthe_contentに含まれるコンテンツが抜粋と同時に
表示されるのをどうにかしたいというものです。

VK All in One Expansion Unitで
the_content()にフックされる関連記事やフォローミーボックス等を
the_content()のフック対象から除外し
任意の位置に移動する方法はありますか？

ちなみに、Jetpackについては探せば見つかりました。
Moving Sharing Icons

【WordPress】Jetpack「関連投稿」の表示場所、記事数を変更する方法

[DRILL LANCER]

もしくは、文字制限したthe_content()を抜粋の代わりに表示するのも手かもしれません。

[DRILL LANCER]

すれ違いになってしまいましたが・・・
抜粋が設定されていない場合、記事の更新時（や記事のインポート時）に
記事本文の先頭から何文字かを抜粋に設定するようにする機能を要望いたします。
ちなみに現在はdisplay:none;を戻しました。

• この返信は5年、 2ヶ月前にDRILL LANCERが編集しました。
• この返信は5年、 2ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

抜粋欄に何も入力されていない場合、抜粋部分はthe_content()から出力しているのですか？
サイドバーでアイキャッチ画像/日付/カテゴリー/タイトル/抜粋を選択をしてもthe_content()にフックされたものが表示されます。
また、記事のメインループの抜粋部分にもthe_content()にフックされた要素がが表示されています。
現在display:none;をすべて解除したところ、かなりひどい表示になりました。

ついでに、jetpackで出力される見出し（いいね等）がつぶれてしまっています。
https://test02.rick-addison.com/

抜粋が設定されていない場合、記事の更新時（や記事のインポート時）に
記事本文の先頭から何文字かを抜粋に設定するようにする機能があれば良いと思います。

[DRILL LANCER]

7.5.0で修正されていることを確認しました。
ご対応ありがとうございました。

[DRILL LANCER]

個人的にはこれで解決済みとさせていただきますが、対応するかどうかはおまかせします。

[DRILL LANCER]

また、上記のように
wp_add_inline_style( 'lightning-common-style', $custom_css );
と引っ掛ける先を変えなくても

Lightning bbPress Extensionの

function ltg_bbp_load_css() {
	wp_enqueue_style( 'lightning-bbp-extension-style', plugin_dir_url( __FILE__ ) . 'css/style.css', array( 'lightning-theme-style' ), LTG_BBP_EXT_VERSION );
}
add_action( 'wp_enqueue_scripts', 'ltg_bbp_load_css' );

を

function ltg_bbp_load_css() {
	wp_enqueue_style( 'lightning-bbp-extension-style', plugin_dir_url( __FILE__ ) . 'css/style.css', array(), LTG_BBP_EXT_VERSION );
}
add_action( 'wp_enqueue_scripts', 'ltg_bbp_load_css' );

にしても正常に表示されるようになりました。

おそらく、Lightning bbPress Extensionの上記の関数が
lightning-theme-styleをプラグインのCSSの上に押上げ、
その結果それに引っかかるように
wp_add_inline_style( 'lightning-theme-style', $custom_css );
で設置されたLightning PR Blockのスタイルも同様に押し上げられ
上記のような問題が発生してしまったのではと考えております。

個人的にはこれで解決済みとさせていただきますが、対応するかどうかはおまかせします。

• この返信は5年、 2ヶ月前にDRILL LANCERが編集しました。
• この返信は5年、 2ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

現在は子テーマのCSSに

@media (min-width: 541px){
	.veu_childPage_list .childPage_list_box {
	    width: 48%;
	    display: block;
	}
}

を追加してdisplay: flex;の諸々を無効化しています。

[DRILL LANCER]

私の環境でもこちらの環境でも
VK All in One Expansion Unitのstyle.cssよりも後に

lightning-pro/assets/css/common.css
が読み込まれるようなので、Lightning トップページ PR BlockのCSSは

/**
 * LightningのPR Blockのスタイル.
 */
function lightning_child_front_pr_blocks_styles() {
	global $lightning_theme_options;
	$options = $lightning_theme_options;
	if ( isset( $options['front_pr_display'] ) && $options['front_pr_display'] ) {
		if ( isset( $options['color_key'] ) && $options['color_key'] ) {
			$color_key = $options['color_key'];
		} else {
			$color_key = '#337ab7';
		}
		$custom_css = "
			.prBlock_icon_outer { border:1px solid {$color_key}; }
			.prBlock_icon { color:{$color_key}; }
		";
		wp_add_inline_style( 'lightning-common-style', $custom_css );
	}
}
add_action( 'wp_enqueue_scripts', 'lightning_child_front_pr_blocks_styles' );

のようにlightning-common-styleに引っ掛けるのが有効だと思われます。

参考までに私の環境でも試しました。
https://test02.rick-addison.com

• この返信は5年、 2ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

このページでも下記の順に読み込まれているようです。

1. 「Lightning Pro」の子テーマのCSS
2. （それにぶら下がる「Lightning トップページ PR Block」のインラインCSS）
3. VK All in One Expansion Unitのstyle.css

[DRILL LANCER]

私は Lightning Skin Charm を持っていないので詳しいことは言えません。
しかし、私が所持しているLightning Skin Varietyと同じ作りであるとすれば、
wp-content/plugins/lightning-skin-charm/skin-active.php
あたりでそういう設定をしているものと思われます。

[DRILL LANCER]

CSSの.sampleRow{}には何が書かれていますか？
ひょっとしたらそこに原因があるかもしれません。

P.S.
あなたのサイトのURLを掲示してもらった方が解決が早くなると思います。
難なら新しくテスト用のサブドメインを取得し、テストサイトを構築し、同じ環境（記事データ以外）を再現してみると良いでしょう。
一応記事データとしてはテストデータなるものも存在しているのでそれをインポートしてみるのも良いでしょう。

• この返信は5年、 3ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

ひょっとしたらこういうことなのでしょうか？
https://test02.rick-addison.com/2115.html
上記の様な状態なら私も発生しています。

[DRILL LANCER]

Bootstrapのグリッドシステムは

<div class="container">
	<div class="row">
		<div class="col-xs-12 col-sm-4">サンプルサンプル</div>
		<div class="col-xs-12 col-sm-8">サンプル</div>
	</div>
</div>

で1セットです。

<div class="row sampleRow">の外側に
<div class="container">～</div>か
<div class="container-fluid">～</div>か
があることを確認してみてください。

[投稿者]

投稿