🎉 سال نو، مهارت نو، مشاوره رایگان نقشه راه برنامه نویسی (آفر ویژه ثبت نام قبل از افزایش قیمت 🔥)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ رضا جلیلی
راهنمایی برای استفاده از تیلوند
جامعه وردپرس (برنامه نویسی) ایجاد شده در ۱۰ آبان ۱۴۰۲

با سلام و احترام من قالبی دارم با تیلوند کار کردم و میخوام به وردپرس تبدیل کنم به مشکل خوردم و کلاس معرفی شده فقط برای بوت استرپ هست. در صورت امکان راهنمایی فرمایید

برای استفاده از تلویند شما سه تا فایل نیاز دارین

package.json

tailwind.config.js

و یک ورودی برای خود تلویند

برای ساخت دوتای اولی پنجره ترمینال رو باز کنید و به ترتیب خط‌های زیر رو بنویسید

echo {} > ./package.json
npm install tailwindcss --save-dev
npx tailwindcss init

حالا تو فایل tailwind.config.js باید با چنین کدی روبرو بشین اگر نشدین خودتون بنویسید

module.exports = {
  content: ["./**/*.php"],
  theme: {
    extend: {},
  },
  plugins: [],
}

حالا نوبت به سومین فایل میرسه که شما باید یک فایل با پسوند css بنویسید که میخواید کد‌های تلویند رو اونجا بنویسیدش مثلا tailwind.css حالا داخلش کد هاتون رو مینویسید بطور مثال 

@tailwind base;
@tailwind components;
@tailwind utilities;

حالا برای generate شدن کد‌های تیلویند به css باید تو ترمینال دستور زیر رو بنویسید

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

 

با تشکر

 

ابوالفضل محجوب ۱۲ آبان ۱۴۰۲، ۰۳:۵۰