Бүрэлдэхүүн
(англи хэлнээс бие- бие) нь вэб хуудасны (агуулгын) агуулгыг хөтчийн цонхонд харуулах зориулалттай. Баримт бичигт харуулах ёстой мэдээлэл нь савны дотор байрлах ёстой . Энэ мэдээлэлд текст, зураг, шошго, JavaScript гэх мэт орно.Мөн вэб хуудасны холбоос болон текстийн өнгийг тодорхойлоход ашигладаг. Энэ практикийг HTML-д үл тоомсорлодог бөгөөд үүний оронд өнгөний схемийг тодорхойлохдоо хэв маягийг ашиглан үндсэн сонгогч дээр хэрэглэхийг зөвлөж байна.Ихэнхдээ
Баримт бичгийг одоогийн цонх эсвэл хүрээ рүү ачаалж дууссаны дараа ажилладаг onload гэх мэт үйл явдал зохицуулагчийг байрлуулахад ашигладаг.Нээх, хаах шошго
вэб хуудсанд шаардлагагүй, гэхдээ HTML баримт бичгийн эхлэл ба төгсгөлийг тодорхойлоход тэдгээрийг ашиглах нь сайн загвар гэж тооцогддог.Синтакс
...Хаалтын шошго
Шаардлагагүй.
Атрибутууд
Жишээ
Аристотель хүртэл "Улс төр" номондоо хөгжим нь хүнд нөлөөлж, "ямар нэгэн цэвэршүүлэлт, өөрөөр хэлбэл таашаалтай холбоотой тайвшралыг" өгдөг гэж хэлсэн.
Одоогийн жишээний үр дүнг Зураг дээр үзүүлэв. 1. Элементийн onload үйл явдлыг ашиглах үед
JavaScript дээр бичигдсэн скрипт ажиллаж байгаа бөгөөд энэ тохиолдолд баримт бичиг ачаалагдсан тухай мессеж гарч ирнэ.Цагаан будаа. 1. Баримт бичигт гарч ирэх цонх
Тодорхойлолт
Тодорхойлолт бүр нь хэд хэдэн батлах үе шатыг дамждаг.
- Зөвлөмж - Тодорхойлолтыг W3C баталсан бөгөөд стандарт болгон ашиглахыг зөвлөж байна.
- Нэр дэвшигчийн зөвлөмж ( Боломжит зөвлөмж) - стандартыг хариуцдаг бүлэг нь зорилгодоо нийцэж байгаад сэтгэл хангалуун байгаа боловч стандартыг хэрэгжүүлэхэд хөгжлийн нийгэмлэгээс тусламж шаарддаг.
- Санал болгож буй зөвлөмж Санал болгож буй зөвлөмж) - энэ үе шатанд баримт бичгийг эцсийн батлахаар W3C-ийн Зөвлөх зөвлөлд хүргүүлнэ.
- Ажлын төсөл - Олон нийтийн хэлэлцүүлэгт оруулахаар хэлэлцэж, нэмэлт өөрчлөлт оруулсан төслийн илүү боловсронгуй хувилбар.
- Редакторын төсөл ( Редакцийн төсөл) - төслийн редакторууд өөрчлөлт оруулсны дараа стандартын ноорог хувилбар.
- Ноорог ( Техникийн тодорхойлолтын төсөл) - стандартын анхны ноорог хувилбар.
Амьд HTML стандарт (Амьдрах) нь ялгардаг - энэ нь уламжлалт хувилбарын дугаарыг дагаж мөрддөггүй, учир нь энэ нь байнгын боловсруулалтанд орж, байнга шинэчлэгддэг.
Tag (хоёр дахин нэмэгддэг) вэб хуудасны агуулгыг (контент) хөтчийн цонхонд харуулах зориулалттай. Баримт бичигт харуулах ёстой мэдээлэл нь BODY контейнер дотор байх ёстой. Энэ мэдээлэлд текст, зураг, шошго, JavaScript гэх мэт орно.
Tag Мөн вэб хуудасны холбоос болон текстийн өнгийг тодорхойлоход ашигладаг. Энэ практикийг HTML 4 дээр хуучирсан бөгөөд оронд нь өнгөний схемийг зааж өгөхийн тулд загваруудыг сонгогч дээр ашиглахыг зөвлөж байна. . Гэсэн хэдий ч ихэнх сонголтууд хөтчүүдэд дэмжигдсэн хэвээр байна.
Ихэнхдээ тэмдэглэдэг Баримт бичгийг одоогийн цонх эсвэл хүрээ рүү ачаалж дууссаны дараа ажилладаг onLoad гэх мэт үйл явдал зохицуулагчийг байрлуулахад ашигладаг.
Вэб хуудсан дээрх BODY хаягуудыг нээх, хаах нь сонголттой боловч HTML баримт бичгийн эхлэл ба төгсгөлийг тодорхойлоход ашиглах нь сайн загвар юм.
Синтакс
...
Хаалтын шошго
Шаардлагатай.
Сонголтууд
alink - идэвхтэй холбоосын өнгийг тохируулна.
дэвсгэр - вэб хуудсан дээрх дэвсгэр зургийг тохируулна.
bgcolor - вэб хуудасны дэвсгэр өнгө.
bgproperties - арын дэвсгэрийг текстийн хамт гүйлгэх эсэхийг тодорхойлно.
доод талбар - хөтчийн цонхны доод ирмэгээс контент руу догол хийх.
leftmargin - хөтчийн цонхны ирмэгээс контент хүртэлх хэвтээ зай.
холбоос - холбоосын өнгө.
гүйлгэх - гүйлгэх мөрүүдийг харуулах эсэхийг тохируулна.
текст - баримт бичигт байгаа текстийн өнгө.
topmargin - хөтчийн цонхны дээд ирмэгээс контент руу догол хийх.
vlink - зочилсон холбоосуудын өнгө.
Жишээ 1: BODY тагийг ашиглах
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Энэ нь хамгийн багадаа хамгийн багадаа, ямар ч байсан дасгал хийх нь ямар ч тохиолдолд үүнтэй холбоотой юм.
BODY шошгоны параметрүүдийн тайлбар
ALINK параметр
Тодорхойлолт
Идэвхтэй холбоосын өнгийг тохируулна. Холбоосыг хулганы курсороор дарах эсвэл гарыг ашиглан сонгох үед одоогийн холбоосын өнгө идэвхтэй болж өөрчлөгдөнө.
Синтакс
Аргументууд
Өнгөний утгыг хоёр аргаар тохируулж болно.
1. Нэрээр нь
Хөтөчүүд зарим өнгийг нэрээр нь дэмждэг.
2. 16-тын тоогоор
Өнгөийг тодорхойлохын тулд арван зургаатын тоог ашигладаг. Аравтын бутархайн системээс ялгаатай нь нэрнээс нь харахад 16-ын тоон дээр суурилдаг. Тоонууд нь дараах байдалтай байна: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10-аас 15 хүртэлх тоог латин үсгээр сольсон. Арван аравтын системд 15-аас дээш тоонууд нь хоёр тоог нэг болгон нэгтгэснээр үүсдэг. Жишээлбэл, аравтын бутархай дахь 255 тоо нь арван арвант тооллын FF тоотой тохирч байна. Тооны системийг тодорхойлоход будлиан гарахаас зайлсхийхийн тулд 16-тын тооны өмнө # хэш тэмдгийг байрлуулна, жишээ нь #666999. Улаан, ногоон, цэнхэр гэсэн гурван өнгө тус бүр нь 00-оос FF хүртэлх утгыг авч болно. Тиймээс өнгөний тэмдэг нь #rrggbb гэсэн гурван бүрэлдэхүүн хэсэгт хуваагддаг бөгөөд эхний хоёр тэмдэг нь өнгөний улаан бүрэлдэхүүн хэсэг, дунд хоёр нь ногоон, сүүлийн хоёр нь цэнхэр өнгөтэй байна.
Өгөгдмөл утга
Холбоосын өнгөтэй таарч байна.
...
BACKGROUND параметр
Тодорхойлолт
Дэлгэцийн зураг болгон ашиглах зургийг зааж өгнө. Ердийн зургуудаас ялгаатай нь дэвсгэр нь өргөн эсвэл өндөргүй бөгөөд үргэлж 100% бүрэн хэмжээгээр харагдана. Хэрэв зураг нь хөтчийн цонхноос жижиг хэмжээтэй бол зураг нь мозайк шиг хэвтээ байдлаар баруун, доошоо давтагдана. Ийм учраас арын зургийн уулзвар дээр харагдахуйц ялгаа гарч болох бөгөөд энэ нь сайтын зочдод мэдэгдэхүйц юм. Арын дэвсгэр зургийг сонгохдоо энэ болон вэб хуудас дээрх текстийн хооронд хангалттай тодосгогч байгаа эсэхийг шалгаарай. Хөдөлгөөнт GIF-г арын дэвсгэр болгон ашиглаж болох ч уншигчдын анхаарлыг сарниулна.
Синтакс
Аргументууд
Хүчинтэй зургийн хаяг - та харьцангуй эсвэл үнэмлэхүй замыг ашиглаж болно.
Өгөгдмөл утга
Үгүй
Жишээ 3: Вэб хуудасны ханын зургийг тохируулах
...
BGCOLOR параметр
Тодорхойлолт
Вэб хуудасны дэвсгэр өнгийг тохируулна. Та энэ параметрийг арын дэвсгэртэй хамт ашиглаж, арын дэвсгэр зурагтай ойрхон дэвсгэр өнгө сонгох боломжтой
Синтакс
Аргументууд
ALINK параметрийг харна уу.
Өгөгдмөл утга
Хөтөч болон түүний хувилбараас хамаардаг боловч дэвсгэр өнгө нь ихэвчлэн цагаан өнгөтэй байдаг.
Жишээ 4: Вэб хуудасны дэвсгэр өнгийг тохируулах
...
BGPROPERTIES параметр
Тодорхойлолт
Анхдагч байдлаар, дэвсгэр зураг нь вэб хуудасны агуулгатай хамт гүйлдэг. bgproperties параметрийг ашигласнаар та арын дэвсгэрийг нэг газар засах боломжтой бөгөөд ингэснээр зөвхөн агуулгыг гүйлгэж болно. Вэб хуудасны энэ чанар нь вэб сайтуудад ховор хэрэглэгддэг тул хэрэглэгчдэд хачирхалтай, ер бусын мэт санагдаж магадгүй юм.
Синтакс
Аргументууд
Зөвхөн нэг тогтмол параметр байдаг бөгөөд энэ нь дэвсгэрийг засдаг. Хэрэв та энэ функцийг устгахыг хүсвэл BODY хаягаас bgproperties параметрийг устгах эсвэл хоосон утга болгон тохируулна уу - "".
Өгөгдмөл утга
Үгүй
Жишээ 5: Арын дэвсгэрийг засах
...
Анхаарна уу
- Бүх хөтөч энэ тохиргоог дэмждэггүй, жишээлбэл Netscape үүнийг үл тоомсорлодог.
- Вэб хуудсанд хэв маягаар дэвсгэр зураг тавихад bgproperies параметр ажиллахаа больдог нь анзаарагдсан.
LEFTMARGIN параметр
Тодорхойлолт
Хөтчийн цонхны зүүн ба баруун ирмэгээс вэб хуудасны контент хүртэлх зайны хэмжээг тодорхойлно.
Синтакс
Аргументууд
Офсетийг пикселээр тодорхойлдог эерэг бүхэл тоо.
Өгөгдмөл утга
Windows-д зориулсан 10 пиксел, Macintosh-д зориулсан 8 пиксел.
Жишээ 6: Зүүн захын зайг өөрчлөх
...
Анхаарна уу
- Netscape хөтөч нь зүүн захын параметрийг ойлгодоггүй бөгөөд захын зайг тохируулахдаа marginwidth - хэвтээ ирмэг ба marginheight - босоо захын параметрүүдийг ашигладаг.
- Баруун, доод, дээд ирмэгээс ирмэгийг тохируулахын тулд баруун, доод, дээд ирмэгийн параметрүүдийг тус тус ашиглана.
LINK параметр
Тодорхойлолт
Очоогүй холбоосуудын өнгийг тохируулна.
Синтакс
Аргументууд
ALINK параметрийг харна уу.
Өгөгдмөл утга
#0000FF
Жишээ 7: Холбоосуудын өнгийг тохируулах
...
SCROLL параметр
Тодорхойлолт
Гүйлгэх параметр нь вэб хуудасны агуулга одоогийн цонхны хэмжээнээс хэтэрсэн тохиолдолд хөтчийн цонхонд гүйлгэх мөр байгаа эсэхийг хянадаг. Энэ тохиргоо нь зөвхөн Internet Explorer дээр ажилладаг.
Синтакс
Аргументууд
тийм - гүйлгэх мөрүүдийг харуулна.
үгүй - цонхонд гүйлгэх мөрүүдийг харуулахаас сэргийлнэ.
Өгөгдмөл утга
тиймээ
Жишээ 8: Гүйлгэх мөрийг нуух
...
TEXT параметр
Тодорхойлолт
Вэб хуудсанд ашигласан текстийн анхдагч өнгийг тохируулна. Загвар ашиглан бие даасан элементүүдийн өнгийг хялбархан өөрчилж болно.
Синтакс
Аргументууд
ALINK параметрийг харна уу.
Өгөгдмөл утга
#000000
Жишээ 9: Текстийн өнгийг өөрчлөх
...
VLINK параметр
Тодорхойлолт
Зочилсон холбоосуудын өнгийг тодорхойлдог, тухайлбал хэрэглэгчийн аль хэдийн "товшсон" холбоосууд.
Синтакс
Аргументууд
ALINK параметрийг харна уу.
Өгөгдмөл утга
#551a8b (Навигатор 4); #800080 (Internet Explorer Windows); #006010 (Internet Explorer Macintosh).
Жишээ 10: Зочилсон холбоосын өнгийг тохируулах
...
Текстийн өнгө
Дэвсгэр өнгө
Арын зураг
Холбоосын өнгө
Агуулгын эргэн тойронд дүүргэх
Дасгал хийх
Та аль хэдийн мэдэж байгаа шиг, нээлтийн шошго хооронд болон хаалтын шошго Хуудасны үндсэн хэсэг эсвэл хуудасны агуулгыг өөрөө байрлуулна. Үүнийг бас үг гэж нэрлэдэг агуулга(Англи контентоос - агуулга). Шошгоны сонголтууд агуулгын шинж чанарыг бүхэлд нь тодорхойлох. Энэ хичээлээр бид тэдгээрийн заримыг нь авч үзэх болно.
Текстийн өнгө
Бүх баримт бичгийн текстийн өнгийг параметрээр тодорхойлно текст. Энэ нь параметрийн нэгэн адил өнгөний нэр эсвэл арван зургаан тоот өнгөний утгыг өгдөг өнгөшошго (2-р хичээлийг үзнэ үү. Тестийг форматлах):
эсвэлЭнэ жишээг ашигласнаар хуудасны бүх текст улаан өнгөтэй болно.
Параметр текстсонголттой. Хэрэв та үүнийг орхигдуулсан бол хуудасны текст анхдагчаар хар өнгөтэй болно. Та өмнөх дасгалуудыг хийснээр үүнийг аль хэдийн харсан байх. :)
Дэвсгэр өнгө
Хуудасны дэвсгэр өнгийг параметрээр тодорхойлно bgcolor. Энэ нь параметрийн нэгэн адил өнгөний нэр эсвэл арван зургаатын тоон утгыг хүлээн авдаг текст.
эсвэлЭнэ жишээн дээр хуудасны дэвсгэр улаан өнгөтэй болно.
Параметр bgcolorсонголттой. Хэрэв та үүнийг орхивол хуудасны өгөгдмөл дэвсгэр нь цагаан өнгөтэй болно. Өмнөх дасгалуудыг хийснээр та аль хэдийн үзсэн зүйл. :)
Арын зураг
Параметрийг ашиглах дэвсгэрТа хуудас нь энгийн дэвсгэр биш, харин дэвсгэр нь зураг байгаа эсэхийг шалгаж болно. Энэ параметрийн хувьд дэвсгэрта дэвсгэр болгохыг хүссэн зургийн зам, параметрийг зааж өгөх хэрэгтэй srcшошго
(5-р хичээл. Зургийг үзнэ үү):
Ийм байдлаар та жишээ нь хуудасны дэвсгэрийг ямар нэгэн хээгээр нааж болно. Гэхдээ та энэ боломжийг буруугаар ашиглах ёсгүй бөгөөд хуудсыг хэтэрхий хүнд болгохгүйн тулд арын дэвсгэр дээр том зураг хийх хэрэгтэй.
Жишээлбэл, бидэнд ийм загварын фрагмент байна:
Хэрэв бид үүнийг дэвсгэр зураг болговол дараах дэвсгэр зурагтай хуудас гарч ирнэ.
Параметр дэвсгэрбас сонголттой. Хэрэв та үүнийг орхивол хуудасны өгөгдмөл дэвсгэр нь цагаан өнгөтэй болно.
Холбоосын өнгө
Холбоосын өнгийг тохируулах 3 шошгын параметр байдаг бие:
Эдгээр параметрүүд нь өнгөний нэр эсвэл түүний 16-тын утгыг ямар нэг зүйлийн өнгийг хариуцдаг бусад параметрүүдтэй адил оноодог.
Энэ нь хуудсан дээр иймэрхүү харагдах болно (холбоосын бүх төлөвийг харах, анх ямар байсныг санаж, дараад удаан дарж, ямар болсныг хар, эцэст нь гаргаад энэ хуудас руу буцаж очоод ямар өнгөтэй болохыг харна уу. ):
Эдгээр параметрүүд нь сонголттой байдаг. Хэрэв та тэдгээрийг орхигдуулсан бол холбоосын өнгө нь үндсэн утгуудыг (цэнхэр, улаан, нил ягаан) авна.
Агуулгын эргэн тойронд дүүргэх
Хэрэв та хуудасны контентыг хөтчийн цонхны ирмэгээс тодорхой хэмжээгээр ухрахыг хүсвэл энэ тохиолдолд шошго бие 4 параметр байна:
зүүн зах- зүүн ирмэгээс догол хийх;
баруун зах- баруун ирмэгээс догол;
дээд маржин- дээд ирмэгээс догол хийх;
доод ирмэг- доод ирмэгээс догол.
Эдгээр параметрүүд нь утгыг пикселээр авдаг. Тэдгээрийг ашиглах шаардлагагүй бөгөөд та бүгдийг нэг дор эсвэл тусад нь ашиглаж болно. Жишээлбэл, та зөвхөн зүүн ба баруун талд, эсвэл зөвхөн дээд ба доод хэсэгт догол хийх боломжтой.
эсвэлСайн уу залуусаа!
Өнөөдөр би залуу вэбсайт бүтээгчдийн дунд хамааралтай байхаа болихгүй сэдвийг хөндөхөөр шийдлээ.
Сайтуудыг үүсгэсний дараа тэдгээрийг өөрчлөх шаардлагатай байдаг. Зарим тохиргоог суулгасан загварын файлуудыг засварлах замаар гүйцэтгэдэг. Жишээлбэл, та ижил төстэй оруулгуудыг харуулах код оруулах хэрэгтэй. Гэхдээ хаана оруулах вэ?
Ихэнхдээ шинэхэн хүмүүс ийм асуулт асуудаг. Тэд мөн ижил төстэй бусад асуудлын талаар санаа зовж байгаа бөгөөд тэдгээрийн шийдэл нь үндсэндээ яг адилхан юм. Нэмж дурдахад, би ирээдүйн нийтлэлдээ загварт янз бүрийн газар код оруулахыг байнга ашиглах болно. Тиймээс энэ материал урьд өмнөхөөсөө илүү хамааралтай болсон.
Энэ нийтлэлд би WordPress загвар дээрээ ямар ч код оруулах шаардлагатай газрыг хэрхэн хялбархан тодорхойлж болохыг харуулах болно. Би эхний шатанд танд санаа зовж болох бусад чухал зүйлийг авч үзэх болно.
Хамгийн дээд хэсгээс эхэлж, хэрэв та залгаасуудыг ашиглахын оронд гараар код оруулахыг хүсвэл засварлах шаардлагатай файлуудыг харцгаая, учир нь ийм сонголт байдаг. Би үүнийг сайшаахгүй байна, гэхдээ залхуу хүмүүсийн хувьд би дараах нийтлэлүүдэд ийм залгаасуудыг тайлбарлах болно.
Би хамгийн эхэнд видео хичээл өгдөг, учир нь үүнгүйгээр доор текст хэлбэрээр үзүүлсэн материалыг ойлгоход хэцүү байх болно.
Одоо би бүх зүйлийг текст хэлбэрээр дэлгэрэнгүй тайлбарлах болно.
Хуудасны төрөл бүрийг гаргах үүрэгтэй файлууд
Хэрэв та бусад блог дээр код (скрипт) ашиглан зарим функцийг хэрэгжүүлэх талаар олон нийтлэл уншсан бол та дараах хэллэгүүдийг харсан гэдэгт би 100% итгэлтэй байна.
- Энэ кодыг үндсэн хуудсыг харуулах үүрэгтэй файлд буулгана уу;
- Бичлэг болон бусад мэдээллийг гаргах үүрэгтэй файлд энэ кодыг буулгана уу.
Та код оруулах шаардлагатай олон файлууд байдаг. Гэхдээ эдгээр файлууд юу вэ? Бүх зүйл маш энгийн.
- Нүүр хуудасны гаралт - index.php;
- Бичлэгийн гаралт - single.php файл;
- Хуудасны гаралт - page.php файл;
- Архив болон категорийн гаралт - archive.php;
- Footer гаралт - footer.php;
- Хайлтын хуудасны гаралт - search.php;
- Sidebar гаралт - sidebar.php;
- Загварын файл - style.css;
- 404 хуудасны гаралтын файл нь 404.php байна.
Одоо ийм ийм файл руу код оруулах хэрэгтэй гэж хэлэхэд та хаанаас хайхаа мэдэх болно.
Зөвхөн асуултанд хариулах л үлдлээ: файл бүрийн зөв газрыг хэрхэн тодорхойлох вэ?
Кодыг хаана оруулахаа тодорхойлох
Эхлээд тодорхойлох шаардлагагүй газруудыг нь авч үзье. Тэд загвараас үл хамааран хүн бүрт адилхан байх болно.
Бүх загварт адилхан эхний газар бол Header.php файлын хэсэг юм. Эдгээр нь нээх, хаах шошгууд юм
.Зарим скриптүүд нь эдгээр хаягуудын хооронд үргэлж байрладаг бөгөөд энэ нь сайтын бүх хуудсанд ажиллах ёстой. Өөрөөр хэлбэл, бид эдгээр хаягуудын хооронд жишээлбэл, нийгмийн товчлууруудын скрипт байрлуулсан бөгөөд тэдгээр нь бидний харуулах сайтын бүх хуудсан дээр ажилладаг.
Эдгээр хаягууд нь Header.php файлын хамгийн дээд хэсэгт байрладаг.
Загвараас бүх зүйл шалтгаалдаг тул тэдгээрийн хоорондох агуулга нь хүн бүрт өөр өөр байх болно.
Хэрэв танд энэ кодыг нээх, хаах толгойн шошгоны хооронд оруулах шаардлагатай гэж хэлвэл кодыг хуулж, загвар файлаасаа ижил төстэй хэсгийг хайж олоод эдгээр шошгоны хооронд оруулаарай.
Хоёрдахь газар нь бүх загварт адилхан байдаг бөгөөд хөлийн гаралтыг хариуцдаг файлд байрладаг - footer.php.
Скриптүүдийг зөвхөн шошгонуудын хооронд оруулаад зогсохгүй холбох боломжтой
Header.php файлд. Та мөн тэдгээрийг footer.php файлаар дамжуулан ачаалж, сайтын хуудсыг ачаалах явцыг хурдасгах боломжтой.Баримт нь хуудас ачаалж эхлэхэд дээрээс доошоо ачаалагддаг. Хэрэв бүх скриптүүд хуудасны дээд талд байгаа бол скриптийг ачаалахад цаг хугацаа шаардагдах тул контентыг харуулах нь удааширна.
Бидний даалгавар бол хуудасны агуулгыг зочдод болон хайлтын системд аль болох хурдан харуулах явдал юм. Энэ тохиолдолд эхлээд агуулгыг харуулахын тулд хуудасны хамгийн төгсгөлд скриптүүдийг ачаалж, дараа нь бусад бүх зүйлийг ачаалахыг зөвлөж байна.
Энэ сонголтыг хэрэгжүүлэхийн тулд та footer.php файлыг нээж, хаалтын үндсэн тагны өмнө скриптийг оруулах хэрэгтэй. Энэ нь хуудасны хэсгийн төгсгөлийг хариуцдаг тул файлын агуулгын төгсгөлд байрладаг.
Таны харж байгаагаар би энэ хэсэгт байгаа бүх скриптийг хаалтын тагны өмнө харуулав(цэнхэр хүрээгээр тодруулсан). Дашрамд хэлэхэд би тэдгээрийг энэ хэсэгт скриптүүдийг байрлуулах замаар биш харин файлуудаас ачаалах замаар гаргаж авсан. Үүний дараа би блогоо нэлээд хурдасгасан. Үүнийг хэрхэн хийх талаар тусдаа нийтлэл байх болно. Хүлээгээрэй!
Тэд таныг эдгээр хэсэгт код оруулахыг хэлэхэд та үүнийг ямар ч асуудалгүй хийнэ гэж найдаж байна.
Илүү төвөгтэй асуудал руу шилжиж, өөр төрлийн код оруулсан бусад загвар файлууд дахь газруудыг хэрхэн тодорхойлохыг сурахыг хичээцгээе. Ихэвчлэн эдгээр кодууд нь:
- Ижил төстэй нийтлэлүүдийг харуулах;
- Захиалгын маягтын гаралт;
- Нийгмийн товчлууруудыг харуулах гэх мэт.
Эдгээр бүх зүйлийг агуулгын үндсэн хэсгийн дараа, өөрөөр хэлбэл өгүүллийн төгсгөлийн дараа оруулсан болно. Тус бүр нь өөр өөр загвар кодтой тул асуултын бүх нийтийн хариулттай байдаг "Миний нийтлэлийн гаралтын код хаана төгсдөг вэ?"зүгээр л үгүй.
Гэхдээ та кодын төгсгөлийг хялбархан тодорхойлж болох бөгөөд үүний дараа танд хэрэгтэй функцийг хэрэгжүүлэх хэрэгтэй. Би энэ аргыг WordPress загвар () сонгох тухай нийтлэлд аль хэдийн хэсэгчлэн харуулсан. Дараа нь би интернет хөтөчийн стандарт функцийг ашигласан.
Энэ аргын мөн чанарыг илүү сайн ойлгохын тулд би энэ нийтлэлийн эхэнд байгаа видеог үзэхийг зөвлөж байна. Үүн дээр би бүх зүйл бодит цаг хугацаанд хэрхэн болдогийг харуулсан. За, одоо би үүнийг аль болох тодорхой тайлбарлахыг хичээх болно.
Би танд Google Chrome хөтчийг жишээ болгон харуулах болно. Бусад хөтчүүд ч гэсэн ийм функцтэй боловч арай өөр нэртэй байж болно.
- Google Chrome - элементийн кодыг харах;
- Firefox - судлах элемент;
- Opera - элементийг шалгана уу.
Энэ зарчим нь 3 хөтөч дээр ижил төстэй байдаг. Одоо би ямар ч загварт аль ч газрын байршлыг хэрхэн тодорхойлохыг танд үзүүлэх болно.
Элемент кодыг үзэхийн тулд очно уу (Google Chrome). Хуудасны хоосон хэсэг дээр хулганы баруун товчийг дарна уу.
Үүний дараа хуудасны доод хэсэгт хуудасны эх кодыг бүхэлд нь харуулсан самбар гарч ирэх бөгөөд бид үүнийг засварлаж, загварын бүтэц, дүр төрх бодит цаг хугацаанд хэрхэн өөрчлөгдөхийг харж болно. Гэхдээ өгөгдлийн өөрчлөлтүүд хадгалагдахгүй. Үүнийг хийхийн тулд та загвар файлуудыг өөрсдөө засах хэрэгтэй.
Самбар хэрхэн харагдахыг энд харуулав.
Би томруулдаг шил рүү сумаар заав, түүн дээр дарснаар бид загварын бүтцийг шалгаж, манай загвар ямар блокуудаас бүрдэхийг тодорхойлох боломжтой. Би энэ функцийг байцаагч гэж нэрлэдэг.
Байцаагч дээр товшсоны дараа хулганаа хулганаа хулганаар хөдөлгөж, хулганаа хулганаар хулганын бүх элементүүд өнгөт дэвсгэрээр тодорч эхлэхийг харах болно. Жишээлбэл, би загвар сонгох тухай нийтлэлээс дэлгэцийн агшинг үзүүлэх болно. Тэнд би бичлэгийн гарчиг дээр хулганаа гүйлгэв.
Хэрэв бид нийтлэлээ гаргасны дараа код оруулах шаардлагатай бол бид загварынхаа хэсгийг шалгаж, нийтлэлийн бүх агуулгыг агуулсан блокыг олох хэрэгтэй гэдгийг таахад хэцүү биш юм. Та блокийн төгсгөл болон эхлэлийг хоёуланг нь хайж болно. Өөрөөр хэлбэл, та загварыг доороос болон дээрээс шалгаж болно.
Гэхдээ энд нэг тэмдэглэл байна . Загварын файлд нийтлэл байхгүй тул бид зөвхөн нийтлэлийн мөрүүдийг төдийгүй агуулга нь өөрөө байрладаг блокуудыг олох хэрэгтэй. Зөвхөн агуулгыг харуулах код байдаг бөгөөд энэ нь блокуудад хаалттай байдаг. Хаалтын блок шошгоны дараа
