? 15 ? ?? WordPress ? ???? ??? ??? ???, ?? ??? ??????, ??? ?? ???? ??? ?????? ? ? ??? ??? ?????.

Tailwind? ???? ???? ? Github?? WordPress?? Tailwind? ???? ??? ???? ?? ??? ?? ?????????. ? ???? 2019 ? ?? ?????? ?????. ??? ???? ??? WordPress ?????? Tailwind? ???? ???? ????. Tailwind? ??? ???? ?? ??? WordPress? ? ???? ?? ??? ???? ?? ? ???? ? ?? ?? ?? ?????.

? ??? ?? ?? ??? ?? ?? ???? ??????? ?????? ?? ??? Tailwind ? WordPress? ????? ???????. ? ???? ?? ? ?? ???? ??? ??? ?? ??? ????? ??? WordPress ??? ?? ? ? ????.

WordPress ???? Tailwind? ????? ??

??? ?? ???? ?? Tailwind? ?? ??? WordPress ???? ???? ?? ?? ? ??? ????.

Tailwind? ???? ?? ???? ???? ???? HTML ??? ???? ? ? ???? ? ???? ??? ?? ?? CSS? ?? ??? ??? ????. ( hidden for display: hidden ?? uppercase for text-transform: uppercase ? ?? ???? ?? ??????.) ??? Bootstrap ? Foundation? ?? ??? ??? ??? ?? Tailwind CSS?? ?? ??? ?? ? ???? CSS? ? ???? ??? ??? CSS? ??? ?? ? ?????. ??? ??? ???? ??? ?? ??? ?? ???? ????? ??? ??? ? ? ???? ?????.

?? ?? ?? CSS ??? ??? ?? ?? CDN?? ?? ?? CSS??????? "??"??? ?? ? ? ????. ?? ? CSS ??? ?? ? ?? ???? ???? ?? ?? ????. Tailwind? "Play CDN"? ????? Tailwind? ?? ??? ?? ??? ??? ?? ????? ???? ????. (??? ?? ??? ???? ????? ??? ????? ?? ????? ???? ?? Tailwind? ???? ??? ?? ?????.)

?? ???? Tailwind? ?? ????? ???? ????? ??? ??? ?? ???? ???? ?? ??? ??????? Tailwind? ?? ???? ???? ???? ???,? ????? WordPress ????? ???? ??? ??? ?? ??? ???? ???? ?? ?? ?????.

?????, Tailwind? ???? ?? ???? (CSS ??? ??)? WordPress? ?? ??? ?? ??? ??? ??? ??? ?? ??? ?????.

?? WordPress?? Tailwind? ??? ? ????? ?? ?????.

Tailwind? WordPress? ??? ?? ?????

?? ??? ???? Tailwind? ? ???? ???? ??? ???? ?? CS? ???????.

?? ??, WordPress ????? ???? ??? ?? CSS? ?? ???? ?? Tailwind? Preflight? ?? ??? ?? ?????. ????? WordPress Admin ?? (??? ??)? ???? ???? ?? ?? ??? ???? ?? ? ? ????.

? ? ?? ??? ???? ? ?? ??? ????. ?? ???? ? ?? ???? ???? ??????? PostCS? ???? ?? ???? ?? ????? ?? ? ? ????. ?? ???, ??? ?? ??? ?? ??????.

??? ??? ???? ?? Tailwind? ?? ??? ? ????. ?? ??? ???? ?? ???? ???? ??? ?? ??? ????? ?????, ??? ?? ??? ???? ?? Tailwind? ?? ? ???? ?? ??? ?? ?? ????? ???? ?????.

Tammie Lister? ??? ??? ??? ?“Gutenberg ??? ?? ???? ?? ? ??? ????. ??? ?? ????? ??? ??? ??? Tailwind? ?? ????? ??? ?? ?? ????? ? ????.

??? : ??? ???? Tailwind? ???? ???? ??? ???? ???? ???? ????. ???? ???? ???? WordPress ????? ??????

??? ?? ??? ? ? ????! ???? ???? ?? ???? ???? ??? ? ??? ?? ???? ? ????? ??? ? ????. ???? ?? ?? ?? ?? ???? ???? ??? ?? ????. Tailwind? ?? ???? ?? ? ???? ???? ???? ??? ???? ???? ??? ?? ?? ???? ???? ???? ?? ???? ???? ???? ?? ??????.

? ??? ???? ??? ?? ??? ????. Tailwind ?? ??? ??? ??? ??? ? ????. ?? ???? ?? ???? ????? ??? ?? ?? ??? ??? ?? ? ? ????.

??? ??? ?? ???? ?? ??? ??? ? ??? ? ?? ???, ??? ??? ??Tailwind? WordPress? ??? ?? ?? ?? ?? ????.

Tailwind CSS ?? ???? ?? WordPress ??

??? ?? WordPress ???? ???????. ?? ??? ? ?????.

• Style.css
• index.php

??? Tailwind? ???? Style.css? ?????. index.php? ?? ??? ??? ???????.

  php
/**
 * ?? ??? ??.
 *
 * ??? WordPress ???? ?? ???? ??? ?????.
 * ??? ??? ? ?? ? ?? (?? ??? Style.css).
 * ? ???? ??? ?? ? ? ???? ???? ? ?????.
 * ? : Home.php ??? ??? ????? ?????.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @Package WordPress
 * @subpackage twenty_twenty_one
 * @Since ?? ?? 1.0
 */

get_header ();
?>

<main id="site-content" role="main">

     php
    if (way_posts ()) {

        while (hade_posts ()) {
            the_post ();

            get_template_part ( 'Template-Parts/Content', get_post_type ());

        }

    } ? ?? {

        get_template_part ( 'Template-Parts/Content', 'none');

    }
    ?>

</main>

 php get_footer ();

WordPress ????? ? ?? ?? ???, ?? ??? Pagination, Post Thumbnails, Stylesheets ?? ?? ???? ?? ??? ???? ?? ?? ?? ????. ??? ???? ???? Tailwind? ???? ????? ?????? ?????.

Tailwind? ???? ? ?? ??? ?????.

• package.json
• Tailwind.config.js
• ?? ??? ?? ??

???? ?? NPM? ?????. ??? ??? ???? ? ???? ?? ??, ??? NPM? ?????? ???? ????. ??? ????? ?? ????!

?? package.json ??? ???? ????? ?? ??? ???? index.php? ??? ??? ? JSON ??? ????.

 echo {}> ./package.json

? ??? ???? Tailwind? ??? ? ????.

 NPM Tailwindcss-Save-Dev ??

?? ?? ?? ??? ?????.

 NPX Tailwindcss init

Tailwind.config.js ????? PHP ???? ???? ???? ???? ?? Tailwind? ??????.

 module.exports = {
  ?? : [ "./**/* .php"],
  ??: {
    ????: {},
  },
  ???? : [],
}

??? ???? ???? ?? ??? ??? "! **/vendor/**"? ?? ?? ???? ?? ?? ????? ????????. ??? ?? PHP ??? ??? ???? ?? ??? ?????!

??? ???? ?? ??? ??? ??? ? ????. Tailwind.css?? ??? ??? ??? ???????.

 /*!
?? ?? : WordPress Tailwind
*/

@tailwind???;
@tailwind ?? ??;
@tailwind ????;

WordPress? ??? ???? ? ?????.

?? ??! ?? ?? ??? ??? ? ????.

 npx tailwindcss -i ./tailwind.css -o ./style.css--watch

??? Tailwind CLI? Tailwind.css? ?? ??? ???? Style.css ??? ????? ?????. -?? ???? ???? ???? ?? PHP ???? ???? ???? ????? ?? ? ? Style.css ??? ????? ? ?????.

?? ?? ?? WordPress ???? ????? ???? ??? ???? ?? ?? ?? ????. ???? ?? ??? ?? ? ?? ??? ?? ?? ? ???.

?? ??? Tailwindcs? ??????

?? ?? CSS??? ?? ??? Tailwind CSS? ????? ? ?? ??? ????.

• ?? ?? ?? ??? ???? ??? ???? ??
• ???? CS?? ?? ???? ??? ??????

??? Tailwind? 21 ? 11 ? (WordPress? ?? ??)? ???? ??? ?? ? ????. (22 ?? 22 ?? ?? ??? ?????? ?? WordPress ?? ??? ? ??? ??? ????? ?????? Tailwind ??? ???? ????.)

??, ?? ??? ??? ???? ?? ?? ?????? ???????. ?? ?? ?? ?? ? ??????.

• ???? ?? ??? ??????.
• 210 ?? ?? ?? package.json ??? ??? ???? ? ??? ??? ??? Tailwind? ??? ? ????.

 NPM Tailwindcss-Save-Dev ??

• Tailwind.config.json ?? ?? :

 NPX Tailwindcss init

• Tailwind.config.json ??? ?? ????? ??? ??? ????????.
• 21 ?? ?? Style.css ??? Tailwind.css? ??????.

?? Tailwind.css ??? 3 ?? @tailwind ???? ???????. Tailwind.css ??? ??? ?? ???? ?? ????.

 /* WordPress ?? ?? ??? ??? ????. */

@tailwind???;

/* ?? ?? CSS? ??? ????. */

@tailwind ?? ??;
@tailwind ????;

?? ?? ??? ???? ?? ??? WordPress? ??? ?? ???? Tailwind CSS ???? ??? ?? ??? ????????.

??? ?? CSS? ?? ??? ?? ???? ??? ???? ????? ?????.

?????, ?? ?? ? ???? ???? ?? ?????? ??? ???? ?? CSS ???? ?? ? ? ????.

?? ???? ??? ????? ?? ??? ?????.

 npx tailwindcss -i ./tailwind.css -o ./style.css--watch

?? PHP ??? ??? ??? ??? Style.css ??? ??????? ?? ? ??? ?? ?? ?? ??? ??? ??? ???????. ??? Tailwind? CSS ????? ?? ???? ?? ??? ???? ??? ?? ? ?????. 21 ?? 21 ?? ??, ?? ?? ??? ??? ??? ?? ??? ???? ????.

??? ??? ?? ? ? Tailwind UI (Tailwind? First-Party ?? ?? ?????)?? ?? ?? ?? ??? ???????. Tailwind UI ? ????? ??? ???? Header.php? "Content to Content"?? ?? ?? ????.

?? ??! ?? ???? ???? ???? ??? ?? ? ??? ? ?? ??? ???? ?? ?? ??? Tailwind.config.js ??? ?? ?????.

 module.exports = {
  ?? : ??,
  ?? : [ "./**/* .php"],
  ??: {
    ????: {},
  },
  ???? : [],
}

??? ?? Tailwind CSS ????? ??? ??? ???? ?? ???? ? ?? ????? ??? ? ??? ?????. (?? ?? ???? True? ???? ??? ? ???? ?? CSS?? Tailwind? ???? ?? ?? ?????.)

? ?? ?? ??? ?? ? underline ???? ???? BG Transparent ? Border-0? ?? ??? ?????? ??? ????.

Tailwind UI? ?? ??? WordPress ?? ??? ???? ?? ?? ?? ?? ??? ??? ???? ??? Tailwind ?? ??? ?? ? ?? ?? ? ?????.

???? ??????

Tailwind? ???? ??? ??? ??? ????? ?? ?? ?? ?? ?????. Tailwind CLI? ?? ??? ?? ???? ?? ?? ? ?? ?? ? ??? ????? ??? NPM ????? ?? ? ????. WordPress ?????? ??? ??? ?? ? ????.

?? ?? ?? ?? ??? ???? ?? ??? ? ??? ???? ???? ???? ?? ???? ?? WordPress ?? ???? ?? (_S)?? ??? ?? ?? ?? ??? ? WordPress ?? ???? ??????. _tw?? ??? ??? WordPress? ?? Tailwind? ?? ???? ? ?? ??? ?? ?????. ??? ??? ???? ?? ????? ? ?? ?????.

???? WordPress ??? ???? ? ??? ??? Laravel ???? ???? ????? ?? Sage? ??? ???? Tailwind? ???? ? ????? ?? ???? ????.

?? ??? ???? Tailwind CSS? ???? ???? ???? ???? HTML ??? ?????? ?? ??? ??? ?? ????. ???? ?????? ??? ? ???, ??? ??? ???? ??? ? ?? ? ???? ???? ??? ? ?? ??? ??? ?? ????.

? ??? ??? ?? WordPress ??? Tailwind CSS ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!