ブログで稼ぐ

AFFINGER5/STINGERタグ(ショートコード)でリンクを改行させない方法

改行

 

相談者
AFFINGER5に付属していたSTINGERタグ管理プラグイン3を利用しています。

勝手に改行が入ってしまうんですが、改行しないようにできませんか?

なるほど。

それは僕も最初2-3時間わからずハマりました。汗

解決方法を共有しますね。

ケン

 

ショートコード挿入で勝手に改行されてしまう。

アフィリエイトを扱う時に、文中にテキストリンクの形式でリンクを入れたい場合がありますよね。

改行なしリンク(タップで拡大)

改行なしリンク(タップで拡大)

理想として、こういう入れ方。

 

エディタで直接的にリンクを張る分には全く問題は発生しません。

 

ですが、複数の記事に入れるために、アフィリエイトリンクを一括管理したく、

AFFINGER5に付属していたSTINGERタグ管理プラグイン3

でショートコードとして挿入しようとします。

 

こんな感じでタグを作成して、ショートコードが生成されます。

タグ-ショートコード(タップで拡大)

タグ-ショートコード(タップで拡大)

 

このショートコードを投稿に挿入します。

実現したいのは冒頭の形です。

ショートコード挿入(タップで拡大)

ショートコード挿入(タップで拡大)

 

...なんですが、これで更新(Publish)するとこうなります。

改行ありリンク(タップで拡大)

改行ありリンク(タップで拡大)

 

「えっ...」

 

ってなりますよね。

 

改行される理由

これはどうも、タグ管理側のエディタの方で、ビジュアルエディタの自動整形機能により、<p>タグが自動挿入されてしまう事が原因です。

コンソールでソースコードを見ても、<p>タグで分断されるんですよね。

pタグ(タップで拡大)

pタグ(タップで拡大)

 

解決方法(改行を除去する方法)

前述の通り、タグ管理画面の「ビジュアルエディタ」の自動整形機能が原因のため、その機能をオフにします。

タグ管理画面のビジュアルエディタにチェックボックスがあるので、チェックを入れてタグを更新します。

タグ-自動整形機能オフ(タップで拡大)

タグ-自動整形機能オフ(タップで拡大)

 

そうすると、投稿の方で改行が除去されます。

成功しました!

改行なしリンク_成功(タップで拡大)

改行なしリンク_成功(タップで拡大)

 

ビジュアルエディタ停止は全部チェックを入れるべき?

このように、文章などにインラインで入れる時などはタグ管理側で、ビジュアルエディタの停止チェックを入れましょう。

 

ただし、インラインで入れないケースでは、自動整形で<p>タグが入った方が自動改行などされ都合が良いケースもあります。

 

使い分けをしましょう。

 

マニュアルの存在

実はこの件は、ググると解決方法がすぐ見つかりませんでした。

有料である類似プラグインのマニュアル?をよーく見ると書いてありました。

※似たタグプラグインが複数あるものの、当該プラグインのマニュアルが無く、

どうにかこの類似プラグインのマニュアルに辿り着く必要がありました。

コード登録(タグ作成)画面の説明 - AFFINGERタグ管理マネージャー3

 

※AFFINGER5に付属しているのは、「STINGERタグ管理プラグイン3」

(無料付属でサポートなし)

※上記は、「AFFINGERタグ管理マネージャー3」

 

という事で、上下互換の製品っぽい?です。

 

はい、というわけで、僕が2-3時間ハマった問題の解決方法を書いてみました。

プラグインの問題というよりは、ビジュアルエディタの自動整形機能が引き起こす問題なので、類似の別問題の解消方法としても覚えておいた方が良さそうです。

 

同じ問題に遭遇した方の助けになれば幸いです。

  • この記事を書いた人
  • 最新記事

ケン@副業カレッジ

2019年12月に副業開始、初月3.3万円 / 2か月目4.2万円 / 3か月目2.0万円 会社員でもすぐに副業を立ち上げる具体的な方法をブログに書いてます。

-ブログで稼ぐ
-,

Copyright© 副業カレッジ , 2020 All Rights Reserved.