Paano Mag-edit Ng Mga Template Ng Website

Talaan ng mga Nilalaman:

Paano Mag-edit Ng Mga Template Ng Website
Paano Mag-edit Ng Mga Template Ng Website

Video: Paano Mag-edit Ng Mga Template Ng Website

Video: Paano Mag-edit Ng Mga Template Ng Website
Video: HOW TO MAKE AND CHANGE YOUTUBE CHANNEL ART ON PHONE + PICSART (Easiest way) | Uncut Tagalog tutorial 2024, Nobyembre
Anonim

Hindi mahirap lumikha ng iyong sariling website sa kasalukuyan, kahit na wala kang anumang tukoy na kaalaman sa larangan ng disenyo ng web at pagprograma. Sa anumang oras, maaari mong gamitin ang maraming iba't ibang mga template na nai-post sa Internet, at batay sa mga handa nang template, gumawa at mai-publish ang iyong website sa network. Gayunpaman, hindi lahat ay ganap na nasiyahan sa bersyon ng site na inaalok ng template. Sasabihin namin sa iyo kung paano baguhin ang template ng site at gawin itong natatangi sa artikulong ito.

Paano mag-edit ng mga template ng website
Paano mag-edit ng mga template ng website

Panuto

Hakbang 1

I-download ang template at hanapin ang file ng style.css dito. Kadalasan ang file na ito ay matatagpuan sa folder na publiko_html.

Hakbang 2

Buksan ang style.css file sa notepad at hanapin ang code snippet na responsable para sa hitsura at pakiramdam ng tuktok ng site. Ang snippet na ito ay ganito ang hitsura:

#logotype {

background: url (mga imahe / logotype.png) walang ulit na kaliwang gitna #fff;

lapad: 230px;

taas: 60px;

margin: 10px 25px;

posisyon: kamag-anak;

Hakbang 3

Sa code na ito, sa background: linya ng url, kailangan mong tukuyin ang landas sa imahe ng background ng hinaharap na site. Ang mga susunod na linya ay nagpapahiwatig ng haba at taas ng imahe, at ang item sa margin ay tumutukoy sa patayo at pahalang na indentation ng imahe.

Hakbang 4

Hanapin ang file ng logotype.png

Hakbang 5

I-upload ang imahe ng background sa publikong_html / tmpl / template_name / Mga Larawan / folder, pagkatapos nito, tulad ng nabanggit sa itaas, isulat ang landas sa imahe sa background: linya ng url.

Hakbang 6

Kung kinakailangan, muling isulat ang mga parameter ng taas, haba at offset ng imahe. Ang posisyon: ang kamag-anak na linya ay maaaring iwanang nag-iisa. I-save ang mga pagbabago sa file at i-upload ito sa server sa halip na ang lumang template file.

Hakbang 7

Kung nais mong baguhin ang logo ng site ng footer, tumingin sa style.css para sa code snippet na nagsisimula sa mga salitang logotype-footer. I-save ang imahe gamit ang bagong logo at i-upload ito sa folder ng Mga Larawan ng template.

Hakbang 8

Baguhin ang mga parameter ng haba at taas. I-save muli ang file ng style.css at i-upload ang na-update na site sa server.

Inirerekumendang: