こんにちは。Shopify構築初心者です。
現在LPを作っているのですが、リッチテキストをいくつか挿入しており、
その1つの中の単語を赤字にしたいと思っています。
コード編集など色々調べているのですが、解決策が見当たらず…
基本的な内容かもしれませんが、解決策ご提示いただけると幸いです。
宜しくお願い致します。
AI-generated summary
Shopifyで作成中のLPにあるリッチテキスト内で、特定の単語だけを赤字にしたいという相談です。管理画面のエディタ上で簡単に一部分だけ装飾できる方法が見つからず、質問が出ています。
回答では、エディタに直接反映させるのは難しい可能性があるとされています。その代わり、装飾対象の文言が固定でよければ、テーマのindex.liquidなどにJavaScriptを追加し、該当要素のテキストを書き換えて表示時に装飾する方法が提案されています。
補足された注意点は以下です。
- 表示時に動的に変更するため、最初は通常表示され、その後に装飾済み表示へ切り替わる可能性がある
- 文言が固定である場合に向く
- エディタ上で自然に一部文字装飾できる根本解決までは示されていない
現時点では暫定的な実装案が出た段階で、完全な解決には至っていません。
エディタに反映するのは難しいかもですが、決め打ち固定で装飾するのであれば、テーマのindex.liquidあたりに、該当のテキストが挿入されているエレメントを取得してテキストを書き換えるJSを挿入すれば可能だと思います。画面表示の時に動的に変えるので、一瞬そのまま表示されて、そのあと装飾されたものに変わる挙動になりますが。