ブックマーク / www.webdesignleaves.com (2)

  • SASS (scss) の基本的な使い方

    Dart Sass (scss) の基的な使い方 Sass の公式サイトの Dart Sass のドキュメントを元に作成した基的な使い方に関する覚書です。 公式に推奨されている実装環境が Dart Sass になって、@import や除算演算子としてのスラッシュの使用が非推奨(将来的には廃止)になり、@use や @forward が導入され、Sass 関数からビルトインモジュールへ移行されるなどの変更(Breaking Changes)があったため内容を書き換えました。 2021年12月21日 Dart Sass (scss) の基的な使い方 Sass は Syntactically Awesome Style Sheets (構文的に素晴らしいスタイルシート) の略で、CSS を便利に使えるように拡張した言語です。 Sass には SCSS 構文とインデント構文(Sass 構文

  • WordPress JSX を使った Gutenberg ブロックの作り方

    WordPress JSX を使った Gutenberg ブロックの作り方 WordPress のブロックエディタ Gutenberg で JSX を使って独自のブロックを作成する方法について。 JSX を使用するための環境構築は @wordpress/scripts(wp-scripts)を使っています。基的なブロックの作成方法、JSX の基的な使い方、WordPress のコンポーネントの使い方、webpack.config.js を使った環境のカスタマイズ(複数のエントリーポイントの設定方法)などについての覚書です。 以下は(旧)ブロックの作成 チュートリアル(削除予定)などの古い情報を参考にしているため部分的に古い情報になっています。 以下はすでに Node.js がインストールされていて、WordPress のローカル環境が設定済みであることを前提にしています。また、コマンド

    norip44
    norip44 2022/07/08
    カスタムブロックの作り方
  • 1