凍結
0 444 SOG02
小説機能や子ページにてしばしば利用を強要される独自タグ、#novel1_任意文字#、#top_任意文字#について質問です。

任意文字のところに▶の記号と半角スペースを利用したいのですが文字化けしてしまい表示されません。
▶のコード入力はタグが閉じてしまうため利用出来ませんでした。
何かいい方法はありますでしょうか?
08/03 10:07
返信
コメント投稿 検索
2 444 SOG02
>>1 お返事ありがとうございます。
仰る通りのリンク表示をしたく思っておりました。
やはり直接入力では記号は入らないのですね。
詳細のご提案ありがとうございます!
CSSなら可能とのことですのでCSSにて指定して表示させます。
わかりやすい説明にご提案ありがとうございます!
10/13 06:10
返信
1 しち SOV40
>>0 独自タグのリンク文字のところに▶の記号と半角スペースを使用したい
半角スペースだけなら、私が試した限りだと普通にリンクになったので問題なかったです。
なお『#top_半角 スペース#』で試してみました。

リンク文字の部分を、『▶_リンク文字』または『リンク文字_▶』(※『_』は半角スペースを表す)という感じにしたい、ということでよろしかったでしょうか?

『▶』は、CSSで入れるほかないと思います。
ついでに半角スペースもCSSで入れてしまってもよいかと。


#【デザイン編集】等、リンクを貼りたいところには、以下のように書く

<span class="sankakuLink">#top_トップへ戻る# #novel1_小説1# #novel1_小説1#</span>

********************
※『<span class="sankakuLink">』と『</span>』の間に書かれたリンクすべてに『▶』『半角スペース』が入ります。
 なので、例のように書けば、
> ▶ トップへ戻る ▶ 小説1 ▶ 小説1
 または
> トップへ戻る ▶ 小説1▶ 小説1 ▶
 となります。

※『▶』『半角スペース』の挿入位置と記載順序は、後述するCSSによって指定します。

※なお、#top_リンク文字#のような独自タグだけじゃなく、『<a href="URL">リンク文字</a>』で書いたリンクも対象となるので、
> <span class="sankakuLink">#top_トップへ戻る# <a href="URL">リンク文字</a></span>
という書き方でも両方のリンクに『▶』『半角スペース』が付きます。
********************

#【CSS編集】に、以下を入れる(※記号類を挿入したい位置に応じて、どちらか一方を記入すること)
###『▶_リンク文字』の場合↓###

.sankakuLink a::before{
content:"\025b6\00A0"; /* 三角+改行禁止の半角スペース */
}

###『リンク文字_▶』の場合↓###

.sankakuLink a::after{
content:"\00A0\025b6"; /* 改行禁止の半角スペース+三角 */
}

********************
※『\025b6=▶』、『\00A0=改行禁止の半角スペース』です。
▼参考
CSS - contentで記号(特殊文字)を表示する方法。コード表やシミュレーター有り(疑似要素:beforeや:afterにて)|及川WEB室


※CSSの違いは、記号類をリンクの前(before)に入れるか後ろ(after)に入れるかという部分と、記号の並び順です。
********************

「▶の入れたいところそこじゃない」って感じでしたらすみませんです。
そのときは改めて具体的に例示くださいませ!

それと、表示がうまくいかないようであればそれは「CSSのほかの箇所が影響しているせい」である確率が高いので、その場合はCSS全体を確認してみないと原因解明は難しいこと、ご留意ください。
08/05 10:12
返信