Re: 記事の外部リンクについて
- mona > 記事の外部リンクについて @ 2016/4/19 2:10
- » Masamichi > Re: 記事の外部リンクについて @ 2016/4/19 8:20
- mona > Re: 記事の外部リンクについて @ 2016/4/19 11:59
- Masamichi > Re: 記事の外部リンクについて @ 2016/4/19 13:04
- mona > Re: 記事の外部リンクについて @ 2016/4/19 15:55
Masamichi > Re: 記事の外部リンクについて @ 2016/4/19 8:20 |
---|
おはようございます。
恐らくこちらではないでしょうか。 ブログでのアンカータグが正しく動作しない テーマは違いますが、同じ【Magnific Popup】とう言う【Javascript】を使用しております。 上記のリンク先の解決方法で、一先ずの解決は当方のテスト環境で出来ました。 ※追記 ただ、
を、記事の先頭に付けると、記事の内容に CSS が効かない状態になり、 本来のデザインが崩れてしまうかと思います。 そこで、解決策として2つ提示いたします。 【リンクを正しく機能させ画像のポップアップ処理も実装する方法】 ◆方法1(任意の画像のみポップアップ処理をさせたい場合) /theme/nice-tempo/Layouts/default.php default.php 内にある*抜粋
上記の赤色の部分が記事内のリンクに不具合を起こしている箇所です。 そこで、赤色の部分を削除して下記の様にしてみました。
記事内のアンカータグ(a)には処理をさせない様にします。 この様にすると、こちらの記述は書く必要がなく正しいリンクとなります。
しかし、赤色の部分を削除することで、本来の表示機能は失われてしまい、 記事内のアイキャッチ以外の画像はポップアップ処理にはなりません。 この仕様で問題なければ、これで良いかと思いますが、 記事内の画像もポップアップ処理をさせたい場合は、一手間加える必要があります。 記事内のアップロードした(ポップアップさせたい)画像にクラス名【 class="popup"】を追記します。 記事作成画面のソースをクリックした状態
これで、こちらの画像はポップアップ処理されます。 毎回、各画像のaタグに class="popup" を追記する必要があります。 ◆方法2(全ての画像にポップアップ処理をさせたい場合) /theme/nice-tempo/Layouts/default.php 同上の default.php 内にあるスクリプトを書き換えます。 幸いアップローダーで画像をアップすると、 画像に rel属性 が【rel="colorbox"】自動で付与される仕組みになっています。 この仕組みを利用して下記の様に書き換えます。
赤い部分を追記しました。 これで、全ての画像がポップアップ処理されます。 勿論、
を記事に追記する必要もありません。 2の方法の場合、アップローダーでアップした全ての画像にポップアップ処理がされますので、 ポップアップをさせたくない画像の場合は、rel="colorbox" を削除するか、アンカータグを全て削除すればOKです。
赤い部分を削除する。又は、アンカータグを丸ごと削除する。 以上になります。 デフォルトファイルを触るので、バックアップを取ってからお試し下さい。 参考になれば幸いです。 ■ BaserCMS: 3.0.15〜4.1.5 |