デザイン– tag –
-
[WordPress] でAOS.js スクロールアニメーション(プラグインなし)
プラグイン無しで、ブロックエディタで簡単に使用出来る様にしました。 -
[WordPress] SWELL「カスタム書式」の使用例
このサイトで使用している人気のWordPressテーマ「SWELL」のカスタム書式はお使いですか?とても便利なので、ぜひ活用して頂きたい機能です。基本的な設定方法とコピペ... -
[WordPress] Arkhe カスタマイズノート
WordPressのテーマ Arkhe(アルケー)をカスタマイズする際に役立つかもしれない情報です。Arkheに関わらずWordPressのテーマ全般の情報ですが、「何が付いていないか」... -
[WordPress] カスタマイズしやすい国産テーマ Arkheを使ってみた
無料のテーマ Arkhe(アルケー)を触ってみました。 WordPressテーマ「SWELL」 のリョウさんが手がけたテーマです。SWELLはブログで使用する事を前提に作られていて、コ... -
[WordPress] Arkhe ブロックパターンライブラリの使い方
Arkhe専用のブロックパターンライブラリが公開されました。コピペするだけなので、とっても便利です。CSSコードブロックが付いているので、カスタマイズが出来ます。素... -
[Figma] 文字の見栄えを調整する。カーニング(文字間隔)の方法
イラレとは違う、Figmaで全体を美しく見せる文字組の設定方法 -
[CSS] 背景を斜めにカット (レスポンシブ)
背景色や画像を斜めに切り貼りした感じの企業のキャンペーンページなどでよく見かけるアレです。ちょっとカッコよく、動きがある感じのランディングページにする事が出... -
[WordPress] ブロックエディターでパララックスを実装する方法
サイトの見た目がちょっとカッコイイ感じになるパララックス(Parallax)を実装するには、jsを使ったり結構手間がかかります。簡易版で良ければブロックエディタで手軽... -
Font Awesomeアイコンの使い方と応用
Font Awesome の導入方法が変わっていました。Kitsが導入されました。無料版では1サイトのみで、ページビューの制限もあります。1サイト以上、無料で使いたい場合はダウ... -
[CSS] 要素の幅を超えて横幅いっぱいにする方法
親要素の中の要素は横100%にしても親のサイズを超えられないので、画面の横いっぱい広げるには、親から出したり大変でした。CSSをちょっと追記するだけで横いっぱいにす...