助太刀忍者(質問掲示板)

助太刀忍者

No.54527    行間について
行間の調節につまずいています。
試した操作手順
shop
▲▲▲

▲▲▲
Amazon
▲▲▲
yahoo

リンク
●●●●●●
管理画面
●●●●●●
新しい記事を書く
●●●●●●
shop
●●●●●●


間隔の調整でつまずいています。

shopは、プラグイン追加「フリーエリア」で
つくっています。

リンクは、プラグイン追加「リンク」
でつくっています。

行間の部分
(▲▲▲と●●●●●●が微妙に違って
調節するのに悩んでいます。

shop
▲▲▲←<br><br>

▲▲▲←<br><br>
Amazon
▲▲▲←<br><br>
yahoo

ここは、<br><br>
で行間をつくっています。

<br>1つだと上の文字とぺったりひっついてしまい、
<br><br>だと今度は逆に広がりすぎてしまうのです。

リンクの行間●●●●●●は、
<br>をいれずともほどよい具合になっています。
このリンクの行間と行間をあわせたいのですが、
なかなか思うようにいかず、困っています。

リンク
●●●●●●
管理画面
●●●●●●
新しい記事を書く
●●●●●●
shop
●●●●●●
投稿者:No Name Ninja 投稿時間:2015-05-09 15:22:52

この質問は解決済みです

投稿者 : No Name Ninja
投稿時間:2015-05-11 22:44:13
提示のHTMLコードから考えると、

1)ブログの管理ページのログイン。
2)「デザイン」項目の「プラグイン」をクリック。
3)修正したい「フリーエリア」の「表示設定」をクリック。
4)「プラグインHTMLの変更」ボックスを見て下さい。

5)各リンクタグを、<div class="plugin_data">と</div>で括るように記述し直して下さい。
以下、参考記述例。



<div class="plugin_data">
<a href="http://・・・">楽天</a>
</div>

<div class="plugin_data">
<a href="http://・・・">Amazon</a>
</div>

<div class="plugin_data">
<a href="http://・・・">yahoo</a>
</div>



6)記述し終えたら、「変更」ボタンをクリック。
7)実際にブログへアクセスして表示確認をしてみましょう。

これで上手くいくと思いますが、どうでしょう?
質問者からのコメント 2015-05-11 23:02:57
上手くいきました。

ありがとうございました。
投稿者 : No Name Ninja
投稿時間:2015-05-09 22:50:06
カスタマイズについてアドバイスが欲しい場合は、使用中のテンプレート名を提示しましょう。テンプレートによってCSSの指定範囲が異なるので、テンプレート名の情報は必須です。

オリジナルのテンプレートの場合は、該当部分に適用しているCSSコードを提示ください。

プラグイン内の編集は、「フリーエリア」「リンク」それぞれどのように行っていますか?

どちらも、HTMLコードを記述するボックス内で編集していますか?
それとも、「リンク」の方は、「登録」作業だけで、直接HTMLコードを記述してはいない、という状況でしょうか?

恐らく、「リンク」の「登録」作業で、リンク項目を増やす場合、リンク1つずつボックスで囲むように自動的に記述されます。対して、「フリーエリア」の場合は、自分でリンクタグを記述しているはずですので、もちろん、「リンク」と同じボックスで囲むように記述はしていないと思います。なので、デザインに差が出るのだと思います。

「リンク」の方のHTMLコードを確認して、「フリーエリア」の方のリンクも同じようにボックスで囲むと、同じような行間になると思います。

※よく意味が分からない場合は、shopの方も「リンク」で作っては如何でしょうか? それでは満たされない何か条件があるのでしょうか?
質問者からのコメント 2015-05-10 04:55:38
オリジナルテンプレートです。

テンプレートは自分ではなく、詳しい人につくってもらいました。

リンク部分の「プラグインHTMLの変更」はこうなっています。

<!--plugin_link-->
<div class="plugin_data">
<a href="<!--$plugin_link_link-->" target="<!--$plugin_link_target-->"><!--if_link_img--> <img src="<!--$plugin_link_img_link-->" alt="<!--$plugin_link_title-->" /><br /><!--/if_link_img--><!--$plugin_link_title--></a>
</div>
<!--/plugin_link-->

こちらのタグたリンクにあたるのかとおもうのですが、
違っていたらごめんなさい。

「フリーエリア」「リンク」の編集ですが、

「フリーエリア」は、HTMLコードを記述するボックス内で編集しています。

「リンク」の方は、「登録」作業だけで、直接HTMLコードを記述してはいない、という状況です。

>「リンク」の方のHTMLコードを確認して、「フリーエリア」の方のリンクも同じようにボックスで囲むと、同じような行間になると思います。

ここでつまずいています。ボックスの囲み方がわからないのです。

>※よく意味が分からない場合は、shopの方も「リンク」で作っては如何でしょうか? それでは満たされない何か条件があるのでしょうか?

shopは、一例です。フリーエリアをこれからどんどん追加していく予定です。

リンクに貼れないのは、理由があって
アフィリエイトをやっていて、楽天をはりたいとおもっているのですが、

<a href="http://pt.afl

この<a herfの部分を削除してはいけないようなのです。

http://affiliate.rakuten.co.jp/guide/rule/

楽天ルールのようで、HTMLを改変するのは違反になるようです。

そのため、リンクの部分で生成できずにフリーエリアでつくろうとおもっています。