WordPress динамик вэб сайт

WordPress нь аюулгүй байдал талаасаа байнга шинэчлэгддэг, хэрэглэхэд хялбар агуулга удирдах систем (Content Management System, CMS ) юм.

Алхам 1: Суурь бэлтгэл (Hosting & Theme)

Динамик сайт нь энгийн сайтыг бодвол серверээс илүү нөөц шаарддаг тул сайн хостинг хэрэгтэй.

1. Домэйн ба Хостинг:
   • Хурдтай хостинг сонгох (SiteGround, Hostinger эсвэл Монголын Datacom/Gogo).
   • WordPress суулгах.
2. Theme (Загвар) сонгох:
   • Хүнд, олон эффекттэй бэлэн загвар бүү сонго. “Хөнгөн” бөгөөд “Page Builder”-тэй сайн ажилладаг загвар хэрэгтэй.
   • Санал болгох: Hello Elementor, Astra, эсвэл GeneratePress.

Алхам 2: Шаардлагатай Plugin-уудыг суулгах

Динамик сайтын “Тархи” болох хэрэгслүүдээ суулгана.

1. Page Builder (Сайт бүтээгч):
   • Elementor Pro: (Хамгийн түгээмэл, сурахад хялбар).
   • Эсвэл Bricks Builder: (Хурдан, хөгжүүлэгчдэд зориулсан).
2. Dynamic Content Engine (Динамик өгөгдлийн хэрэгсэл):
   • ACF (Advanced Custom Fields): Хамгийн чухал нь. Энэ нь танд стандарт “Post”-оос гадна нэмэлт мэдээллийн талбарууд үүсгэх боломж олгоно.
   • CPT UI (Custom Post Type UI): Шинэ төрлийн нийтлэл үүсгэхэд (Жишээ нь: “Мэдээ”-нээс гадна “Байр”, “Багш”, “Төсөл” гэх мэт цэс үүсгэх).

Алхам 3: Өгөгдлийн бүтэц үүсгэх (Back-end Logic)

Энэ бол динамик сайтын хамгийн гол хэсэг. Бид WordPress-т “Энэ бол зүгээр нэг нийтлэл биш, энэ бол Байрны зарын хэсэг” гэдгийг ойлгуулна.

1. Custom Post Type (CPT) үүсгэх:
   • CPT UI плагин руу ороод Properties (Үл хөдлөх) эсвэл Services гэсэн шинэ Post Type үүсгэнэ.
2. Custom Fields (ACF) үүсгэх:
   • Тухайн CPT-д тохирох нарийн мэдээллүүдийг оруулна.
   • Жишээ нь (Байрны зард): “Үнэ” (Number field), “Өрөөний тоо” (Select field), “Байршил” (Google Map), “Зураг” (Gallery field).
3. Мэдээлэл оруулах:
   • WordPress админ цэсэнд шинээр үүссэн “Properties” хэсэг рүү орж, туршилтын 3-4 зар оруулж хадгална. (Одоохондоо сайтад харагдахгүй, зөвхөн баазад хадгалагдана).

Алхам 4: Дизайн ба Өгөгдлийг холбох (Front-end)

Одоо оруулсан мэдээллээ хэрэглэгчдэд харуулах загварыг угсарна. Энд бид нэг бүрчлэн хуудас хийхгүй, Template (Загвар) ашиглана.

1. Single Post Template (Нэгж хуудасны загвар):
   • Elementor Pro > Theme Builder > Single Post руу орно.
   • Шинэ загвар үүсгээд, “Dynamic Tags” ашиглана.
   • Жишээ: “Гарчиг” виджет чирээд, утгыг нь гараар бичихгүй, Dynamic Tag > Post Title гэж сонгоно.
   • “Үнэ” хэсэгт Text Editor чирээд Dynamic Tag > ACF Field > Price гэж сонгоно.
   • Ингэснээр та 1000 зар оруулсан ч ганцхан энэ загвараар бүгд автоматаар харагдана.
2. Archive Template (Жагсаалтын хуудас):
   • Бүх зарыг жагсааж харуулах хуудас (Loop Grid).
   • Elementor Pro > Theme Builder > Archive руу орно.
   • “Posts” эсвэл “Loop Grid” виджет ашиглан саяны үүсгэсэн CPT-ээ сонгож харуулна.

Алхам 5: Шүүлтүүр ба Хайлт (Filtering)

Динамик сайтын гол давуу тал нь хэрэглэгч хүссэн мэдээллээ шүүж олох юм.

1. Filter Plugin ашиглах:
   • JetSmartFilters (Crocoblock) эсвэл WP Grid Builder ашиглана.
   • ACF-ээр үүсгэсэн талбаруудаар (Үнээр нь, Байршлаар нь г.м) шүүлтүүр үүсгээд Archive хуудсандаа байршуулна.

---

Хураангуй (Checklist):

1. [ ] WordPress суулгах.
2. [ ] ACF болон CPT UI суулгах.
3. [ ] Шинэ Post Type (Жишээ нь: Properties) үүсгэх.
4. [ ] Тухайн Post Type-д зориулсан талбарууд (Fields) үүсгэх.
5. [ ] Туршилтын өгөгдөл оруулах.
6. [ ] Elementor Pro ашиглан “Single Template” (Дэлгэрэнгүй хуудас) угсрах.
7. [ ] Elementor Pro ашиглан “Archive Template” (Жагсаалт) угсрах.