Re: ブログプラグインの記事内に設定したリンクが機能しない

トップ > baserCMS全般 > ブログプラグインの記事内に設定したリンクが機能しない

robo1000 > ブログプラグインの記事内に設定したリンクが機能しない @ 2016/12/3 8:12
» akillerbee > Re: ブログプラグインの記事内に設定したリンクが機能しない @ 2016/12/5 11:13
robo1000 > Re: ブログプラグインの記事内に設定したリンクが機能しない @ 2016/12/6 19:55

akillerbee > Re: ブログプラグインの記事内に設定したリンクが機能しない @ 2016/12/5 11:13
こんにちはakillebeeです。 /app/webroot/theme/nice-tempo/Layouts/default.phpの「head」タグ内の `<script> $(function() { //magnific-popup $(".popup, .eyeCatch a, .post-body a, #post-detail a").magnificPopup({ type: 'image', mainClass: 'mfp-with-zoom', removalDelay: 160, preloader: false, fixedContentPos: false, gallery:{enabled:true} }); }); </script>` 箇所で「#post-detail a」とありますので記事本文内でaタグがあるとモーダルウィンドウ(ポップアップ)が動作するようです。 `$(".popup, .eyeCatch a, .post-body a, #post-detail-eyecatch a").magnificPopup({` のように変えてしまえばテキストリンクは有効になるかと思いますが他に影響があるかもしれませんので確認しながら行うことをおすすめします。逆にモーダルウィンドウを使用したい場合はhtmlで「.popup」「.eyeCatch a」「.post-body a」「#post-detail-eyecatch a」を設定すれば動作可能となるかと思います。

akillerbee > Re: ブログプラグインの記事内に設定したリンクが機能しない @ 2016/12/5 11:13

こんにちはakillebeeです。

/app/webroot/theme/nice-tempo/Layouts/default.phpの「head」タグ内の

<script>
$(function() {
	//magnific-popup
	$(".popup, .eyeCatch a, .post-body a, #post-detail a").magnificPopup({
		type: 'image',
		mainClass: 'mfp-with-zoom',
		removalDelay: 160,
		preloader: false,
		fixedContentPos: false,
		gallery:{enabled:true}
	});
});
</script>

箇所で「#post-detail a」とありますので記事本文内でaタグがあるとモーダルウィンドウ(ポップアップ)が動作するようです。

$(".popup, .eyeCatch a, .post-body a, #post-detail-eyecatch a").magnificPopup({

のように変えてしまえばテキストリンクは有効になるかと思いますが他に影響があるかもしれませんので確認しながら行うことをおすすめします。

逆にモーダルウィンドウを使用したい場合はhtmlで「.popup」「.eyeCatch a」「.post-body a」「#post-detail-eyecatch a」を設定すれば動作可能となるかと思います。

フラット表示

前のトピック | 次のトピック

Re: ブログプラグインの記事内に設定したリンクが機能しない

キーワード検索