Paano Mag-edit Ng Isang Template Ng Wordpress

Talaan ng mga Nilalaman:

Paano Mag-edit Ng Isang Template Ng Wordpress
Paano Mag-edit Ng Isang Template Ng Wordpress

Video: Paano Mag-edit Ng Isang Template Ng Wordpress

Video: Paano Mag-edit Ng Isang Template Ng Wordpress
Video: Paano Gumawa ng Wordpress Website (2021) | 20 SIMPLENG PARAAN| Wordpress Tutorial para sa Beginners 2024, Mayo
Anonim

Kung mayroon kang isang site sa platform ng Wordpress, malamang na alam mo na ang template sa iyong blog ay maaaring mabago nang walang katiyakan, dahil walang hangganan sa pagiging perpekto. Ang platform na ito ay naging isang mabilis na natutunan na tool para sa webmaster, lalo na't ang balat ay maaaring mai-edit gamit ang mga maginoo na programa.

Paano mag-edit ng isang template ng Wordpress
Paano mag-edit ng isang template ng Wordpress

Kailangan

  • Software:
  • - Internet browser Firefox;
  • - addon Firebug.

Panuto

Hakbang 1

Maraming mga webmaster ang nagsasabi na ang perpektong browser para sa pag-surf at pagbuo ng site ay isang produkto mula sa Mozilla. Ang Firefox ay marahil ang nag-iisang programa na sumusuporta sa napakaraming mga application at add-on. Upang mag-edit ng mga template sa anumang platform, kailangan mo ng add-on na Firebug, na nagbibigay-daan sa iyo upang ipakita at i-edit ang anumang mga parameter ng template sa site.

Hakbang 2

Upang mai-install ito, kailangan mong i-click ang tuktok na menu na "Mga Tool" ng browser at piliin ang item na "Mga Add-on" o pindutin ang key na kombinasyon ng Ctrl + Shift + A. Sa bubukas na window, huwag maghintay para sa pag-download ng inirerekumenda ang mga application para sa Firefox, dapat mong ilagay ang cursor sa patlang na may teksto na "Paghahanap sa mga magagamit na mga add-on" at ipakilala ang Firebug.

Hakbang 3

Sa listahan ng mga resulta sa paghahanap, i-click ang pindutan sa tapat ng item na Firebug. Matapos i-download ang add-on na ito, ang pindutang I-restart Ngayon ay magiging aktibo. I-click ito upang mailapat ang mga pagbabago. Kung sa ilang kadahilanan ang application na ito ay hindi lilitaw sa mga resulta ng paghahanap, pumunta sa opisyal na website ng Mozilla at i-install ang Firebug mula sa sumusunod na link

Hakbang 4

Matapos mai-install ang add-on na ito, lilitaw ang isang maliit na icon na may isang imahe ng beetle sa ilalim ng window ng browser, mag-click dito - magiging aktibo ang add-on. Halimbawa, nais mong baguhin ang pagpapakita ng mga link sa home page ng iyong site, upang mahanap ang code para sa sangkap na ito sa window ng "bug", na nahahati sa 2 bahagi, dapat mong halili na pumili ng html at Estilo. Ngayon sa isang bahagi ng window ang html-code ay ipapakita, sa ibang bahagi ang code mula sa mga style.css file ay makikita.

Hakbang 5

Sa bloke ng html, mag-navigate sa file, pana-panahon na pag-click sa mga bloke, makikita mo na pagkatapos ng pag-click sa isa sa mga bloke sa "bug", lilitaw ang isang pagpipilian ng parehong bloke sa pahina. Sa ganitong paraan madali itong maghanap ng mai-e-edit na elemento na hindi mo alam ang code.

Hakbang 6

Matapos mong matagpuan ang nais na bloke ng code, ilipat ang cursor sa katabing window (Estilo). Makikita mo rito ang lahat ng mga pagpipilian sa pagpapakita para sa isang naibigay na bloke, halimbawa, ang laki ng font ay hindi hihigit sa elemento ng laki ng font. Kung nais mong taasan ito, magdagdag ng ilang mga yunit sa mayroon nang halaga. Mangyaring tandaan na kailangan mo lamang baguhin ang numero, ang pagdadaglat ng px ay hindi dapat hawakan (pagtatalaga ng pixel).

Hakbang 7

Sa parehong bloke, bigyang pansin ang lahat ng mga elemento, kasama ng mga ito ay maaaring may padding, margion, atbp. Upang maunawaan ang mga pangalan ng mga elemento na hindi pamilyar sa iyo, inirerekumenda na gumamit ng isang dalubhasang sanggunian sa online na utos - https://htmlbook.ru. Sundin ang link na ito, sa kanang sulok sa itaas ay may isang patlang na "Paghahanap sa Site". Ipasok ang utos na hinahanap mo at pindutin ang Enter key.

Hakbang 8

Makakakita ka ng mga pagkakaiba-iba ng sangkap na ito sa mga resulta ng paghahanap. Halimbawa, nagtataka ka kung ano ang ibig sabihin ng elemento ng margin. Ipasok ang salitang ito sa patlang ng paghahanap at pindutin ang Enter. Mula sa mga resulta ng paghahanap, piliin ang unang link ng CSS - margin. Matapos sundin ang link na ito, magagawa mong pamilyar ang iyong sarili sa utos na ito at alamin ang lahat tungkol sa aplikasyon nito.

Inirerekumendang: