WordPressのボックス装飾アイデア
![](https://kazuzu-art.com/wp-content/uploads/2023/01/91FC4609-77A8-4A6C-B5D5-EDD693EDBF00-1024x51.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/01/A42C1FB0-BFE1-40FC-9CAC-A405D9F0E433.png)
WordPressのボックス装飾アイデア集
自分でデザインしたボックス装飾の展示コーナー!
CSSだけでなく画像を組み合わせたら面白いんじゃないかというチャレンジです。
![](https://kazuzu-art.com/wp-content/uploads/2023/01/E377DCB3-6671-44C7-A910-8AB1F5898F88-1024x51.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/01/912980B4-F592-4B92-8E91-FFF8E2F1720C.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/01/E9E422DD-DEBB-4AFE-97DF-BF9AF737A1CD-1024x51.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/01/006EB4E9-B37C-4B85-915A-DD4CB0210F2C.png)
上のやつと、このボックスはSFっぽいメカメカしいイメージで作りました。
透け感が気に入ってます。
上のやつが主にタイトル用で、これが本文用です。
PC/タブレットで表示した時とスマホの時とで枠のサイズが変わるレスポンシブ仕様。
![](https://kazuzu-art.com/wp-content/uploads/2023/01/DE2C53EC-17D1-47C3-87E8-97DAD90B30D4-1024x51.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/01/C5E346A8-C36A-48DD-81F1-E9207C61CA5D.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/02/0AAC858F-8B58-46F4-BDA4-AAF73AE8A390.png)
古びた紙風テキストボックスその1
宝の地図のようなイメージで作りました。
イタリックが似合うかなと思ってイタリックで書いてみてます。
![](https://kazuzu-art.com/wp-content/uploads/2023/02/53CEDB8D-59D9-4D9E-A549-CBEA093D212D.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/02/31CFC8F1-9691-49D8-A7B4-3D47009F2115.png)
古びた紙風テキストボックスその2
![](https://kazuzu-art.com/wp-content/uploads/2023/02/5EFC78BA-2D15-4175-AF0E-E44FF48F1011-1024x51.png)
こちらは焦げたイメージで、間に穴も入れてみました。
穴の画像はスペーサー代わりに使えますが、
今回みたいな短文にはちょっと不向きですね。
![](https://kazuzu-art.com/wp-content/uploads/2023/02/EDF3F115-E7E0-408B-ADA7-530BEC55B12D-1024x51.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/02/8FD75D9D-80C0-4A67-83D5-48A1FD50B59F-1024x102.png)
装飾は今後も増やしていくつもりです。
思いついたら追記します。
![](https://kazuzu-art.com/wp-content/uploads/2023/02/364085F0-41D4-4A84-A732-8B63A6FA88D3-1024x102.png)
![](https://kazuzu-art.com/wp-content/uploads/2023/02/5ACCF4C1-6F19-459E-8940-A9CACA85A705.png)