Хуудас бүтээгч гэж юу вэ, фронт-энд яагаад чухал вэ

Нийтэлсэн

–

What-is-a-Page-Builder-and-Why-Front-End-MattersХэрэв та хааяа нэг зураг хавсаргасан бүрэн хэмжээний нийтлэл бичихэд л бүхий л контент бүтээх ажил тань чиглэдэг жинхэнэ блогч бол одоогийн TinyMCE контент засварлагч нь таны хэрэгцээнд хангалттай байж магадгүй юм. Одоогийн хэрэгслийн багц нь нийтлэл бичихэд шаардлагатай хэрэгслүүдийг аль хэдийн агуулсан бөгөөд тод, налуу, гарчиг гэх мэт текстийг форматлах үндсэн хэрэгслүүд танд бий. Гэвч энэ нь ердөө л энэ юм.

Ашиглахад хялбар бүтэц зохион байгуулах боломж байхгүй

Та одоогийн TinyMCE контент засварлагчаар нийтлэл бичиж болох ч текстийг нэг урсгал баганаас өөрөөр байршуулах зохистой арга байхгүй. Анхны тохиргоогоороо та текстээ хоёр буюу түүнээс дээш баганад хуваах боломжгүй бөгөөд өөр дэвсгэр өнгөөр тусгаарласан контентын хэсгүүдийг ч үүсгэж чадахгүй. Хэрэв та өөрийн вэбсайтын буух хуудас (landing page), холбоо барих хуудас зэрэг бусад хэсгүүдийг өвөрмөц болгохыг хүсвэл бүтэц зохион байгуулалтын үндсэн боломжууд зайлшгүй хэрэгтэй болно.

Бусад хүмүүс WordPress-ийн богино код (shortcode) боломжийг ашиглан энэ асуудлыг шийдэх гэж оролдсон. Товчхондоо, богино кодууд нь тусгай шошго ашиглан кодын хэсгүүдийг оруулах боломжийг олгодог. Баганатай контент үүсгэхэд ашиглаж болох янз бүрийн богино кодуудыг санал болгодог WordPress залгаасууд байдаг. Жишээлбэл, хэрэв та контентоо хоёр баганатай байдлаар байрлуулахыг хүсвэл олон баганын шошгоор хүрээлүүлж болно. Хэдийгээр энэ арга нь “ажилладаг” ч харагдах байдлын хувьд тийм ч таатай биш, учир нь илүү их контент нэмэх тусам бүх зүйл эцэстээ асар том замбараагүй овоолго шиг харагдах болно.

Бүтэц зохион байгуулалтын энэхүү орон зайг нөхөхийн тулд хуудас бүтээгчид (page builders) бий болсон.

Page building blocks

Хуудас бүтээгчид нь бүтэц зохион байгуулалттай контент үүсгэхэд хялбар болгодог

Хуудас бүтээгчид нь контентоо өвөрмөц бүтэцтэйгээр зохион байгуулахад туслах нэмэлт хэрэгслүүдийг өгдөг. Хуудас бүтээгчид ихэвчлэн арын хэсгийн (back end) TinyMCE контент засварлагчийг халж, контентоо нүдээр төсөөлөхөд тань туслах шинэ засварлагчаар сольдог (эсвэл нэмдэг). Хэрэв та өмнө нь арын хэсгийн хуудас бүтээгч ашиглаж байгаагүй бол зураг, текст эсвэл богино код зэрэг контентын төрлийг төлөөлөх блокуудын багц байна гэж төсөөлөөд үзээрэй. Энэ нь танд тэдгээрийг өөр өөр бүтэц зохион байгуулалт болон баганууд руу чирж буулгах боломжийг олгоно.

Хуудас бүтээгчид нь бүтэц зохион байгуулалтаас гадна богино код үүсгэх, байршуулах ажлыг илүү хялбар болгодог. Өмнө нь та богино кодыг анхны түүхий хэлбэрээр нь харах боломжтой байсан. Та дөрвөлжин хаалт болон бүх шинж чанар, утгууд контенттой тань холилдсоныг харах болно. Хуудас бүтээгчид ихэвчлэн богино код үүсгэгчийг агуулсан байдаг бөгөөд энэ нь шинж чанаруудыг гараар бичихийн оронд сонгох боломж олгодог хэрэглэгчдэд ээлтэй гарч ирдэг цонхнууд юм.

Нүүрэн талын хуудас бүтээгчид бол ирээдүй юм

Энэ бүхэн нь дизайнерууд болон контент бүтээгчдэд илүү сайн туршлага болж байгаа ч арын хэсгийн хуудас бүтээгчид өөртөө асар том асуудлыг агуулж байдаг. Та контент тань ямар харагдахыг нүдээр харж болох ч таны харж байгаа зүйл бол таны бодит контент биш юм. Энэ нь хүмүүс хийж буй зүйлээ зөв эсэхийг шалгахын тулд хуудасныхаа урьдчилан харах горимыг байнга шалгахад хүргэдэг. Би хувьдаа арын хэсгийн хуудас бүтээгч ашиглахдаа контент маань зөв зэрэгцсэн үү, эсвэл захын зай нь жигд байна уу гэдгийг шалгахын тулд л урьдчилан харах товчийг дор хаяж 20 удаа дардаг. Энэ бол асар их цаг үрдэг ядаргаатай зүйл юм.

Энэхүү таагүй байдлыг шийдэхийн тулд хуудас бүтээгчдийг нүүрэн тал руу (front end) шилжүүлэх хэрэгтэй. Хэрэв ингэвэл үр дүнгээ шууд харах боломжтой тул хуудасны бүтэц зохион байгуулалтыг таамаглах шаардлагагүй болно.

Одоогийн байдлаар олон тооны арын хэсгийн хуудас бүтээгчид байдаг бол нүүрэн талын хуудас бүтээгч маш цөөхөн байна. Тэдгээр цөөхөн бүтээгчдийн дунд Page Builder Sandwich багтаж байгаа юм. Хэрэв та Page Builder Sandwich-ийг юугаараа өвөрмөц, яагаад танд тохирох хэрэгсэл болох талаар илүү ихийг мэдэхийг хүсвэл Page Builder Sandwich нь бусдаас юугаараа ялгаатай вэ.