お問い合わせ返信:Twemojiの使用方法



2023-11-03 10:43:04
Ver.1.10よりTemplateを改変せず使用可能になりました。
[設定]-[記事の固定フッターHTML]に下記コードを記入します。

<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
<script>twemoji.parse(document.body);</script>


絵文字のサイズ調整は[設定]-[デザイン編集]から下記を追記します。
img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}


(下記はVer.1.9以前の使用方法です)
Twemojiを利用されたい場合に編集すべきテンプレートは下記のものになります。
template_index.php (トップページ)
template_index_article.php (固定ページ)
template_view.php (各記事ページ)
template_list.php (タグ等の検索結果ページ)

各テンプレートの </head> の前あたりに
<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>行を追加します。
あわせて、</body>直前に
<script>twemoji.parse(document.body);</script>を追加します。

絵文字のサイズ調整は[設定]-[デザイン編集]から下記を追記します。

img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}


デザイン編集の結果はVer.1.9.0以前のテンプレートの場合キャッシュが効いてしまうのでtemplateに下記改修を行ってください。
<link rel="stylesheet" href="../env/user.css">の表記を
&rt;link rel="stylesheet" href="../env/user.css?%{$setting['css_update']}">に修正してください。

いいね!