Panimula

Ipinapakita ng artikulong ito ng hakbang-hakbang sa kung paano ka makalikha ng isang template ng Joomla. Malalaman mo ang mga kinakailangang file at code na kinakailangan para sa paglikha ng isang template ng Joomla. Maaari mong kopyahin at i-paste ang code at gamitin ang mga ito sa paraang sila o gumawa ng kaunting pagsasaayos sa kanila depende sa iyong mga pangangailangan.


Hakbang 1: Mag-set up ng isang istraktura ng direktoryo

Upang mag-disenyo ng isang pangunahing template ng Joomla, mag-click sa “lumikha ng isang bagong folder”. Malalaman mo ito sa folder ng mga template. Bigyan ang pangalan ng folder. Ang pangalan ay dapat na, isang pangalan na ginagamit mo para sa iyong template (mynewtemplate).
Sa paggamit ng iyong pinakahusay na text editor, lumikha ng mga file index.php at templateDetails.xml. Upang mapanatili ang maayos na nakaayos na istraktura, lumikha 2 bagong mga folder kilala bilang mga imahe at css. Sa loob ng css folder, makabuo ng isang file na kilala bilang template.css.

Mas okay kung ilagay mo ang iyong CSS code nang diretso sa iyong index.php file mula sa simula. Gayunpaman, gustung-gusto ng maraming mga taga-disenyo ng web na ilagay ang kanilang CSS code sa ibang file at pagkatapos ay ikonekta ito sa maraming mga pahina gamit ang link ng tag. Ang paglalagay nito nang diretso ay maaari ring mabawasan ang oras na aabutin ang iyong mga pahina upang mai-load dahil ang iba’t ibang mga file ay maaaring mai-cache.

Patakbuhin ang mga utos sa ibaba upang i-set up ang folder at istraktura ng file:

* mynewtemplate /
** css /
*** template.css
** mga imahe /
** index.php
** templateDetails.xml

Hakbang 2: Lumikha ng isang pangunahing templateDetails.xml file

Ito ay napaka makabuluhang lumikha ka ng file na templateDetails.xml. Ito ang file na nagpapahintulot kay Joomla na makilala ang iyong template. Naglalaman ang file ng pangunahing metadata na tumutukoy sa template na iyong nilikha.

Ang istraktura ng pangungusap ng file ay nag-iiba mula sa isang bersyon ng Joomla hanggang sa isa pa.

Para sa Joomla 1.5, patakbuhin ang utos sa ibaba:

<?xml bersyon ="1.0" pag-encode ="utf-8"?>

mynewtemplate
2008-05-01
John Doe
[email protected]
http://www.example.com
John Doe 2008
GNU / GPL
1.0.2
Aking Bagong Template

index.php
templateDetails.xml
mga imahe
css

tinapay
kaliwa
tama
tuktok
user1
user2
user3
user4
footer

Para sa Joomla 2.5 at mamaya bersyon, patakbuhin ang utos sa ibaba: Alter "2.5" bersyon ng Joomla sa iyong Joomla bersyon at i-install gamit ang mga utos sa ibaba:

<?xml bersyon ="1.0" pag-encode ="utf-8"?>

mynewtemplate
2008-05-01
John Doe
[email protected]
http://www.example.com
John Doe 2008
GNU / GPL
1.0.2
Aking Bagong Template

index.php
templateDetails.xml
mga imahe
css

tinapay
kaliwa
tama
tuktok
user1
user2
user3
user4
footer

Malalaman mo na mayroon kaming isang koleksyon ng data sa mga tag (mga) mark. Ang pinakamahusay na paraan na maaari mong pumunta tungkol dito ay ang kopyahin at i-paste ito sa loob ng iyong templateDetails.xml file at baguhin ang naaangkop na mga bahagi (tulad ng).

Ang seksyon ay dapat na binubuo ng mga file na iyong ginagamit. Malamang na hindi mo pa alam kung ano sila. Gayunpaman, hindi na kailangang mag-alala. Iwanan ito ngayon at darating pagkatapos upang i-update ito.

Maaari mong gamitin ang bahagi, upang tukuyin ang buong folder kaagad.

Huwag baguhin ang mga posisyon. Ang mga ito ang tipikal na pag-setup at makakatulong sa iyo na madaling lumipat mula sa mga regular na template.

Hakbang 3: Lumikha ng isang pangunahing index.php file

Ang index.php file ay ang gitnang bahagi ng bawat pahina na idinisenyo sa Joomla! Karaniwang lilikha ka ng isang pahina na katulad ng HTML. Gayunpaman, sa halip na HTML, inilagay mo ang code ng PHP sa posisyon na inilaan para sa nilalaman ng iyong site. Ang mga pag-andar ng template sa pamamagitan ng pagsasama ng Joomla code sa mga lokasyon ng module at ang bahagi ng bahagi sa iyong template. Anuman ang idadagdag mo sa template ay makikita sa bawat isa sa iyong mga pahina maliban sa isama mo ito sa pamamagitan ng isa sa mga bahaging ito sa pamamagitan ng paggamit ng Joomla CMS (o pasadyang code).

Ang mga sumusunod ay mga pangunahing kaalaman code na maaari mong kopyahin at i-paste sa iyong disenyo ng web.

Hakbang 4: I-set up ang panimulang bahagi ng iyong template ng Joomla

Ang isang template ng Joomla ay nagsisimula sa mga utos sa ibaba:

<?tinukoy ng php (‘_JEXEC’) o mamatay (‘Pinigilan ang pag-access’);?>

Pinipigilan ng paunang linya ang mga maling tao na tingnan ang iyong code at nagtatrabaho laban sa iyo.

Ang sunod na linya ay ang Dokumento ng Uri ng Pahayag (DOCTYPE). Ipinapahiwatig nito sa mga web browser at web crawler ang bersyon ng HTML na ipinatupad sa pahina. Ang doctype ay HTML5 at ang pinakabagong bersyon HTML. Ito ay karaniwang napaka katugma sa mga nakaraang bersyon ngunit ito ay may maraming mga bagong pag-andar. Kailangan mong malaman na hindi ito gagana nang maayos sa Internet Explorer 8 o nakaraang mga bersyon nang walang ilang pag-hack. Kailangan mong isaalang-alang ito at i-verify kung ano ang mga pangangailangan ng iyong mga customer upang gabayan ka sa pinakamahusay na doctype na gagamitin. Gayunpaman, ito ay kung ano ang ginagamit sa Joomla 3.6 at ang mga mas bagong bersyon.

Ang susunod na linya (ika-3) ay nagsisimula sa iyong HTML file at ipinapaliwanag ang wika ng website. Ang isang HTML file ay inuri sa dalawa; ang ulo at ang katawan. Ang ulo ay binubuo ng data ng dokumento habang ang katawan ay binubuo ng website code na makakatulong sa iyo upang pamahalaan ang disenyo.

Hakbang 5: Lumikha ng sektor ng Ulo

Para sa ulo patakbuhin ang mga utos sa ibaba:

Ang paunang hilera ay tumutulong kay Joomla na isama ang tamang data ng header kasama ang pamagat ng pahina, ang data ng Meta kasama ang JavaScript ng system. Ang natitirang bahagi ay bumubuo ng mga link sa dalawang mga scheme: mga pahina ng diskarte at iyong personal na diskarteng pahina kapag pinangalanan ito bilang template.css at nakaposisyon sa folder ng css direktoryo ng iyong template. Kaya, kung ang iyong template ay http://www.mysite.com/templates/my_template/, ang iyong mga file ng css ay mailalagay bilang: http://www.mysite.com/templates/my_template/css/).

Hakbang 6: Lumikha ng sektor ng Katawan

Upang gawin ito, patakbuhin ang mga code sa ibaba:

Maaaring mamangha ka na sapat na ito. Ito ay ang kailangan mo. Bagaman ito ay ang pangunahing pangunahing layout, matutupad nito kung ano ang kinakailangan. Ang natitirang bahagi ay gagampanan ni Joomla. Ang mga hilera na ito, na karaniwang tinutukoy bilang mga pahayag ng jdoc, ay nagpapaalam kay Joomla na isama ang kinalabasan mula sa mga tiyak na seksyon ng istruktura ng Joomla. Gayunpaman, dapat mong tiyakin na naitakda mo ang iyong menu "tuktok" posisyon ng elemento.

Hakbang 7: Mga Posisyon ng Lugar sa Lugar

Sa tuktok ng hilera na nagpapahiwatig ng pangalan ="tuktok" isama ang isang lokasyon ng elemento na kilala bilang tuktok at hayaan ang mga module ng posisyon ng Joomla sa bahaging ito ng template. Ang hilera na naglalaman ng uri ="sangkap" ay kung saan ang buong artikulo at pangunahing nilalaman. Sa katunayan, ang sangkap at lubos na makabuluhan. Nakaposisyon ito sa core ng template.

Malaya kang isama ang iyong mga tiyak na mga hilera ng sangkap sa anumang lokasyon na pinili sa loob ng katawan. Gayunpaman, nararapat mong isama ang isang katumbas na hilera sa file ng templateDetails.xml na matatagpuan sa tabi ng index.php ng ​​iyong template.

Hakbang 8: Idisenyo ang Wakas ng template

Upang tapusin ang iyong disenyo ng template, ipatupad ang code sa ibaba upang isara ang buong set-up .:

Hakbang 9: Itakda ang Mga Pasadyang Mga Larawan

Kung gustung-gusto mong isama ang mga larawan sa iyong template ipatupad ang mga utos sa ibaba:

Hakbang 10: Magdagdag ng Customized CSS

Upang isama ang na-customize na css patakbuhin ang code sa ibaba:

Ang lahat ng mga file na isinasama mo ay kailangang magkaroon ng isang hilera sa file ng templateDetails.xml para sa template, maliban kung inilagay mo ito sa isang mini-folder na maaari mong isama sa isang elemento).

Magkakaroon ka na rin ng iyong huling tulad ng ipinapakita sa ibaba:

<?tinukoy ng php (‘_ JEXEC’) o mamatay (‘Pinigilan ang pag-access’);?>

Hakbang 11: Patunayan ang template

Upang i-verify ang template, sa Template Manager, mag-click dito at pagkatapos ay piliin ang Default upang mai-convert ito sa iyong default na template.

Kapag nagawa mo ito, makikita mo agad ang iyong bagong template kung gumagamit ka ng Joomla 1.5. Matatagpuan ito sa Manager ng Template. Maaari mo itong ma-access sa pamamagitan ng pag-click sa Mga Extension at pagpili ng Template Manager mula sa drop-down menu. Kung gumagamit ka ng edisyon ng Joomla 2.5 at sa itaas, dapat mo munang ipagbigay-alam sa Joomla na ikaw ay nagdisenyo ng isang sariwang template.

Ang elementong ito na kailangan mong gawin ito ay tinukoy bilang Discover Extension at maaari mong ma-access ito sa pamamagitan ng pag-click Mga Extension at pagkatapos Pagpapalawak Tagapamahala sinundan ng Matuklasan tab. Sa pamamagitan ng pag-click sa Matuklasan tab upang mahanap ang iyong template, maaari mong piliin ang iyong template at pagkatapos na kailangan mong pindutin ang I-install tab upang mai-install ito. Sa puntong ito, makikita mo ang template na nilikha mo lamang sa Template Manager (Estilo). Upang makarating dito Mga Extension at pagkatapos ay mag-click sa Tagapamahala ng template

Posible na lumikha ng isang template sa labas ng platform ng Joomla at kapag tapos ka na, maaari mo lamang itong mai-install tulad ng gusto mo ng iba pang mga karaniwang mga extension. Mayroong maraming mga paraan na maaari mong sundin upang i-preview ang iyong pahina ng index habang nilikha mo ito. Maaari mo itong gawin sa pamamagitan ng pagpasok ng mga pattern sa ulo ng iyong pahina ng index o sa pamamagitan ng pag-link nito nang diretso sa pattern ng pahina na nais mong gamitin sandali. Kapag handa ka nang i-package ang file, maaari mong alisin ang mga link.

Hakbang 12: Pakete ng iyong template at ihanda itong mai-install.

Kung ang iyong direktoryo ay naglalaman ng maraming mga slack file, hindi ito magiging angkop sa pagbabahagi. Samakatuwid, ang huling bagay na kailangan mong gawin ay upang maayos na i-package ang iyong direktoryo upang madali itong maipamahagi. Upang gawin ito, kailangan mong i-compress ang mga istruktura ng direktoryo at ang buong mga file at i-archive ito. ZIP mo ang package gamit ang isang .zip extension o iwanan ito TAR-gzip format sa paggamit ng isang .tar.gz extension. Bilang kahalili, maaari mong iwanan ito TAR-bz2 format gamit ang isang extension ng .tar.bz2.

Kung inilagay mo ang iyong template sa isang direktoryo na nagngangalang mytemplate /, halimbawa, upang i-package ang iyong template, maaari kang mag-link sa direktoryo at magpatakbo ng alinman sa mga sumusunod na utos:

tar cvvzf ../mytemplate.tar.gz *
zip -r .. \ mytemplate.zip *. *

Konklusyon

Kapag nakarating ka sa hakbang na ito, magkakaroon ka na ng gumaganang template ng Joomla. Maaaring hindi pa ito mahusay na hitsura na nais mo ngunit ang maaari mong gawin ay upang mag-eksperimento at subukan ang disenyo.

Suriin ang mga nangungunang 3 serbisyo sa pagho-host ng Joomla:

FastComet

Panimulang presyo:
$ 2.95


Kahusayan
9.7


Pagpepresyo
9.5


Friendly ng Gumagamit
9.7


Suporta
9.7


Mga Tampok
9.6

Basahin ang mga review

Bisitahin ang FastComet

ChemiCloud

Panimulang presyo:
$ 2.76


Kahusayan
10


Pagpepresyo
9.9


Friendly ng Gumagamit
9.9


Suporta
10


Mga Tampok
9.9

Basahin ang mga review

Bisitahin ang ChemiCloud

A2 Hosting

Panimulang presyo:
$ 3.92


Kahusayan
9.3


Pagpepresyo
9.0


Friendly ng Gumagamit
9.3


Suporta
9.3


Mga Tampok
9.3

Basahin ang mga review

Bisitahin ang A2 Hosting

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me