![見出し画像](https://assets.st-note.com/production/uploads/images/103820802/rectangle_large_type_2_e63c62f5ce8b4d5302342ba65ef5a733.png?width=1200)
[Shopify]prism.js使ってブログ記事にコード埋め込み(Dawn)88/100
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。
EC運営する上では全然関係ない機能ですが、個人的にブログ記事にコードエディタ埋め込んでコード書けるのか試してみたくて、prismのライブラリ使えるのか試してみました♪
対象テーマ:Dawn
✔️今日のゴール
![](https://assets.st-note.com/img/1682311852294-jtJEbLZSyu.png?width=1200)
コードの紹介記事で使用しました♪
![](https://assets.st-note.com/img/1682311859114-xmCMRJ18l2.png?width=1200)
【ご注意】
※返金&サポートはしておりません。
※最新のDawnテーマ対象です。
※コードのみのご紹介で解説などはしておりません。
※2023.4.24時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。
✔️設定手順
Step1 Theme.liquidファイルにCDNを埋め込む
1)管理画面>テーマ>コード編集>theme.liquidを開く
2)</header>の直前に下記のcdnを貼り付け
ここから先は
2,096字
/
4画像
この記事のみ
¥
800
期間限定!Amazon Payで支払うと抽選で
Amazonギフトカード5,000円分が当たる
Amazonギフトカード5,000円分が当たる
この記事が気に入ったらチップで応援してみませんか?