ブログで、ほかの人があまり使っていないおしゃれな囲み枠を使いたいと思ったことはありませんか?


アメブロには、CSSが編集できる「CSS編集用デザイン」があります。


私も使っていますが、でも、実は、
CSSはよくわからない…
HTMLなら何とかなるけど…


いろいろ調べてがんばれば、CSSの編集もできなくはないのですが、できればCSSは触りたくないのですアセアセ


そんな時に、私が便利に使っている方法があります。


 




それは、ChatGPTに頼んじゃう方法です

shokopon



  1. 「CSS 囲み枠 おしゃれ」などと検索して、無料で公開されている囲み枠を探す。
  2. 紹介されているコードをコピーして、ChatGPTに次のようにお願いする。


以下のコードを、htmlタグに直接スタイルを指定して書き直してください。

【HTML】
コピーしたHTMLコード

【CSS】
コピーしたCSSコード




そうすると、あっという間に、ChatGPTがこんなふうにコードを書いてくれますよ

shokopon



 




アメブロで使う時は


  1. ChatGPTが書いてくれたコードをコピーする。
  2. アメブロの記事を書くときに、HTML表示にする。
  3. コピーしたコードを貼り付け、見出しや文章を入れて使う。

上で使ったオレンジ色の囲み枠も、そのようにして作りましたキラキラ


 




ただ、ちょっと注意点もあります。


  • 複雑な囲み枠だとHTMLだけでは表現しきれないことがあります。
  • 他では大丈夫でも、アメブロではうまくいかない時もあるようです。

ブログにちょっと変化をつけたいとき、お試しくださいウインク




〈関連記事〉

クローバーテーマ「テーマ:パソコン作業効率アップの便利技」の記事