Wordpress дээр child theme үүсгэсний дараа. Үндсэн theme -нээс өөрт хэрэгтэй файлуудыг хуулж авч өөрчилж болдог. Энэхүү хичээлд хэрхэн өөрчлөлт хийж болохыг тодорхой жишээ болон зургаар үзүүлсэн болно.

1. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
COURSE.mn
Онлайн сургууль
Wordpress Child Theme хөгжүүлэлт
2 дугаар хичээл
<header.php> дээр төрийн эргэлт хийсэн нь
Төр гэж юу вэ?
Энэ асуулт нь манай хичээлд хамааралгүй тул ингээд орчихъё доо.
За тэгэхээр Өмнөх хичээлээр бид аль хэдийнээ wordpress child theme –ийг үүсгэчихсэн
байгаа билээ. Бид Twenty Twelve theme –ийг сонгон авч түүний хүүхдийг өсгөж байгаа.хэхэ
Тэгтэл нэгэн асуудал тулгарсан нь header image нэмэх байсан юм.
Асуудал нь толгой зураг нэмэхэд бус нэмсэний дараа яаж харагдаж байсанд юм.
За би нэг иймэрхүү зураг нэмсэн юм аа. Тэгтэл Энэ маань цэснийхээ доор орчихоор л нэг
онцгүй санагдаад байх юм. Тиймээс бидэнд Яаж дээр нь гаргах вэ? Гэсэн асуудал гарч ирж
байна.
Хэрвээ theme folder дотор header.php гэдэг файл ерөөсөө байхгүй. Ганц байгаа зүйл нь:

2. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Л байна л даа.
Харин Twenty Twelve theme – д маань бол header.php файд байгаа харагдах юм.
Тиймээ энд байж л байна.
За одоо илбэ эхлэх гэж байна.
Би энэхүү файлыг хуулж аваад. ( Яаж хуулж авсанаа хэлэхгүй эээ :)
Өөрийнхөө child theme байгаа хавтасанд хийгээд авлаа. Тэгэхээр хавтас маань дараах
байдлаар харагдана.
Энд байгаа header.php файлыг нь өөрчлөвөл манай сайтын бүтэц бас янзлагдчих юм биш
үү.

3. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Дотор юу гээд бичцэн байдаг юм бол доо? Уншаад л үзий.
Нээгээд үзтэл олон өнгийн балаар ингээд бичцэн байх юм. Хайран цаас.хэхэ
Гэхдээ бодож байснаас хамаагүй бага код байна шүү. Ердөө 53 мөр юм байна. Бас бараг л
HTML код уншиж байгаатай адил юм аа.
За одоо энд чинь миний хайгаа байгаа юм байгаа гэсэн шүү дээ. Байгаа байхөө байгаа
байх.
Өө тэр 48 дугаар мөрөнд Header image энэ тэр гээд л танил үгнүүд гараад ирлээ. Тэр л
манай алдсан адуу. Үгүй биш ээ. Миний хайж байгаа кодын хэсэг байх шиг байна. Өнгө зүс
нь ч таарч байна.

4. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За тэгвэл энэ хэсгийг нь хуулаад авчихъя. Харин одоо сайтынхаа царайг нэг харвал
Ийм байна. Өө хэвэээрээ л байгаа юм байна ш дээ. Арга ч үгүй дээ. Би ямар кодыг нь
өөрчилсөн биш.
Харин одоо нөгөө кодоо хуулж аваад

5. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Тэр дээр байгаа 36 мөрнөөс толгойны хэсэг нь эхэлж байгаа юм байна.
Түүний доор <hgroup> гэсний доор нь ингэс хийгээд тавьчихъя.
За одоо вэб сайтаа дахиад нэг харвал, өө нээрээ өөрчлөлт хийсэнийхээ дараа заавал
хадгалах хэрэгтэй шүү.
За ингээд толгой зургаа толгойдоо гаргаж амар сайхандаа жаргалаа.

6. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Үгүй ээ. Бас жаргахад хол байнаа. Одоо бид нар нэгэнт толгой зургаа сайтынхаа оройд
залчихсан юм чинь энэ муу толгой текстийг огцруулнаа.
Үүнийг wordpress –ийн удирдлагын хэсэгт мэдэгдэж огцруулах учиртай юм. Удирдлагын
хэсэгт орвол:

7. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Гэж байна эндээс header гэдгийг нь сонгоод орноо. Тэгвэл:

8. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Ийм юм гараад ирлээ. Эндээс нь зүүн тийшээ заасан байгаа сумандээр дараад гарвал.

9. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Цэс гарч илээ. Энд байгаа “Site Identity” гэдэг нь миний таньдаг команд байгаа юм.
Ийшээ л орж хуучин засгийн үлдэгдэлтэй тэмцэнэ дээ. За орцгооё.

10. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За тэр гараад ирлээ. “Display Header Text” гээд л мэлийгээд ороод ирлээ шүү. Энд нь л
зохицуулах хэрэгтэй дээ. Тэр сонгож зөвлөсөн байгаа чагтыг авахаар чамайг сайтын
нүүрэнд гарч ирэхийг чинь харнаа.ккк

11. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За. Бид чагтыг нь арилгасныг өөрсийн нүдээр харлаа шүү. Хэн арилгасныг хэнд ч хэлж
болохгүй. Одоо буцаад сайтруу орж юу болж байгааг харцгаая.
Одоо л нэг юм ангижирч чадлаа. Ийм болсон сайт ч хөгжинө дөө хөгжинө.
Ингэхэд тэр том том сайтуудруу орохоор өөрийн туг далбаатай байдаг юм билээ.

12. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
Бид ч бас өөрсдийгөө илэрхийлсэн тугтай байвал зүгээр юм даа.
Ер нь бол энэ туг далбаа гээд байгаа юмыг чинь favicon гэдэг юм байна лээ шүү.
Нэгэнт дурьсаных WP дээр icon –ийг нь ч бас солиод өгье. Эрхэм хүндэт хөгжүүлэгчийнхээ
зургаар сайтын icon хийнээ.
Одоо буцаад “site identity” хэсэгрүү буцаад орчгооё.

13. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За тэр “Site Icon” сонгох гээд гараад ирлээ. Ийшээ орноо.
Ашгүй энд манай хөгжүүлэгчийн зураг мэлийгээд л ороод ирлээ. Энэ зургийг нь сонгоно
шүү.

14. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За тэгээр цааш явбал үүнийг сонговол сайтын маань icon яаж харагдах талаарх дүрслэлийг
харуулж байна.
Ер нь олон юм агуулсан зураг жижигээр хэвлэгдэхээр их онцгүй харагдах төлөвтэй зөвхөн
хөгжүүлэгчийнхээ зургийг л тайраад авчихья.
Эдийн сонирхолтой золиг байна гэж битгий бодоорой. Зүгээр л тэр гар утас нь гоё
харагдаад байх юм аа. Тэгээд ч манай хөгжүүлэгч дээрээ их онцгүй харагдаж байгааг та лав
анзаарсан байх. Тэгэхээр ингээд сонгочихъё.

15. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За тэгээд crop гэдэг товч дээр дарсан иймэрхүү байдалтай боллоо.
За тэр дээр аль хэдийнээ icon –оо ашиглаад эхэлчихсэн байна. За ингээд бүгд тохиролцсон
болохоор товчин дээр дараад хадгална.

16. COURSE.MN – ОНЛАЙН СУРГУУЛЬ
За ингээд сайт минь өөрийн гэсэн icon –той ч боллоо. Сайхан байнаа. Юу гэлээ favicon гэл
үү. Аргагүйл Favorite Icon юм аа.
Гэхдээ сэтгэл амрах болоогүй ээ. Бидэнд сурах зүйл их байна. Хийх хүүхэд сайтууд ч олон
байна. Ккк 
Course.mn –рүү ороод нэг шалгаарай хө.
Шинэ хичээл нэмэгдсэн ч байх юм бил үү.тэ