Gumawa ng template para sa Mas madali ang WordPress kaysa sa iniisip mo. Upang gawin ito, hindi mo kailangang magkaroon ng malawak na karanasan sa disenyo ng website o programming. Sa artikulong ito ay pag-uusapan natin ang mga pangunahing kaalaman sa paglikha ng iyong sarili mula sa simula. Mga tema ng WordPress.

Bakit maaaring kailanganin na lumikha sariling template WordPress, kailan ko magagamit ang mga template na magagamit sa database? Narito ang ilang dahilan na maaaring mag-udyok nito:

• Maaari kang makakuha ng natatanging website o landing page na iba sa iyong mga kakumpitensya. Isinasaalang-alang ang milyon-milyong mga blog na binuo sa CMS na ito, ang bawat karaniwang disenyo ay ginagamit nang hindi bababa sa isang daang beses.
• Ganap na kalayaan sa pagkilos sa yugto ng pag-unlad. Maaari mong idagdag ang iyong sariling pag-andar sa mga elemento ng trabaho na kailangan mo.
• Maaari kang gumamit ng iba't ibang mga disenyo para sa iba't ibang mga seksyon ng site, na hindi posible kapag gumagamit ng isang handa na template.
• Maaari kang lumikha ng maraming view at bigyan ang mga bisita ng kakayahang magpalipat-lipat iba't ibang paksa, na magpapataas ng interes at katapatan sa web resource.
• Ang pagiging simple ng pagtatrabaho sa WordPress ay ginagawang naa-access ito ng marami (makakatulong ang mga video tutorial sa Internet). Nangangahulugan ito na ang pagbuo ng pangunahing tema o paglikha ng tema ng bata mismo ay makatipid ng pera sa pagkuha ng mga third-party na designer at programmer.
• Maaari mong samantalahin ang posibilidad ng mga tema ng bata - kapag ginawa ang mga pagsasaayos sa mga duplicate ng talahanayan istilo ng mga istilo.css, habang ang pangunahing file ay nananatiling hindi nagalaw. Pinapayagan ka nitong mabilis na i-undo ang mga pagbabago kung hindi sila matagumpay, at hindi rin mawawalan ng trabaho kapag ina-update ang pangunahing tema.

Maikling tagubilin

Siyempre, hindi mo lubos na matututunan kung paano gumawa ng template ng page gamit ang isang artikulo lang. Upang magsimula sa, ito ay mahalaga upang maunawaan ang mga pangunahing kaalaman - kung paano ang pinaka mga simpleng tema. Batay sa kanila, maaari ka nang maging malikhain at lumikha ng isang landing page o website ayon sa iyong mga kagustuhan. Ngayon ay bibigyan ka namin ng maikling cheat sheet na may hakbang-hakbang na mga tagubilin– makakatulong ito sa iyo na maunawaan kung paano nilikha ang isang website.

Unang hakbang: gawaing paghahanda

Bago simulan ang trabaho, kailangan mong tiyakin na mayroon ka text editor(ang pinakasimple ay Notepad o Nodepad++, lalo na't maaari mong i-download ang mga ito nang libre). Ang susunod na hakbang ay ang pag-install WordPress engine at nagsimula na si Denver lokal na kompyuter. Ang Denver ay isang pakete ng mahahalagang kasangkapan para sa mga programmer. Sa kanilang tulong, ang proseso ng pagbuo at pagbabago ng mga website ay lubos na pinadali at pinabilis. Ipapakita sa iyo ng video na ito kung paano i-install ito:

Pangalawang hakbang: lumikha ng bagong folder ng tema

Pumunta tayo sa nais na direktoryo. Ito ay kadalasang tumatagal sa sumusunod na landas: . Ang lahat ng mga tema ay naka-imbak dito - parehong karaniwan at custom. Tara na at likhain natin ito bagong folder. Tinatawag namin ito, halimbawa, "MyFirstTheme".

Pumunta ngayon sa isang bagong folder at tiyaking magdagdag ng dalawang file na ginawa sa pamamagitan ng Nodepad++ o isa pang editor. Ito ay index.php at style.css. Sa ngayon, hayaang manatiling walang laman ang mga dokumentong ito, pagkatapos ay sisimulan na naming punan ang mga ito. Idagdag din ang folder ng mga imahe sa "MyFirstTheme". kung saan maaari kang magdagdag ng mga larawan upang palamutihan ang template.

Kasunod nito, maaari kang magdagdag ng mga template sa “MyFirstTheme” para sa mga indibidwal na bahagi site: sidebar (sidebar.php), site (header.php), mga post sa mga pahina (single.php), komento (comments.php), atbp. Itakda karagdagang mga file depende sa istrakturang pinaplano mo para sa iyong mapagkukunan sa web.

Ikatlong hakbang: pagpuno sa index.php

Ang unang bagay na dapat gawin ay punan index file(index.php). Narito ang isang halimbawa ng simpleng code, ayon sa kung saan ang site ay magkakaroon ng apat na lugar: header, main, sidebar at footer.

Sa file maaari mong irehistro ang anumang mga elemento na gusto mong makita sa iyong website. Higit pang impormasyon Maaari mong malaman ang tungkol sa pagsulat ng index.php code upang lumikha ng mga tema sa WordPress mula sa video:

Ikaapat na hakbang: punan ang style.css

Ngayon ay kailangan mong buksan ang style.css, magdagdag at punan sumusunod na mga patlang(sa halip na ***, ilagay ang iyong sariling impormasyon tungkol sa site at may-ari). Ang ipinasok na data ay ipapakita sa admin panel.

/*Pangalan ng Tema: ***

URI ng Tema: http:// ***

URI ng may-akda: http:// ***

Paglalarawan: ***

Sa dakong huli, posibleng magpasok ng iba't ibang data at panuntunan sa file na ito na tumutukoy sa hitsura ng mga pahina. Halimbawa:

(ang impormasyon sa /**/ ay mga komento, hindi mga bahagi ng code)

Naka-on sa yugtong ito Masyado pang maaga upang magtakda ng mahigpit na mga parameter ng estilo, ngunit karagdagang trabaho gamit ang file ay makikita mong kapaki-pakinabang ang video tutorial na ito:

Hakbang limang: hatiin ang mga file

Ang lahat ng mga elemento na tinukoy sa index.php ay dapat na madoble sa magkahiwalay na mga file. Sa unang hakbang, sa halimbawa, bilang karagdagan sa pangunahing bahagi, tinukoy ang header, sidebar at footer - samakatuwid, gumawa kami ng sarili naming mga dokumento para sa kanila sa .php na format.

Halimbawa, gumawa ng file header.php, buksan ang index.php. hanapin ang kaukulang seksyon ng code at i-paste ito sa bagong file. Ito ay magiging:

Ang parehong ay ginagawa para sa mga natitirang bahagi. Dapat itong gawin para sa mas madaling pag-navigate. Kapag maraming elemento ng hinaharap na site, kung gayon hiwalay na mga file ay makakatulong sa iyong mas mahusay na mag-navigate para sa pagsusuri o paggawa ng mga pagbabago.
Upang ang pangunahing index file ay maging pare-pareho sa mga karagdagang, ang mga sumusunod ay dapat na nakasulat sa index.php sa ilalim ng mga bloke para sa bawat bahagi:

Nasa ibaba ang isang listahan karaniwang mga file mga template na ginagamit ng WordPress. Hindi mo kailangang gamitin ang mga ito o magdagdag ng sarili mong mga seksyon:

• Header – ang istilo ng header ng iyong site.
• Mga Komento - template para sa paglikha ng mga komento.
• Tahanan – tema para sa home page.
• Pahina - tumutukoy sa tema kung gagawa ka ng hiwalay na mga pahina sa site
• Kategorya – template para sa paghahati-hati ng mga kategorya
• Petsa – tumutukoy sa istilo ng pagpapakita ng petsa-oras.
• Archive – isang template para sa isang seksyon ng archive na may mga lumang materyales.
• Paghahanap – isang file na tumutukoy sa mga parameter para sa paghahanap sa site.
• Ang 404 ay isang template para sa isang page na nag-uulat ng 404 Not Found error.
• Footer – tumutukoy sa istilo ng footer ng iyong site.

Kapag pinuna mo ang bawat elemento, kakailanganin mo ng visual na video tutorial. Narito ang ilang mga pagpipilian na maaaring makatulong sa iyo:

Header sa header.php:

Pagdaragdag ng nilalaman:

Mga komento sa pag-istilo:

Footer sa site:

Paano gumawa ng mga pagbabago nang ligtas

Kapag kailangan mong gumawa ng mga pagbabago sa mga pahina ng website, may panganib na magsulat ng isang bagay nang hindi tama at hindi magawang "ibalik" ito. Maaaring mangyari din na mawala ang mga kontribusyon sa stylesheet kapag na-update ang pangunahing tema.

Upang maiwasang mangyari ito, maaari kang lumikha ng isang bata na tema ng WordPress (subtheme) - ito ay isang duplicate ng style.css file na hindi nakakaapekto sa pangunahing file (ang mga pagbabago sa isa ay hindi nagkansela ng mga update sa isa pa).

Paglikha ng isang subsidiary Mga tema ng WordPress hindi ito magiging mahirap. Kailangan mong gumawa ng bagong folder sa pangunahing direktoryo C:\WebServers\home\localhost\www\NAME_SET_DUR_INSTALL\wp-content\themes. Sa bagong folder lumikha kami ng sarili naming style.css file na may sumusunod na nilalaman:

Pangalan ng Tema: PANGALAN NG PAKSA

Template: FOLDER NAME SA TEMA NG BATA

Theme URI: FILL IN

Paglalarawan: FILL IN

URI ng May-akda: FILL IN

/* import ang mga istilo ng parent theme */

@import url("../NAME/style.css");

/* Iyong sariling mga karagdagang istilo */

Foo(kulay:pula;)

Ngayon ay maaari ka nang pumunta sa “Appearance›Themes” sa admin panel at i-activate ang child template. Sa hinaharap, maaari kang magtrabaho sa bagong file. Bilang karagdagan, isang maikling pagtatanghal ng video sa paksa ng mga template ng bata:

Lahat ng mga seksyon ng site site

Ano ang isang tema + i-customize ang Aero para sa Windows 7

Pag-customize ng Windows 7 Theme

Ano ang isang tema?

Ang tema ay isang pagsasama-sama ng mga larawan, kulay, at tunog sa computer. Kasama dito ang background desktop

, splash screen, kulay ng hangganan ng bintana at sound scheme.

Ang ilang mga tema ay maaari ding maglaman ng mga desktop icon at mouse pointer. Ang Windows ay may kasamang ilan.

karaniwang mga tema Maaari kang pumili Aero theme upang i-customize ang iyong computer, ang tema na “Windows 7 - pinasimpleng istilo” kung mabagal na tumatakbo ang iyong computer, o isang tema na may mataas na contrast

upang mapabuti ang visibility ng mga elemento sa screen.

Mag-click ng tema para ilapat ito sa iyong desktop.
Ang tema ay naglalaman ng background sa desktop, screen saver, kulay

mga bintana at tunog.

Buksan ang seksyong "Personalization." Upang gawin ito, i-click ang Start button at piliin ang Control Panel. Sa box para sa paghahanap, i-type ang personalization at pagkatapos ay i-click ang Personalization.

Maaari mo ring palitan ang mga larawan, kulay at tunog nang paisa-isa upang lumikha ng customized na tema. Tingnan sa ibaba para sa karagdagang impormasyon

Paglikha ng tema para sa Windows Maaari mong baguhin ang mga indibidwal na bahagi ng tema (mga larawan, kulay, at tunog), at pagkatapos ay i-save ang binagong tema para sa sariling gamit o para sa pagbabahagi

kasama ang ibang mga gumagamit.

Pagbabago ng Mga Bahagi ng Tema:

2. I-click ang tema na gusto mong baguhin para ilapat ito sa iyong desktop.

3. Gawin ang isa o higit pa sa mga sumusunod:

3.1. Upang baguhin ang background, i-click ang Background ng Desktop, piliin ang check box para sa larawang gusto mong gamitin, at pagkatapos ay i-click ang I-save ang Mga Pagbabago.

3.2. Upang baguhin ang kulay ng mga hangganan ng window, i-click ang Kulay ng Window, i-click ang kulay na gusto mong gamitin, at pagkatapos ay i-click ang I-save ang Mga Pagbabago.

3.3. Upang baguhin ang mga tunog para sa isang tema, i-click ang Mga Tunog, pumili ng isang item mula sa listahan ng Mga Sound Scheme, at pagkatapos ay i-click ang OK. 3.4. Upang magdagdag o magpalit ng screensaver, i-click ang Screensaver, piliin ang item sa listahan ng Screensaver, baguhin lahat kinakailangang mga parameter

, at pagkatapos ay i-click ang OK.

Lalabas ang binagong tema sa seksyong Aking Mga Tema bilang isang hindi na-save na tema. Sine-save ang binagong tema para sa iyong sariling paggamit lamang

1. Buksan ang seksyong "Personalization". Upang gawin ito, i-click ang Start button at piliin ang Control Panel. Sa box para sa paghahanap, i-type ang personalization at pagkatapos ay i-click ang Personalization. Lumilitaw ang tema sa listahan ng Aking Mga Tema. Pakitandaan na ang paraan ng pag-save ng mga paksa ay hindi nagbibigay pangkalahatang pag-access

===================

================

Para mag-save ng binagong tema na ibabahagi sa ibang mga user:

Upang magbahagi ng binagong tema, sundin ang mga hakbang na ito:

Upang ipamahagi ang paksa na maaari mong gamitin
email, network o panlabas na hard drive.

Lalabas ang binagong tema sa seksyong Aking Mga Tema bilang isang hindi na-save na tema. Sine-save ang binagong tema para sa iyong sariling paggamit lamang

2. I-click ang binagong tema para ilapat ito sa iyong desktop.

3. Mag-click sa isang paksa i-right click mouse, at pagkatapos ay piliin ang I-save ang Tema para sa Pagbabahagi. I-customize ang Windows 7 Theme
Ano ang isang tema | i-configure ang Aero sa Win7 lumikha ng isang tema)

Upang gawin ito, kakailanganin mo ng isang espesyal na tagabuo ng tema sa web, kaunting inspirasyon at ilang minuto ng libreng oras. Bagaman kung nagdurusa ka sa pagiging perpekto, maaari kang gumugol ng ilang oras. Binalaan ka namin. :)

Kaya, buksan ang web application. Makakakita ka ng mga tab na may mga tool para sa paglikha ng mga tema sa kaliwang bahagi ng window at isang lugar para sa silipin resulta sa kanan.

Binibigyang-daan ka ng constructor na ito na lumikha ng mga tema sa isang semi-awtomatikong mode. Ngunit maaari mo ring i-customize ang lahat nang manu-mano upang ang resulta ay ganap na nababagay sa iyong panlasa.

1. Madaling paraan

Ang punto ay ito: mag-upload ka ng anumang imahe na gusto mo sa constructor, at ginagamit ito ng ThemeBeta bilang pangunahing background para sa bagong tema at awtomatikong inaayos ang lahat ng mga kulay ng disenyo dito.

Upang magdagdag ng sarili mong larawan, sa ilalim ng Basic na tab, i-click ang Mag-upload ng Larawan at piliin ninanais na imahe sa computer. Pagkatapos, para ipasadya ng editor ang mga kulay ng tema, i-click ang Bumuo ng Mga Kulay.

Kung nasiyahan ka sa resulta, i-click ang Pack at I-install at kumpirmahin ang pag-download at pagkatapos ay idagdag ang tema sa Chrome. Agad na ina-activate ng browser ang bagong disenyo.

Kung pagkatapos mga awtomatikong setting gugustuhin mong baguhin ang mga kulay o magdagdag ng hiwalay na background para sa iba't ibang elemento mga tema, kakailanganin mo ang mga tool sa ilalim ng iba pang mga tab. Higit pang mga detalye tungkol sa mga ito ay nasa susunod na talata ng artikulo.

2. Advanced na paraan

Ang pamamaraang ito ay manu-manong setting mga background at kulay ng teksto para sa bagong tema.

Upang pumili ng mga larawan o kulay bilang mga background para sa iba't ibang elemento ng disenyo, gamitin ang mga tool sa ilalim ng tab na Mga Larawan. I-hover lang ang iyong cursor sa anumang tool, at sa window sa kanan ipapakita ng taga-disenyo kung aling bahagi ng tema ang binago nito. Halimbawa, ang NTP Background ay ginagamit upang i-configure ang pangunahing background. At pinapayagan ka ng Tab Background na piliin ang background ng header ng site.

Kapag naisip mo na ang mga background, maaari mong i-customize ang mga kulay ng teksto sa tab na Mga Kulay. Ang lahat ay gumagana sa parehong paraan dito. Mayroong isang listahan ng mga tool, ituro ang alinman sa mga ito - at sa window sa kanan makikita mo kung ano ang responsable nito.

Kapag tapos ka na sa mga background at kulay ng teksto, buksan ang tab na Pack at i-click ang Pack at I-install upang i-download at ilapat ang iyong napiling tema.

Bilang karagdagan, maaari mong palaging pumili at mag-install ng isa sa marami na handa na mga tema mula sa ThemeBeta database o ang opisyal na Google catalog. Kung sa hinaharap gusto mong bumalik sa karaniwang disenyo, pumunta sa Mga setting ng Chrome at sa tapat ng item na "Mga Tema", i-click ang "Default na sukat".

Ang mga tema ng WordPress ay binubuo ng mga file at estilo na magkakasamang tinutukoy hitsura site. Maaaring ibang-iba ang mga ito sa isa't isa, na nagpapahintulot sa mga user na mabilis na baguhin ang disenyo ng website. Ngunit bakit maaaring kailanganin mo ang iyong sariling tema?

• Upang lumikha ng iyong sarili natatanging disenyo site.
• Upang gamitin ang , at upang ipakita ang iba't ibang nilalaman at mga estilo ng pahina.
• Upang lumikha ng mga alternatibong template para sa mga espesyal na seksyon site, halimbawa para sa mga pahina ng kategorya at mga resulta ng query sa paghahanap.
• Upang mabilis na lumipat sa pagitan ng dalawang layout ng site, o upang payagan ang mga user na baguhin ang hitsura ng iyong site.
• Upang gawing pampubliko ang iyong tema at payagan ang iba na masiyahan sa iyong disenyo.

Ang isang tema ng WordPress ay nagbibigay din ng ilang mga benepisyo.

• Pinaghihiwalay niya ang mga istilo ng pagtatanghal sa mga file ng system, na nagbibigay-daan sa iyong gumawa ng mga update nang wala malakas na pagbabago hitsura ng site.
• Pinapayagan ka nitong i-customize ang mga opsyon sa output na tukoy sa tema.
• Gamit ito maaari mong mabilis na baguhin ang hitsura ng isang WordPress site.
• Salamat dito, hindi na kailangan ng user na matuto ng CSS, HTML at PHP upang gawing kaakit-akit ang kanilang website.

Ngunit bakit kailangan mong lumikha ng iyong sarili? sariling paksa? Iyan ang pangunahing tanong.

• Ito ay isang pagkakataon upang matuto nang higit pa tungkol sa CSS, HTML/XHTML at PHP.
• Ito ay isang pagkakataon upang ipakita ang iyong mga kasanayan sa CSS, HTML/XHTML at PHP.
• Ito ay isang pagkakataon upang lumikha.
• Ito ay masaya (para sa karamihan).
• Kung ginawa mong pampubliko ang iyong tema, makakakuha ka ng kasiyahan sa pagbabahagi at pagbibigay ng isang bagay pabalik sa Komunidad ng WordPress (maaari kang magyabang!)

Pamantayan sa Paglikha ng Tema

Kapag nagko-coding ng mga tema ng WordPress, sumunod sa mga sumusunod na pamantayan:

• Gumamit ng wastong istruktura, walang error na PHP code at wastong HTML code (tingnan).
• Gumamit ng wastong pagkakabuo, wastong CSS code (tingnan).
• Sundin ang mga rekomendasyon para sa.

Mga Paksa ng Anatomya

Ang mga tema ng WordPress ay matatagpuan sa wp-content/themes/subdirectory. Ang direktoryo ng tema ay naglalaman ng mga style sheet, file karagdagang pag-andar(functions.php) at mga larawan. Halimbawa, ang isang tema na tinatawag na "pagsubok" ay malamang na matatagpuan sa wp-content/themes/test/ directory.

Sa pamamagitan ng default na WordPress naglalaman ng tatlong tema na nilikha ng koponan Mga developer ng Wordpress: "Twenty Fifteen", "Twenty Sixteen" at "Twenty Seventeen". Ang mga temang ito ay naiiba sa bawat isa at gamit iba't ibang function at mga tag upang lumikha ng hitsura at pakiramdam ng site. Tingnang mabuti ang kanilang mga component file para mas maunawaan kung paano gumawa ng sarili mong tema.

Ang isang tema ng WordPress ay binubuo ng tatlong pangunahing uri ng file, bilang karagdagan sa mga imahe. Ang una ay isang style sheet na tinatawag na style.css, na kumokontrol sa hitsura ng mga pahina ng site. Ang pangalawa ay nagbibigay ng karagdagang functionality file (functions.php). Ang natitirang mga file ay mga template file na tumutukoy kung paano ipinapakita ang impormasyon mula sa database sa web page. Tingnan natin ang bawat uri nang hiwalay.

Style sheet ng tema

Bilang karagdagan sa aktwal na stylesheet ng iyong tema, ang style.css file Kailangan dapat maglaman ng impormasyon tungkol sa iyong paksa sa anyo ng mga komento. Ang bawat paksa ay dapat magkaroon ng sarili nitong natatanging impormasyon sa mga komento ng header, kung hindi, magkakaroon ng mga problema sa . Lumilikha bagong paksa Batay sa umiiral na isa, una sa lahat baguhin ang mga komento sa header.

Nasa ibaba ang isang template ng header ng style sheet para sa iyong Rose na tema. Dapat itong matatagpuan sa simula ng style.css file, sa mga unang linya:

/* Pangalan ng Tema: Rose Theme URI: theme-homepage Paglalarawan: brief-description-of-theme Author: your-name Author URI: your-URI Template: write-parent-theme-name-here-optional-field Bersyon: bersyon -ang numero ay isang opsyonal na field. Detalyadong paglalarawan ng paksa/Lisensya-kung-kailangan. . */

Kasama sa pinakasimpleng tema ang isang style.css file at mga larawan kung kinakailangan. Upang lumikha ng ganoong tema, kailangan mong tukuyin ang pangalan ng parent na tema sa Template title bar: Halimbawa, kung ang iyong "Rose" na tema ay nagmula sa (nagmana) ng "test" na tema, isulat ang sumusunod na linya sa style.css header:

Template: pagsubok

Sa pamamagitan ng pagdaragdag ng linyang ito sa style.css header, ang lahat ng mga template sa "test" na tema ay mamanahin ng iyong "Rose" na tema, na walang iba kundi isang stylesheet file na tinatawag na style.css at posibleng ilang larawan. Ang mga file na ito ay kailangang ilagay sa wp-content/themes/Rose directory.

Dahil sa WordPress 2.7, maaaring maglaman ang isang child theme ng mga template file na ang mga pangalan ay kapareho ng mga pangalan ng template sa parent na tema, sa admin panel maaari mong piliin ang mga template na ito na gagamitin, at ang mga ito ay gagamitin sa halip na ang mga magulang.

Ang mga komento sa style.css header ay kailangan ng WordPress upang matukoy ang tema at maipakita ito sa submenu > bilang naka-install na tema, kasama ng iba pang mga naka-install na tema.

Tandaan : Kapag tinukoy mo ang isang parent na tema, sa Template: linya ng komento, dapat mong gamitin ang pangalan ng direktoryo ng tema. Halimbawa, para gamitin ang "Default na Wordpress Theme", huwag sumulat

Template: WordPress Default

at sumulat

Template: default

dahil ang "default" ay ang pangalan ng direktoryo ng pangunahing tema.

Karagdagang functionality file

Ang tema ay maaari ding gumamit ng file na may mga kinakailangang function Para gumana ang tema, dapat itong matatagpuan sa direktoryo ng tema at tinatawag na functions.php . Ang file na ito ay karaniwang gumagana tulad ng isang plugin, at kung ito ay naroroon sa direktoryo ng tema na iyong ginagamit, pagkatapos ay awtomatiko itong na-load sa panahon ng pagsisimula ng WordPress. Ito ay totoo kapwa para sa mga pahina ng admin at para sa iba pang mga pahina (panlabas sa admin). Inaalok susunod na gamit para sa file na ito:

• Tukuyin ang mga function na ginagamit sa mga file ng template ng iyong tema;
• Mga setting sa admin area ng iyong tema na nagbibigay sa mga user ng mga opsyon upang i-customize ang mga kulay, estilo, o iba pang aspeto ng iyong tema.

Ang mga tema na kasama ng WordPress at naka-install sa labas ng kahon ay mayroong functions.php file na tumutukoy sa ilang function at setting sa admin area ng tema, para magamit mo ito bilang isang modelo. Ang functions.php file ay karaniwang gumagana bilang isang plugin, seksyon ng Code - pinakamagandang lugar kung saan maaari kang makakuha ng higit pa detalyadong impormasyon tungkol sa kung paano mo magagamit ang file na ito.

Mga File ng Template ng Tema

Pagpili ng template batay sa mga query

Pinapayagan ng WordPress ang programmer na gamitin iba't ibang mga pagpipilian para ikonekta ang mga template mula sa set: una, gamit ang template hierarchy, at pangalawa, gamit ang mga conditional na tag sa loob ng template file processing cycle.

Sa unang kaso, kapag gumagamit ng isang template hierarchy, kailangan mong lumikha mga espesyal na file mga template na awtomatikong gagamitin sa tamang oras para gawin ang page sa halip na ang base index.php template. Halimbawa, kung ang iyong tema ay naglalaman ng isang template na tinatawag na category.php at isang kahilingan ay dumating para sa isang pahina ng kategorya, ang category.php template ay ilo-load sa halip na ang index.php template. Kung walang category.php file sa tema, ang index.php template ay mailo-load gaya ng dati.

Maaari mong tukuyin ang isang template para sa isang partikular na kategorya, halimbawa sa pamamagitan ng pagdaragdag ng category-6.php template file sa iyong tema. Gagamitin ang file sa halip na index.php kapag ang category ID ay 6. Para malaman ang category ID, pumunta sa > kung mayroon kang admin access sa WordPress version 2.3 o mas mababa.

Sa WordPress 2.5, ang ID column ay inalis sa admin panel. Matutukoy mo ang category ID sa pamamagitan ng pag-click sa "I-edit ang Kategorya" at pagtingin sa halaga ng cat_ID sa URL. Halimbawa, ang dulo ng URL:

"...categories.php?action=edit&cat_ID=3"

kung saan ang "3" ay ang ID ng kasalukuyang kategorya. Ang prosesong ito ay tinalakay nang mas detalyado sa

Kung kailangang makontrol ng iyong tema ang template ng display nang mas detalyado kaysa sa antas ng kontrol na ibinigay ng hierarchy ng template, maaari kang gumamit ng mga conditional na tag. Karaniwang sinusuri ng mga kondisyong tag kung ang ilang espesyal na kundisyon ay totoo sa runtime, kung saan maaari kang mag-load ng isang partikular na template o magpakita ng ilang mga variation ng teksto sa pahina ayon sa kundisyong iyon.

Halimbawa, para gumawa ng iba't ibang istilo depende sa numero ng kategorya, maaaring ganito ang hitsura ng code:

O, gamit ang isang object ng kahilingan, ang parehong algorithm ay maaaring ipatupad sa ibang paraan:

post; if ($post->in_category("9")) ( include(TEMPLATEPATH . "/single2.php"); ) else ( include(TEMPLATEPATH . "/single1.php"); ) ?>

Sa anumang kaso, ang parehong mga halimbawa ng code ay gagawa ng magkakaibang pattern depende sa category ID. Ang mga kondisyong tag ay hindi limitado sa mga kategorya, tingnan ang artikulo, tinatalakay nito ang lahat ng posibleng pagpipilian.

Mga icon ng uri ng file

Gumagamit ang Wordpress ng mga icon ng uri ng file () sa iyong blog at sa interface ng Admin Panel kung umiiral ang mga icon na ito sa tinukoy na lokasyon.

Hinahanap ng Wordpress ang mga file na ito sa direktoryo ng mga imahe ng kasalukuyang tema. (At sa Wordpress 2.2, ang default na tema ay may isang icon lamang, audio.jpg .)

Halimbawa, para mag-render ng icon ng MIME type audio/mpeg , hahanapin ng Wordpress ang icon na file sa tinukoy na direktoryo mga larawan ng kasalukuyang tema, pinipili nito ang unang tumutugmang file (tingnan ang paglalarawan ng function):

1. my_theme/images/audio.jpg
2. my_theme /images/audio.gif
3. my_theme/images/audio.png
4. my_theme/images/mpeg.jpg
5. my_theme /images/mpeg.gif
6. my_theme /images/mpeg.png
7. my_theme /images/audio_mpeg.jpg
8. my_theme /images/audio_mpeg.gif
9. my_theme /images/audio_mpeg.png

Listahan ng mga karaniwang file ng template ng tema

Nasa ibaba ang isang listahan ng mga karaniwang template file na ginagamit ng WordPress. Siyempre, ang iyong tema ay maaaring maglaman ng iba pang mga file ng pag-istilo, larawan, o program. Tandaan lamang na ang mga pangalan ng file sa ibaba ay may espesyal na kahulugan para sa WordPress - tingnan ang hierarchy template para sa karagdagang impormasyon.

Style.css Pangunahing file mga style sheet. Ang file ay dapat nasa paksa Kailangan at dapat maglaman ng mga komentong inilarawan sa itaas sa header ng file. index.php Pangunahing template file. Kung gagamit ka ng sarili mong mga template sa iyong tema, kailangan ang index.php file na ito. comments.php Template ng komento. Kung wala ito, ginagamit ang comments.php file mula sa default na tema.

comments-popup.php Nagdaragdag ng popup menu para sa mga komento ng JS. Kung hindi naroroon, ang comments-popup.php ay tinatawag mula sa default na tema.

Halimbawa, kung gusto mong magpakita ng isang post, ang function ay nagbabalik ng "true" at mayroong isang single.php template file sa aktibong direktoryo ng tema, ang template na ito ay ginagamit upang likhain ang pahina.

Mga link sa mga file mula sa template

Ang default na tema ng WordPress ay magandang halimbawa technique (unang inilarawan ni Michael Heilemann sa WordPress 1.2 layout ng Kubrick) kung paano nire-render ang mga query sa mga template.

Ang sumusunod na codeipinapasok ang URL ng template sa output ng template. Maaari kang magdagdag ng anumang karagdagang impormasyon upang mai-link sa mga file mula sa iyong tema.

Ang sumusunod na codeidinaragdag ang URL ng direktoryo na naglalaman ng mga .css file ng iyong tema sa output ng template. Maaari kang magdagdag ng anumang karagdagang impormasyon upang i-reference ang iyong mga theme file, lalo na ang mga kailangan para sa mga stylesheet (upang maiwasan ito, gamitin ito sa halip).

Ang TEMPLATEPATH constant ay naglalaman ng ganap na landas sa kasalukuyang direktoryo ng template ng tema (nang walang "/" sa dulo).

Tandaan na ang mga URI na ginagamit sa style sheet ay nakatali sa direktoryo kung saan matatagpuan ang style sheet file, hindi sa direktoryo kung saan matatagpuan ang template na gumagamit ng mga istilong iyon. Inaalis nito ang pangangailangang magdagdag ng PHP code sa stylesheet file upang maitakda ang kasalukuyang direktoryo. Halimbawa, kung gumagamit ka ng mga larawan mula sa mga larawan/direktoryo ng iyong tema sa iyong stylesheet, dapat mo lang tukuyin sa CSS kamag-anak na landas, Halimbawa:

H1 ( background-image: URL(images/my_background.jpg); )

Ito magandang opsyon gamitin ang paraang inilarawan sa itaas upang mag-link sa mga file. Sa kasong ito, hindi mo kakailanganin ganap na mga landas sa iyong mga template.

Pagtukoy sa Mga Uri ng Custom na Template

Upang magdagdag ng sarili mong mga uri ng mga template na ginagamit sa mga partikular na kaso, maaari mong gamitin ang system Mga plugin ng WordPress. Ito ay kinakailangan kung gusto mong gumawa, halimbawa, iba't ibang mga layout para sa iba't ibang mga kaso o iyong sariling template ng komento, atbp. Maaaring makamit ang extension ng WordPress na ito sa pamamagitan ng pagharang sa kaganapang template_redirect, tingnan ang . Higit pang impormasyon tungkol sa paglikha ng mga plugin ay matatagpuan dito.

Ang mga kinakailangang kaganapan ay tumatawag para sa pagiging tugma

Kapag nagdidisenyo ng isang tema, ipinapayong tandaan na ang iyong tema ay dapat na i-configure sa paraang maaari itong gumana nang maayos sa anumang WordPress plugin na gusto mong i-install o ng isa pang user ng iyong tema. Pinahaba ang mga plugin functionality WordPress gamit ang "Action Hooks", tingnan para sa higit pang impormasyon. Karamihan sa mga kaganapan ay nangyayari sa WordPress core, kaya ang iyong tema ay hindi kailangang tumawag ng mga custom na kaganapan upang gumana. Ngunit ang ilang mga naharang na kaganapan ay kailangan pa ring tawagan upang ang mga naka-install na plugin ay direktang magpakita ng impormasyon sa header (header) at footer (footer), sa sidebar, o sa pangunahing katawan ng pahina. Narito ang isang listahan ng mga espesyal na tag ng kaganapan na kailangang tawagan sa iyong tema tamang operasyon anumang mga plugin:

Wp_head Nangyayari kapag ipinakita ang code ng elemento sa header.php template. Halimbawa ng paggamit sa plugin: pagdaragdag ng javascript code. Paggamit: -o- wp_footer Nangyayari kapag ipinakita ang header ( header Paggamit: ) "footer" na tema sa footer.php template. Isang halimbawa ng paggamit sa plugin: paglalagay ng PHP code na dapat isagawa pagkatapos ng lahat, ang pinakahuli sa page.

Paggamit:

Karaniwang nangyayari ang wp_meta Event kapag naproseso ang isang tag Paggamit: Meta kapag nag-render ng isang menu o sa isang sidebar menu sa sidebar.php template. Halimbawa ng paggamit: Pagsasama ng 360-degree na ad o tag cloud sa iyong sidebar.Paggamit:

comment_form Nangyayari kapag ang mga script ng template ng comments.php at comments-popup.php ay naproseso, kaagad bago isara ang tag ng form ng komento ( ). Halimbawa ng paggamit: Ipakita ang preview ng mga bagong idinagdag na komento. Paggamit:

ID); ?>

Para sa

1. tunay na halimbawa
2. , mahahanap mo ang mga tawag sa kaganapang ito para sa mga plugin sa kani-kanilang mga default na template ng tema.
3. Pangkalahatang mga tala para sa mga developer ng tema
4. Mangyaring maging malinaw at ilarawan sa iyong dokumentasyon ng tema (isang README file na kasama sa iyong tema ay makakatulong sa maraming mga gumagamit na lampasan ang anumang mga potensyal na hadlang):
5. Ipahiwatig kung para saan ang iyong tema at template file. Sundin ang kombensyon ng pagbibigay ng pangalan sa karaniwang hierarchy ng tema., na maaaring may kasamang custom na pag-overwrite o mga panuntunan sa pagbabago, o ang paggamit ng ilang karagdagang, espesyal na template, larawan o iba pang mga file, mangyaring malinaw na isaad ang mga hakbang ng pagkilos ng user na dapat niyang gawin upang maging ganap na gumagana ang iyong tema.
6. Subukan at subukan ang iyong tema sa iba't ibang mga browser upang mahuli ang hindi bababa sa ilan sa mga problema na maaaring makaharap ng mga user.
7. Tukuyin impormasyon sa pakikipag-ugnayan(web page o email), kung maaari, para sa suporta sa impormasyon at mga tanong ng user.

Mga link at mapagkukunan

Ang isang kumpletong listahan ng mga mapagkukunan na nauugnay sa mga tema at template ay magagamit sa artikulo.

Maraming nag-install ng Windows 7 ang hindi makakuha ng sapat na interface ng Aero. Paano gumawa ng sarili mong tema sa Windows 7?

Ang lahat ay napaka-simple - sasabihin ko pa ngang intuitive, dahil ginawa ko ito sa aking sarili 3 minuto pagkatapos kong magtakdang gumawa ng sarili kong tema.

Para mas malinaw, gagawa ako ng mga tagubilin sa mga larawan, kung ano ang mayroon ako wikang Ingles sa Windows sa tingin ko ay hindi ito makakasakit ng sinuman. Sa ibang mga wika ang lahat ay magkatulad.

1. Mag-right-click sa desktop at piliin ang I-personalize.

3. Magbubukas ang window ng pagpili ng background. Alisan ng check ang mga hindi kinakailangang larawan. At kung kinakailangan, gamitin ang button na Mag-browse upang piliin ang folder na may mga larawang gusto mong idagdag sa tema. Pinakamainam para sa mga larawan na magkaroon ng resolution na hindi bababa sa 1024 by 768. Format ng jpg. Mga larawan mula 5-8. Ito ay kung ipo-post mo ang paksa sa Internet. Kung gumagawa ka ng Windows 7 na tema para sa iyong sarili, pagkatapos ay gawin ito ayon sa gusto mo. Sa ibaba, huwag kalimutan ang tungkol sa checkbox - mga opsyon sa pagpapakita: random o sunud-sunod. Maaari ka ring pumili ng lokasyon larawan sa background– ang default ay kadalasan pinakamainam na halaga(iunat ang larawan).

4. Susunod, i-save ang mga pagbabago. Muli mong makikita ang window mula sa hakbang 2. Piliin ang kulay ng Windows - ito ang mahalagang kulay ng tema. Maaari kang pumili ng isang kulay mula sa mga iminungkahing o gumawa ng iyong sariling lilim. At piliin ang iyong transparency.

5. Susunod, i-save ang mga pagbabago. Muli mong makikita ang window mula sa hakbang 2. Piliin ang Mga Tunog. Pumunta sa detalye kung paano gumawa ng iyong sarili sound scheme- Hindi ko gagawin. Maaari kang pumili mula sa mga iminungkahing nasa drop-down na listahan.

6. Maaari kang pumili ng isang screensaver para sa tema, ngunit sa palagay ko ay hindi na kailangang piliin ito, maliban marahil sa isang itim na screen. Samakatuwid, ligtas naming aalisin ang item na Screen Saver.

7. Susunod na makikita natin na ang tema ay nasa seksyong Aking Mga Tema at nakasulat na hindi ito naka-save (Unsaved Theme). Nag-right-click kami dito at pumili mula sa drop-down na listahan: ang unang item na I-save ang tema, kung gusto lang naming i-save ito sa aming computer (magpasok lamang ng isang pangalan). O piliin ang: pangalawang item I-save ang Tema para sa Pagbabahagi upang i-save ang tema sa isang file.

8. Nalikha na ang buong paksa. Maaari kang mag-download ng libreng tema ng Windows 7 – Chiang Mai Zoo. Dito ko isinagawa ang aking mga eksperimento. Ang mga larawan doon ay kuha ko lahat.