Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 قالب آموزشی وردپرس حرفه‌ای با Tailwind CSS و HTMX

WordPress Logo

این پروژه یک قالب آموزشی وردپرس حرفه‌ای است که با هدف آموزش توسعه قالب به دانشجویان طراحی شده است. قالب شامل بهترین روش‌ها و استانداردهای وردپرس، CSS با Tailwind CLI است


🎯 ویژگی‌های قالب

  • Fully Responsive: طراحی واکنش‌گرا با Tailwind CSS
  • Header & Footer حرفه‌ای: منوی دسکتاپ و موبایل با زیرمنوهای dropdown
  • Custom Post Type: پست تایپ نمونه کار (Portfolio) همراه با دسته‌بندی و آرشیو
  • Single Post & Archive: صفحات سینگل و آرشیو حرفه‌ای
  • Search Page: نتایج جستجو با طراحی شیک
  • SEO Basics: متا تگ‌های اولیه و ساختار استاندارد
  • Theme Support: شامل title-tag, post-thumbnails, custom-logo, html5
  • Widgets & Sidebar: ناحیه ابزارک قابل استفاده و آموزش ایجاد Widget
  • Tailwind CLI: CSS به صورت minified و آماده استفاده
  • Clean & Modular Code: فایل‌ها جدا و قابل فهم برای آموزش دانشجویان

🛠️ نصب و راه‌اندازی

  1. کپی قالب: پوشه قالب را داخل wp-content/themes/ قرار دهید.
  2. فعال کردن قالب: از طریق پنل وردپرس قالب را فعال کنید.
  3. اجرای دستور build برای ساخت فایل tailwind
  4. منوها: منوی اصلی را در بخش Appearance → Menus ایجاد و به محل Primary اختصاص دهید.
  5. نمونه کارها: CPT Portfolio به صورت خودکار ثبت می‌شود.

📂 ساختار پروژه

mytheme/
├─ inc/
│  └─ portfolio-posttype.php       # تعریف پست تایپ نمونه کار
├─ dist/                           # CSS و JS خروجی Tailwind CLI
├─ template-parts/                 # بخش‌های قابل reuse قالب
├─ 404.php
├─ archive.php
├─ archive-posttype.php
├─ footer.php
├─ functions.php
├─ header.php
├─ home.php
├─ index.php
├─ page.php
├─ search.php
├─ single-post.php
└─ README.md

⚡ نکات آموزشی برای دانشجوها

  • تمرین ایجاد Custom Post Type و Taxonomy
  • تمرین Load More و Live Search بدون رفرش کامل
  • استفاده از Tailwind CLI برای طراحی شیک
  • تمرین افزودن Meta Tags و SEO Basics
  • ایجاد Widget و Sidebar و یادگیری enqueue اسکریپت‌ها

💻 تکنولوژی‌های استفاده شده

  • WordPress 6.x
  • Tailwind CSS CLI
  • Alpine.js (برای منوی موبایل و dropdown)
  • PHP 8.x و استانداردهای PSR-4
  • HTML5 و BEM برای کلاس‌ها

📖 مستندات

برای یادگیری کامل:


📝 مجوز

این پروژه تحت مجوز MIT است و می‌توانید آزادانه استفاده و تغییر دهید.


💡 این قالب به گونه‌ای طراحی شده که دانشجوها بتوانند از صفر تا صد قالب‌سازی وردپرس را تمرین کنند و تجربه عملی کسب کنند.

About

نمونه یک قالب وردپرسی ساده با tailwind

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages