プラグイン wordpressカテゴリ別にカラフル色をつける「Colorful Categories」
wordpress関連RSS
お気に入り登録
wordpressトピックスの情報フルページ表示
返信先: Lightningトップページスライドショーが表示されない
石川さん@kurudrive、ことりさん@setouchikotori、ご教示ありがとうございます。 ご教示いただいた内容で一度試してみます。
アサカワさん@yukinobu 補足ありがとうございます。 確かに
http://でアクセスした時画像が表示されていますね。一度皆様のご教示をもとに再度修正してみます。
(2026-3-11)返信先: Lightningトップページスライドショーが表示されない
kurudriveさんのご指摘を補足します。
http:// でアクセスした時（スライドショー表示される）
https:// でアクセスした時（スライドショー表示されない）
(2026-3-11) 返信先: Lightningトップページスライドショーが表示されない
【追伸】
今ご共有いただいたサイトにインストールされている (と思われる) プラグイン「Envo Extra」は、稼働するテーマが限られているようです。公式ディレクトリの該当プラグインページに記載されている『FAQ (よくある質問)』をご確認ください。(未検証ですが、当該プラグインの何らかの機能が Lightning の持つ機能と衝突している可能性はないでしょうか。プラグインを無効化し、キャッシュクリアをお試しください。)
(2026-3-11)返信先: Lightningトップページスライドショーが表示されない
石川さん @kurudrive
ありがとうございます＾＾ただ･･･
@soerusu さん、ご共有いただいた URL を確認したところ、サイトに導入されているプラグインは、先ほどご提示いただいたプラグイン一覧とは異なっているようです。
そのため、現在ご提示いただいている情報が今回のサイトの環境と一致していない可能性があります。
今回ご相談のサイトの管理画面で有効化されているプラグイン一覧をあらためてご確認の上、ご提示ください。
環境が一致していない場合、原因の特定が難しくなります。
(2026-3-11)返信先: Lightningトップページスライドショーが表示されない
瀬戸内ことり様
状況を確認するため、問題が発生しているサイトの URL をご共有ください。
soerusu.co.jp です。まだ製作途中ですがご参照ください。
(2026-3-11)返信先: Lightningトップページスライドショーが表示されない
「Lightning スライドショー 表示されなくなった」 などで検索すると出てくると思います。
http の状態で設定されたものが https 化したので、ブラウザに弾かれてるだけだと思います。
画像を削除、保存、再設定、保存するか、プラグイン Really Simple SSL などインストール・有効化してください。
(2026-3-11)返信先: Lightningトップページスライドショーが表示されない
ありがとうございます。
以下についてもご共有いただけますか。
(2026-3-11)状況を確認するため、問題が発生しているサイトの URL をご共有ください。
返信先: Lightningトップページスライドショーが表示されない
早速ご対応ありがとうございます。
ご連絡頂いた内容ご共有いたします。
- PHP のバージョン （PHP バージョン8.3.21 (64ビット値をサポートしています)）
- WordPress のバージョン (バージョン 6.9.3 )
- Lightning のバージョン （バージョン: 15.33.1）
- 有効化しているプラグイン一覧 Akismet Anti-spam: Spam Protection
- Hello Dolly
- TypeSquare Webfonts for エックスサーバー
- VK All in One Expansion Unit
- VK Block Patterns
- VK Blocks
- VK FullSite Installer
- 直前に行った変更（SSL化、プラグイン追加など） 直前ではないですが、WPFormsを追加しました。ただプラグインは無効化しています。
上記内容となります。
よろしくお願いいたします。
(2026-3-11)返信先: Lightningトップページスライドショーが表示されない
状況を確認するため、問題が発生しているサイトの URL をご共有ください。
また、以下の情報もご提示ください。
- PHP のバージョン
- WordPress のバージョン
- Lightning のバージョン
- 有効化しているプラグイン一覧
- 直前に行った変更（SSL化、プラグイン追加など）
Lightningトップページスライドショーが表示されない
Lightningのトップページスライドショーが表示されなくなりました。
まだサイトを製作し始めたばかりで、メディアライブラリーで画像を取り込みしましたが、画像が表示されなくなりました。デフォルト画像(スキーの子供)も表示されなくなりました。
トップページスライドショーの表示方法をご教示いただけると幸いです。
(2026-3-11)返信先: エディタのプレビュー要素の囲みにクラスを付与したい
@kirig 解決されたようでよかったです。
具体的にどのように解決されたのかをぜひ情報を共有してください。
(2026-3-6)
他のフォーラム参加者の参考になります。返信先: 複雑なリライトルール
一部自己解決しましたが、続き発生しています。引き続きよろしくお願いいたします。
function taxlink($taxonomy,$object_type,$args){
global $wp_rewrite;
if($taxonomy==='bbb'){
add_rewrite_tag('%bbb%','([^/]+)','bbb=');
add_permastruct('bbb','sss/bbb/%bbb%',['with_front'=>false]);
}
return $args;
}
add_action('registered_taxonomy','taxlink',10,3);タクソノミーが表示されない件③については上記で自己解決しましたが、
①の子ページ（/aaa/bbb以外のスラッグ/）が表示されなくなってしまったため、生きるようにしたいです。（孫は考えなくてよい）
(2026-3-5)複雑なリライトルール
以下が可能であるかを含めてアドバイスを頂けると助かります。
事例
・カスタム投稿 スラッグ「aaa」
・カスタムタクソノミー スラッグ「bbb」（上記に所属）
したいこと
以下のURLにしたい。
①固定ページ１ /aaa/
②カスタム投稿一覧 /aaa/bbb/
③カスタムタクソノミー一覧 /aaa/bbb/<term>function cs_post_type(){
$arg=['hierarchical'=>false,'public'=>true,'show_ui'=>true,'publicly_queryable'=>true,'exclude_from_search'=>false,'show_in_nav_menus'=>true,'rewrite'=>['slug'=>'aaa'],'has_archive'=>true,'show_in_rest'=>true,'taxonomies'=>['bbb'],'supports'=>['title','editor']];
register_post_type('guide',$arg);
$arg=['label'=>'BBB','capability_type'=>'aaa','hierarchical'=>true,'show_admin_column'=>true,'public'=>true,'hierarchical'=>true,'show_ui'=>true,'query_var'=>true,'rewrite'=>['with_front'=>false,'slug'=>'aaa/bbb'],'show_in_rest'=>true];
register_taxonomy('bbb','aaa',$arg);
}
add_action('init','cs_post_type');function rewrite_delete($rules){
if(!empty($rules['aaa/?$'])){unset($rules['aaa/?$']);}
return $rules;
}
add_filter('rewrite_rules_array','rewrite_delete');
function re_rules(){
add_rewrite_tag('%bbb%','([^/]+)','post_type=aaa&bbb=');
add_permastruct('bbb','/aaa/bbb/%bbb%',['with_front'=>false]);
}
add_action('init','re_rules',10);現在①②は完了しましたが、
(2026-3-5)
③がカスタムメニューやタグからのURL出力は「/aaa/bbb/<term>」となるのですが、表示は404となります。
よろしくお願いいたします。返信先: エディタのプレビュー要素の囲みにクラスを付与したい
ありがとうございました。
(2026-3-5)
時間かかりましたが解消できました。返信先: ハンバーガーボタンクリック後のブロック編集 twenry-four
解決されたようでよかったです。
具体的にどのように解決されたのかをぜひ情報を共有してください。
(2026-2-25)
他のフォーラム参加者の参考になります。返信先: ハンバーガーボタンクリック後のブロック編集 twenry-four
解決しました！フィルターフックとは、わかりやすい仕組みですね。
(2026-2-24)返信先: エディタのプレビュー要素の囲みにクラスを付与したい
追記、JSのコードについて
createHigherOrderComponent
既存のブロック編集コンポーネント（BlockEdit）を受け取り、新しいコンポーネントで包んで返す関数です。Reactの高階コンポーネント（HOC）パターンに基づいています。props.name !== 'core/html'
ブロックの種類を判定しています。カスタムHTMLブロック（core/html）以外はラッパーを追加せず、そのまま返します。wp.element.createElement
ReactのcreateElementに相当する関数です。<div class="abcde">を作成し、その中に元のブロック編集コンポーネントを配置しています。addFilter('editor.BlockEdit', ...)
ブロックエディタが各ブロックの編集画面を描画する際に呼ばれるフィルターです。ここにフックすることで、ブロックの描画をカスタマイズできます。(function () {
// wp.compose から高階コンポーネント作成関数を取得
const { createHigherOrderComponent } = wp.compose;
// wp.hooks からフィルター追加関数を取得
const { addFilter } = wp.hooks;
/**
* ブロックの編集コンポーネントをラップする高階コンポーネント
* 対象ブロックの外側に任意のラッパー要素を追加する
*/
const withCustomWrapper = createHigherOrderComponent((BlockEdit) => {
return (props) => {
// カスタムHTMLブロック以外はそのまま返す
if (props.name !== 'core/html') {
return wp.element.createElement(BlockEdit, props);
}
// カスタムHTMLブロックを <div class="abcde"> で囲む
return wp.element.createElement(
'div',
{ className: 'abcde' },
wp.element.createElement(BlockEdit, props)
);
};
}, 'withCustomWrapper');
// editor.BlockEdit フィルターに登録
// 第2引数はフィルターの一意な名前空間
addFilter(
'editor.BlockEdit',
'my-theme/custom-wrapper',
withCustomWrapper
);
})();JS読み込み側の補足
既に
enqueue_block_editor_assetsで JS を読み込む仕組みを用意されていますが、依存関係にwp-composeとwp-hooksを追加してください。これがないとwp.composeやwp.hooksが未定義になりエラーになります。
(2026-2-18)function addBlockEditorStyle() {
wp_enqueue_script(
'theme-gutenberg-js',
get_theme_file_uri( '/js/cs_edit.js' ),
array( 'wp-blocks', 'wp-element', 'wp-edit-post', 'wp-components', 'wp-data', 'wp-compose', 'wp-hooks' ),
false,
true
);
}
add_action( 'enqueue_block_editor_assets', 'addBlockEditorStyle' );返信先: エディタのプレビュー要素の囲みにクラスを付与したい
状況がよくわかりました。
テーマのテンプレートで
the_contentの外側にある.abcdeを前提としたCSSがあり、エディタのプレビューではその祖先要素がないためスタイルが崩れる、ということですね。この場合、iframe 内部を直接操作するのではなく、
editor.BlockEditフィルターを使ってエディタ側のDOMでブロックをラッパーで囲む方法が良さそうです。cs_edit.jsに以下のコードを追加してみてください。
エディタ上でカスタムHTMLブロックが<div class="abcde">...</div>で囲まれた状態になるので、既存のCSSがそのまま適用されるはずです。
カスタムHTMLブロックだけでなく他のブロックにも同じラッパーが必要な場合は、props.name !== 'core/html'の条件を外すか、対象ブロックを配列で管理するなど調整してみてください。
(2026-2-18)(function () {
const { createHigherOrderComponent } = wp.compose;
const { addFilter } = wp.hooks;
const withCustomWrapper = createHigherOrderComponent((BlockEdit) => {
return (props) => {
if (props.name !== 'core/html') {
return wp.element.createElement(BlockEdit, props);
}
return wp.element.createElement(
'div',
{ className: 'abcde' },
wp.element.createElement(BlockEdit, props)
);
};
}, 'withCustomWrapper');
addFilter(
'editor.BlockEdit',
'my-theme/custom-html-wrapper',
withCustomWrapper
);
})();返信先: エディタのプレビュー要素の囲みにクラスを付与したい
ありがとうございました。
プレビューにCSSを当てたい、が主になります。テンプレートでthe_contentの外側に特定クラス（.abcde）があり、読み込み対象のｃｓｓに記述があるため、その部分が崩れます。ｃｓｓはそのまま修正せずに反映させたいためです。
(2026-2-16)返信先: エディタのプレビュー要素の囲みにクラスを付与したい
こんにちは。
いくつかアプローチが考えられますが、最適な方法は目的によって大きく変わります。たとえば、「プレビューにCSSを当てたい」のか「構造的にラッパーが必要」なのかなど、何のためにプレビューの
(2026-2-16)divにクラスを付与したり、ラッパーで囲みたいのか、具体的に実現したいことを記載いただけると、より最適な回答が付きやすくなると思います。
お気に入り登録