コンテンツへスキップ
ナビゲーションに移動
ホーム
宣言ストーリー
(社長プロフィール)
お客様ストーリー
(お客様の声)
想いのカタチ
(施工事例)
お問い合わせ
お問い合わせ内容確認
HOME
お問い合わせ内容確認
内容をご確認の上「送信」ボタンをクリックしてください。
このページには直接アクセスできません。
ホーム
宣言ストーリー
お客様ストーリー
想いのカタチ
お問い合わせ
MENU
HOME
宣言ストーリー
お客様ストーリー
お問合せ
document.addEventListener('DOMContentLoaded', function () { // 1) 大きい画像(size-large や 700px以上)はリンクを外してクリック不可にする document.querySelectorAll('.wp-block-image').forEach(function(fig){ var a = fig.querySelector('a'); var img = fig.querySelector('img'); if (!img) return; // 判定:大きい画像(Gutenbergの size-large / 実表示幅700px以上) var isLargeClass = fig.classList.contains('size-large'); var shownW = img.offsetWidth || img.width || 0; var isLargeWidth = shownW >= 700; if ((isLargeClass || isLargeWidth) && a) { // アンリンク(
を外して
だけに) a.parentNode.insertBefore(img, a); a.remove(); // 見た目の挙動も明示(リンク手っぽさを消す) img.style.cursor = 'default'; } }); // 2) 小さい画像:画像ファイルへのリンクだけ fancybox を付与(ライトボックスで開く) document.querySelectorAll('.wp-block-image a[href]').forEach(function(a){ var href = (a.getAttribute('href') || '').toLowerCase(); if (!/\.(jpg|jpeg|png|gif|webp|avif|bmp)$/.test(href)) return; // 添付ページ等は除外 var img = a.querySelector('img'); var fig = a.closest('.wp-block-image'); if (!img || !fig) return; // 小さい判定:thumbnail/mediumクラス or 実表示幅 < 420px or 2〜4カラム内 var cls = img.className || ''; var hasSmallClass = /size-(thumbnail|medium)/i.test(cls); var w = img.offsetWidth || img.width || 0; var isSmallWidth = w > 0 && w < 420; var inColumns = !!a.closest('.wp-block-columns.has-2-columns, .wp-block-columns.has-3-columns, .wp-block-columns.has-4-columns'); if (hasSmallClass || isSmallWidth || inColumns) { a.classList.add('fancybox'); } }); // 3) FancyBox を再スキャン(環境依存・保険) if (window.jQuery) { try { if (jQuery.fn && jQuery.fn.fancybox) jQuery('a.fancybox').fancybox(); if (typeof window.easy_fancybox_handler === 'function') window.easy_fancybox_handler(); } catch (e) {} } });
PAGE TOP