Sådan laver du selv en WordPress-skabelon, gratis og uden programmering. Oprettelse af et simpelt Wordpress-tema
Denne tutorial viser dig, hvordan du opretter ny skabelon sider for WordPress skabeloner Kirsebær Ramme.
Log ind på dit WordPress admin panel.
Åbn menuen Sider -> Tilføj nyt (Sider -> Tilføj nyt) og skabe ny side med en ny sideskabelon.
Indtast en titel til siden, og gem dine ændringer. I højre kolonne i panelet kan du vælge en af de sideskabeloner, der bruges i dit tema. Du skal tilføje en ny sideskabelon til denne liste. Alle disse skabeloner er placeret i en mappe på din server. Men du skal tilføje en ny sideskabelon til mappen wp-content/themes/theme#####.
Opret en ny .php-fil i en hvilken som helst editor som Dreamweaver eller Notepad++ og giv den et navn som: ny.php . Tilføj følgende kode til denne fil:
Gem filen og upload den til mappen wp-content/themes/theme##### til din server.
Gå nu tilbage til den side, du oprettede i admin WordPress paneler. I panelet Sideattributter Du kan vælge en ny sideskabelon kaldet "Brugerdefineret".
Åbn new.php-filen igen og begynd at tilføje dit indhold. Filen kan indeholde, hvad du vil, inklusive uforanderligt indhold eller sidelayoutelementer, der viser sideindhold.
Du kan bruge kodeelementer fra andre sideskabeloner fra mappen wp-content/themes/CherryFramework at oprette en bestemt side.
Lad os først tilføje et sidehoved og en sidefod til den nye sideskabelon:
Hvis du gemmer dine ændringer, vil du kunne se dem på siden:
Nu skal du vælge den type indhold, du vil bruge på denne side. Lad os sige, at du ikke har separat skabelon sider for tilpassede indlæg "Vores team". Og du kan lide designet af Testimonials-sideskabelonen og vil gerne bruge dette design til "Vores Team"-indlæg. For at gøre dette i menuen Design -> Editor (Udseende -> Editor) du kan nemt finde filen, der indeholder koden til Testimonials-sideskabelonen. Hans navn page-testi.php.
Åbn denne fil til redigering. Kopier kun indholdskoden, da du allerede har tilføjet sidehoved og sidefod (nedenfor er et eksempel på denne kode, din kode kan se anderledes ud):
Indsæt den kopierede kode i new.php-filen. Erstatte Skabelonnavn: Brugerdefineret på Skabelonnavn: Team
Og udskift page-testi.php på ny.php i denne kode.
Denne kode indeholder også et link til filen loop/loop-testi.php. Dette er endnu en fil, som du skal kopiere og redigere. Kopier filen loop-testi.php fra mappe wp-content/themes/CherryFramework/loop og indsæt det i mappen wp-content/themes/theme#####/loop(hvis din temamappe ikke har en mappe sløjfe, bør du oprette det). Omdøb denne fil for eksempel til loop-new.php og åbn den til redigering. Udskift ordet "testi" på ord "hold" i alle linjer i filen og gem ændringerne. (Du kan bruge tastaturgenvejen Control (Command) + F til at erstatte ord.)
Når filen loop-new.php oprettet og redigeret, skal du åbne filen igen ny.php og erstatte loop/loop-testi.php på loop/loop-new.php i hans kode. Som et resultat vil din kode se sådan ud:
Gem dine ændringer og test din nye side. Det skulle nu indeholde tilpassede "Vores Team"-indlæg med Testimonials-sidedesignet.
Det er nemmere at oprette en WordPress-skabelon, end du måske tror. For at gøre dette behøver du ikke at have stor erfaring med hjemmesidedesign eller programmering. I denne artikel vil vi lede dig gennem det grundlæggende i at skabe dine egne WordPress-temaer fra bunden.
Hvorfor skal du overhovedet oprette din egen WordPress-skabelon, når du kan bruge de skabeloner, der er tilgængelige i databasen? Her er nogle årsager, der kan forårsage dette:
- Du kan få en unik hjemmeside eller landingsside, der er forskellig fra dine konkurrenter. I betragtning af de millioner af blogs, der er bygget på dette CMS, bliver hvert typisk design brugt mindst hundrede gange.
- Fuldstændig handlefrihed på udviklingsstadiet. Du kan tilføje din egen funktionalitet med de arbejdselementer, du har brug for.
- Du kan bruge forskellige designs til forskellige dele af webstedet, hvilket ikke er muligt, når du bruger en færdiglavet skabelon.
- Du kan lave flere visninger og give besøgende mulighed for at skifte mellem forskellige emner, hvilket vil øge interessen og loyaliteten over for webressourcen.
- Enkelheden ved at arbejde på WordPress gør det tilgængeligt for mange (videotutorials på internettet vil hjælpe). Det betyder, at det at udvikle et hovedtema eller selv oprette et børnetema vil spare penge på at ansætte tredjepartsdesignere og programmører.
- Du kan drage fordel af muligheden for underordnede temaer - når der foretages justeringer for at duplikere typografiark style.css, mens hovedfilen forbliver uberørt. Dette giver dig mulighed for hurtigt at fortryde ændringer, hvis de ikke lykkes, og heller ikke at miste arbejde, når du opdaterer hovedtemaet.
Korte instruktioner
Selvfølgelig vil du ikke fuldt ud kunne lære, hvordan du opretter en sideskabelon med kun én artikel. Til at begynde med er det vigtigt at forstå det grundlæggende – hvordan de enkleste temaer er lavet. Baseret på dem kan du allerede nu være kreativ og oprette en landingsside eller hjemmeside efter dine ønsker. Nu vil vi give dig et kort snydeark med trin-for-trin instruktioner - det vil hjælpe dig med at forstå, hvordan du opretter en hjemmeside.
Trin et: forberedende arbejde
Før du begynder at arbejde, skal du sikre dig, at du har en teksteditor (den enkleste er Notepad eller Nodepad++, især da du kan downloade dem gratis). Det næste trin er at installere WordPress-motoren og Denwer-pakken på din lokale computer. Denver er en pakke med vigtige værktøjer til programmører. Med deres hjælp er processen med at udvikle og ændre hjemmesider meget lettet og accelereret. Denne video viser dig, hvordan du installerer det:
Trin to: Opret en ny temamappe
Lad os gå til den ønskede mappe. Det tager oftest følgende vej: . Alle temaer er gemt her - både standard og brugerdefinerede. Vi går ind i det og opretter en ny mappe. Vi kalder det for eksempel "MyFirstTheme".
Gå nu til en ny mappe, og sørg for at tilføje to filer lavet via Nodepad++ eller en anden editor. Disse er index.php og style.css. Lad nu disse dokumenter forblive tomme, så begynder vi at udfylde dem. Tilføj også billedmappen til "MyFirstTheme". hvor du kan tilføje billeder til at dekorere skabelonen.
Efterfølgende kan du tilføje skabeloner til “MyFirstTheme” for individuelle dele af siden: sidebar (sidebar.php), site (header.php), indlæg på sider (single.php), kommentarer (comments.php), osv. A sæt yderligere filer afhænger af den struktur, du planlægger for din webressource.
Trin tre: udfylde index.php
Den første ting at gøre er at udfylde indeksfilen (index.php). Her er et eksempel på den enkleste kode, ifølge hvilken siden vil have fire områder: sidehoved, hoved, sidebjælke og sidefod.
Webstedets titel
I filen kan du registrere de elementer, du ønsker at se på din hjemmeside. Mere information om at skrive index.php-kode for at oprette temaer i WordPress kan findes i videoen:
Trin fire: udfyld style.css
Nu skal du åbne style.css, tilføje og udfylde følgende felter (indtast dine egne oplysninger om webstedet og ejeren i stedet for ***). De indtastede data vil blive vist i admin panelet.
/*Temanavn: ***
Tema-URI: http:// ***
Forfatter-URI: http:// ***
Beskrivelse: ***
Efterfølgende vil det være muligt at indtaste forskellige data og regler i denne fil, der bestemmer sidernes udseende. For eksempel:
(oplysningerne i /**/ er kommentarer, ikke dele af kode)
På dette stadium er det for tidligt at indstille strenge stilparametre, men når du arbejder videre med filen, vil denne videovejledning være nyttig:
Trin fem: opdel filerne
Alle elementer specificeret i index.php skal duplikeres i separate filer. I trin et, i eksemplet, udover hoveddelen, blev header, sidebar og footer specificeret - derfor opretter vi vores egne dokumenter til dem i .php-format.
Opret for eksempel en fil header.php, åbn index.php. Vi finder den tilsvarende sektion af kode og indsætter den i en ny fil. Det vil være:
Webstedets titel
Det samme gøres for de resterende dele. Dette bør gøres for lettere navigation. Når der er mange elementer på det fremtidige websted, vil separate filer hjælpe dig med bedre at navigere for at kontrollere eller foretage ændringer.
For at hovedindeksfilen skal være konsistent med de yderligere, skal følgende skrives i index.php under blokkene for hver del:
Nedenfor er en liste over standard skabelonfiler brugt af WordPress. Du behøver ikke at bruge dem eller tilføje dine egne sektioner:
- Header – stilen på dit websteds header.
- Kommentarer – skabelon til oprettelse af kommentarer.
- Hjem – tema for hovedsiden.
- Side - definerer temaet, hvis du opretter separate sider på webstedet
- Kategori – skabelon til nedbrydning af kategorier
- Dato – definerer visningsstilen for dato og klokkeslæt.
- Arkiv – en skabelon til en arkivdel med gamle materialer.
- Søg – en fil, der angiver parametre for søgning på webstedet.
- 404 er en skabelon til en side, der rapporterer en 404 Not Found-fejl.
- Sidefod – definerer stilen på dit websteds sidefod.
Når du efterfølgende forfiner hvert element, skal du bruge en visuel videovejledning. Her er et par valg, der kan hjælpe dig:
Header i header.php:
Tilføjelse af indhold:
Styling kommentarer:
Sidefod på siden:
Sådan foretager du ændringer sikkert
Når du skal lave ændringer på hjemmesidens sider, er der risiko for at skrive noget forkert og ikke kunne "rulle tilbage" det. Det kan også ske, at stylesheet-indgange forsvinder, når hovedtemaet opdateres.
For at forhindre dette i at ske, kan du oprette et underordnet WordPress-tema (undertema) - dette er en kopi af style.css-filen, der ikke påvirker hovedfilen (ændringer i den ene annullerer ikke opdateringer i den anden).
Det er nemt at oprette et WordPress-barnetema. Du skal lave en ny mappe i hovedbiblioteket C:\WebServers\home\localhost\www\NAME_SET_DUR_INSTALL\wp-content\themes. I den nye mappe opretter vi vores egen style.css-fil med følgende indhold:
Temanavn: TOPIC NAME
Skabelon: MAPPENAVN I BØRNETEMA
Tema URI: FYLD IN
Beskrivelse: FILL IN
Forfatter-URI: FYLD IN
/* importer stilene til det overordnede tema */
@import url("../NAVN/style.css");
/* Dine egne ekstra stilarter */
Foo (farve: rød;)
Nu kan du gå til “Udseende›Temaer” i administratorpanelet og aktivere underordnet skabelon. I fremtiden kan du arbejde i den nye fil. Derudover en kort videopræsentation om emnet børneskabeloner:
Hilsen venner.
I dag vil vi komme ind på et meget interessant emne for mange. Du har måske bemærket, at jeg for nylig har opdateret designet af min blog, jeg ved ikke med dig, men jeg kan virkelig godt lide det. Jeg oprettede denne skabelon på bogstaveligt talt et par ti minutter, og jeg havde ikke brug for noget kendskab til HTML, CSS og PHP eller information om emnet at skabe skabeloner.
Så hvordan laver man selv en WordPress-skabelon uden nogen viden?
Inden jeg begynder, kan jeg ikke lade være med at nævne de forskellige måder at lave skabeloner på, så billedet bliver så komplet som muligt.
Metode nr. 1– du studerer HTML, studerer skabelonernes struktur. Selvfølgelig har denne tilgang sine fordele, hvis du har tid og lyst, så start med det. Kendskab til HTML har aldrig skadet nogen.
Metode nr. 2– bestil en skabelon hos en freelancer. Hvis du har gratis penge, så sørg for at vælge denne metode. Omkostningerne ved at skabe en skabelon af høj kvalitet er fra 15.000 til 70.000 rubler.
Metode nr. 3– brug speciel software til at oprette skabeloner. Lad mig med det samme præcisere, at dette ikke er skabelsen af skabeloner af samme type, det er helt muligt at skabe en unik, smuk skabelon i programmet. Et eksempel er denne blog. Det hele afhænger af din fantasi.
Som du sikkert allerede har forstået, vil vi i denne artikel tale om metode nr. 3.
Vi mødes, et program til at skabe skabeloner - (versionen er ligegyldig, jeg bruger den anden, efter min mening er den fjerde allerede blevet frigivet). Programmet er betalt, men vi er russiske folk (du forstår, hvad jeg mener). Jeg ved, at der er mange lektioner om dette program på internettet, men jeg er allerede træt af at besvare det samme spørgsmål fra mine abonnenter.
Download programmet og kør det.
1. Vælg "WordPress" i programmets hovedvindue.
2. En skabelonskabelon vises i forhåndsvisningsvinduet, selvfølgelig, hele kurven, men under arbejdet vil der ikke være spor af det.
3. Gå til fanen "Farver og skrifttyper", vælg et farveskema (senere vil vi justere det lidt), jeg kan godt lide det lysegrå farveskema. Klik på knappen "Skriftsæt", vælg skrifttyper (jeg bruger Verdana overalt).
4. Gå til fanen "Layout", her bliver vi bedt om at vælge antallet og placeringen af kolonner, samt placeringen af overskriften (en simpel overskrift). Jeg vælger altid "To kolonner->Højre midterste side".
5. På den næste fane bliver vi bedt om at vælge baggrunden for den fremtidige skabelon. Ved at bruge denne fane kan du oprette din egen eller vælge en eksisterende baggrund.
6. Den næste fane giver os mulighed for at tilpasse skabelonarket.
Indstil arkets bredde (helst mindst 1000 px), dets skygge og kant.
7. På den næste fane bliver vi bedt om at konfigurere headeren (header eller header). Tilpas din sidehoved og sidefod ved hjælp af Indstillinger.
1. Indstilling af skærebordets bredde og højde.
2. Ved hjælp af denne menu kan du indlæse en tidligere forberedt header i programmet, samt tilføje effekter til den.
3. Ved hjælp af denne menu kan du tilføje et tredjepartsbillede til overskriften.
4. Navnet på dit websted og dets slogan.
5. Placering af navn og slogan.
8. På den næste fane bliver vi bedt om at konfigurere menuen (den er normalt placeret under overskriften). Vælg menustil og udfyld.
9. På den næste fane - "Artikler", bliver vi bedt om at tilpasse udseendet af indholdsområdet (tekst, video, billeder, tabeller). Indstil det ved hjælp af de angivne indstillinger.
1. Billede af artiklen (denne parameter påvirker ikke noget, du kan lade den være som den er).
2.Ved brug af denne menu kan du indstille stilen for indholdsområdet (med eller uden streg).
3. Opsætning af visning af tekst inde i artiklen.
4. Redigering af forskellige parametre i indholdsområdet.
5. Header tilpasning.
6. Footer tilpasning.
10. Ved at bruge den næste fane - "Blokkere", kan du tilpasse udseendet af sideblokkene (sidebjælken).
INDSTILLINGER OG EKSPORTERING AF EN Skabelon
1. Klik på knappen "Filer" (placeret i øverste venstre hjørne af programvinduet).
2. Vælg "Eksport->Eksportindstillinger". Gå til fanen "Egenskaber" og angiv de nødvendige oplysninger. Gå til fanen "Fodnote", og fjern markeringen i alle felterne.
3. Gentag trin nummer et. Vælg "Eksporter->WordPress-tema".
4. Eksporter skabelonen som en ZIP-mappe.
Alle. Nu ved du, hvordan du laver en WordPress-skabelon med dine egne hænder. Held og lykke med din skabelse.
Glem ikke at kommentere artiklen. Forfatteren til den bedste kommentar vil efter min mening (baseret på ugens resultater) modtage min betalte bog "Sådan sælger du tilknyttede produkter på internettet og modtager 200% fortjeneste" helt gratis.
VIDEO LEKTION “Hvordan laver man en skabelon til WordPress uden kendskab til HTML?
Rutinemæssigt arbejde med dokumenter af samme type kan minimeres, hvis du opretter dem baseret på Word-skabeloner. Vores materiale i dag handler om, hvad de er, og hvordan man skaber dem.
Ganske ofte opretter vi i løbet af vores aktiviteter dokumenter af samme type: handlinger, ordrer, breve, kontrakter, eksamenspapirer osv. Alle disse dokumenter indeholder som regel nogle tekst- eller grafiske elementer - overskrifter, detaljer, logoer, tekstblokke, der gentages fra dokument til dokument.
En almindelig bruger af Word-teksteditoren er, når han opretter et andet dokument, tvunget til at bruge og redigere et dokument, der allerede er oprettet af nogen og indeholder alle disse elementer, eller blot kopiere de nødvendige elementer til et nyt dokument, igen, fra gammel fil, mens man indser, at i dette tilfælde er redigering uundgåelig.
En skabelon definerer den grundlæggende struktur af et dokument og indeholder dokumentindstillinger såsom autotekstelementer, skrifttyper, tildelte tastaturgenveje, makroer, menuer, sideopsætning, formatering og typografier. (Fra Word Hjælp)
Denne rutine kan minimeres, hvis du opretter et dokument baseret på en skabelon. Nogle gange kaldes mønstre også "fisk". Men uanset hvad du kalder det, giver skabeloner dig virkelig mulighed for at øge din arbejdseffektivitet markant.
En skabelon kan oprettes på to måder, ved at tage udgangspunkt i et dokument med alle elementerne til stede, eller starte fra bunden, inklusive de nødvendige elementer selv.
Jeg viser dig, hvordan du opretter en skabelon fra bunden, hvilket gør det lettere at forstå hele processen i stedet for at ændre en eksisterende fil. Som et eksempel vil vi lave en simpel formel brevskabelon. Der er ikke noget kompliceret ved dette, hvis du følger mine trin-for-trin instruktioner.
Så lad os komme i gang.
1. Lad os oprette et tomt dokument.
2. Lad os gemme det med det samme. Lad os gå til menuen "Filer" og vælge kommandoen "Gem som...". Dialogboksen "Gem dokument" åbnes, hvor vi skal vælge typen "Dokumentskabelon (*.dot)" i feltet "Gem som type".
Mappen Skabeloner åbnes, hvor alle skabeloner gemmes som standard. Giv filen et navn, og klik på knappen "Gem".
3. Vi bestemmer hvilke elementer (tekst og grafik) og hvor der præcist skal være placeret i dokumentet.
Som regel indeholder alle officielle breve elementer som organisationens navn, logo og detaljer. Selve brevets tekst kan indeholde en høflig adresse til modtageren af brevet og faktisk selve brevets tekst. I slutningen af brevet er navnet på stillingen som leder af organisationen med hans underskrift. Vi vil tage udgangspunkt i en lignende opbygning af brevet.
4. Vi placerer navnet på organisationen øverst i dokumentet i midten. For at gøre dette vil vi udskrive navnet på vores organisation med store bogstaver, for eksempel "WHITE NIGHTS" LLC. Tryk på Enter-tasten og gå til en ny linje.
5. Vi kan indsætte en skillelinje nedenfor. For at gøre dette skal du klikke på knappen "Tegning". Et tegnepanel med kontrolknapper vises nederst på skærmen. Vi er interesserede i linjer, så vælg den tilsvarende "Linje"-knap. Musemarkøren bliver til et kryds.
Bemærk venligst: du kan få indsat et såkaldt lærred - et prikket område til indsættelse af figurer/tegninger. For forsigtigt at slippe af med lærredsindsættelsen skal du gå til menuen "Værktøjer" og vælge kommandoen "Indstillinger". Klik på fanen Generelt, og fjern markeringen i indstillingen Opret automatisk tegnelærred ved indsættelse af autofigurer. Klik på "OK" og luk vinduet "Indstillinger".
6. Flyt markøren i form af et kryds til navnet på organisationen og tegn lige under en linje fra den blinkende markør til højre kant af feltet, ved at trykke og holde venstre museknap nede. Linjen er tegnet.
7. Du kan lade linjen være som den er, eller du kan give den et mere elegant look. For at gøre dette er der en tilsvarende linjestil-knap på tegnepanelet. Klik på den og vælg en hvilken som helst type.
8. Når du har slået dig fast på en hvilken som helst type linje, skal du dobbeltklikke under den linje - adressen og oplysningerne om organisationen vil blive udskrevet på dette sted. Indtast de data, som du anser for nødvendige: juridisk og faktisk adresse, telefon, fax, webadresse, e-mail, bankoplysninger.
9. Formater nu den indtastede tekst i overensstemmelse med dine ideer. For eksempel valgte jeg navnet på organisationen og tildelte den stilen "Overskrift 1". Jeg centrerede også titlen og lavede en sparsom fempunktsafstand mellem bogstaverne.
Jeg reducerede skriftstørrelsen på teksten under linjen til ni punkter og justerede den til midten. Du kan se et eksempel nedenfor på skærmbilledet.
Således har vi lavet en permanent (uforanderlig) del af vores skabelon, den såkaldte "header". Lad os nu gå videre og oprette de felter, som du senere skal indtaste dine data i.
På venstre side af skabelonen, under "overskriften", dobbeltklik og skriv navnet på byen, for eksempel Moskva. Derefter, i den modsatte (højre) del af skabelonen, skal du dobbeltklikke igen og indsætte datoen, hvor markøren blinker. For det:
1. I menuen "Indsæt" skal du vælge kommandoen "Dato og tid". Et vindue åbnes, hvor du vælger det ønskede datovisningsformat, for eksempel 18. juli 2006.
2. Marker afkrydsningsfeltet "Opdater automatisk". Når du nu opretter et nyt dokument baseret på denne skabelon, vil datoen allerede være indstillet i overensstemmelse med det aktuelle klokkeslæt på din computer.
3. På højre side af skabelonen under datoen - indrykket fra venstre kant ca. 10 cm langs den vandrette lineal - dobbeltklik med musen. Markøren vil blinke, og på dette sted vil vi indsætte et felt for at erstatte dataene for modtageren af brevet.
4. I menuen "Indsæt" skal du vælge kommandoen "Felt". Et vindue åbnes som på skærmbilledet nedenfor:
5. Vælg Dokumentautomatisering i området Kategorier. I området Feltnavne skal du vælge kommandoen MacroButton. Indtast teksten "Indsæt modtagers fulde navn" i området "Meddelelse" (Vis tekst), og klik på OK.
Strengt taget burde du i området "Makronavn" have angivet NoMacro (det vil sige en kommando uden makro), men den var ikke på listen. Derfor lader vi det være som det er, jeg er i hvert fald aldrig stødt på nogen fejl.
6. Vi får et felt med vores tekst.
Hvis du har dette felt vist som almindelig tekst uden skygge, så anbefaler jeg at lave sådan skygge. Dette vil give dig mulighed for senere nemt at identificere de nødvendige felter til dataindtastning i dokumentet. For at gøre dette skal du gå til menuen "Værktøjer" og vælge kommandoen "Valgmuligheder" og på fanen "Vis" i gruppen "Vis" vælge indstillingen "Altid" fra feltskyggelisten ).
Nedenfor kan du desuden indsætte et lignende felt for modtagerens adresse og position.
Det eneste, vi skal gøre, er at indsætte en velkomstbesked til modtageren af dette brev, selve beskedens tekst og afsenderens underskrift nederst. Prøv selv at indsætte disse felter i din skabelon, baseret på instruktionerne ovenfor, og glem ikke at gemme den resulterende skabelon.
For eksempel kan du tage et kig på skærmbilledet af skabelonen, jeg har oprettet:
Nu, for at bruge denne skabelon til at oprette et brev, skal du gå til menuen "Filer" og vælge kommandoen "Ny". En opgaverude vises til højre, hvor du skal vælge "Generelle skabeloner" (På min computer). Et vindue åbnes med alle tilgængelige skabeloner. Vælg den skabelon, du har oprettet, og klik på "OK". Et nyt dokument baseret på din skabelon vil blive indlæst i Word. Tilføj dine data i de relevante felter og nyd automatiseringen.
Vær hilset. Denne artikel vil besvare spørgsmålet om, hvordan man opretter en unik skabelon til WordPress, smuk og anderledes. Du bliver nødt til at prøve at anstrenge din hjerne lidt.
Sådan opretter du en unik skabelon til WordPress - lad os komme i gang
Nedenfor er en liste over trin til, hvordan du opretter en unik WordPress-skabelon med dine egne hænder og gratis.
- Skift billeder.
- Skift skabelonnavnet.
- Foretag mindre redigeringer af typografier.
Lad os begynde at analysere hvert punkt i rækkefølge.
Skifter billeder
Jeg vil se på det enkleste punkt ved at bruge 21-skabelonen som et eksempel. Vi erstatter lagerbilleder med vores egne konverterede. Det er nødvendigt at ændre sidehoved, sidefod, baggrund og andre små.
Men jeg kan ikke komme med en specifik løsning min skabelon har et minimum af billeder (og dem der findes er enorme). Generelt skal du erstatte de fleste billeder med dine egne. Lad os se på de to elementer, der udskiftes:
- Den første er gennem selve administrationspanelet.
- Den anden er gennem kode.
Hvis du forstår princippet, så stor respekt til dig.
Gennem selve det administrative panel
Moderne temaer har en god funktion af indstillinger gennem selve WordPress, hvorfor ikke bruge dem? Gå til bloggens administrative panel, udseende og konfigurer.
Hvis temaet er lavet til mennesker, så vil de globale designindstillinger være her, og vi vil behandle detaljerne nedenfor. I afsnittet om eksemplet med 21.
- Generelle temafarver. Indstillinger for grundlæggende elementer (overskrifter, billedtekster osv.).
- Overskriftsbillede, det vil sige i overskriften.
- Baggrundsbillede. Det er ikke til stede på alle temaer, det kan tilpasses enten med et billede eller kun med farve.
På dette stadium er det, hvad jeg fik. Lad os gå videre. 
Ændring af billeder manuelt
Antag, at du ikke er tilfreds med billedet af et element i skabelonen, og du vil ændre det. Hvad skal man gøre? Vi finder ud af det. For eksempel vil jeg tage output fra et billede af antallet af kommentatorer.
Systemet gælder for alle emner.
Højreklik på elementet og se efter dets output i koden ved hjælp af værktøjet "vis kode".
- Selve elementet, højreklik på det.
- Vælg muligheden "se kode".
- Dette er selve HTML-outputkoden, vi er ikke opmærksomme på den.
- Dette er den skattede adresse, hvor du skal hen med en erstatning. Filen du leder efter er bubble.png, som ligger i billedmappen i selve temaet.
Det vil sige, at du skal oprette den samme fil med samme navn og erstatte den. Jeg håber du ved, hvordan du bruger filhåndtering som FileZilla. Jeg ville lave et billede, der viser antallet af kommentarer med en stjerne og en omrids. Jeg lavede det i Photoshop og gemte det som et billede med navnet boble og udvidelsen png.
Færdig, åbnede jeg Filezilla og gik til det aktive 211-emne i billedmappen (som vi genkendte ovenfor). og træk og slip blot det nye billede i mappen med erstatning. Alle detaljer er på skærmbilledet.
Hvis alt er gjort godt, så vil det nye billede blive vist på siden, her er et øjebliksbillede. 
Som du forstår, kan du ændre ethvert billede ved hjælp af denne metode, hvis der ikke er nogen indstillinger i det administrative panel.
Ændring af skabelonnavnet
Du kan kun ændre på gratis temaer, dette er vigtigt.
Der er to punkter, der skal gøres:
- Omarbejder titlen i style.css-filen
- Skift navnet på temamappen.
Omarbejdelse af navnene i style.css
For at gøre dette skal du gå til editoren ( minder mig om udseenderedaktøren), og find style.css.
På skærmen ser vi inskriptionen, her skal alt ændres. Hver style.css-fil indeholder skabelonoplysninger helt i begyndelsen. Det skal ændres til i det mindste disse linjer.
Temanavn: moi-skabelon Beskrivelse: Standardversion 1.. Licens: GPL
Det skulle se sådan ud efter udskiftning.
Du udfylder dine oplysninger, tag ikke mine, for vi gør skabelonen unik. Skift som minimum navn, forfatter og websted.
Vi fandt ud af det, lad os gå videre til næste punkt.
Skift navnet på temamappen
Vi gør det gennem en filhåndtering, jeg bruger Filezilla. I det foregående afsnit ændrede vi navnet på emnet i linjen:
Temanavn: moi-skabelon
Har brug for et originalt navn tyveleven skift til en ny, i mit tilfælde, moi-skabelon. Gå til mappen FileZilla temaer, og find det oprindelige navn twentyeleven.
Og vi ændrer den til en ny.
Hvis alt blev gjort korrekt, vil det fungere. Temaet for søgemaskiner vil ikke længere være standard, men unikt.
Mindre redigeringer af stilarter
Jeg kan ikke komme med en enkelt løsning på, hvordan man laver en unik skabelon til WordPress, du skal blot se på skabelonen rent visuelt og se, hvad du ikke kan lide. Jeg kigger på sidebjælken.
Virkelig, ikke rigtig? Jeg vil gerne gøre overskriftsskrifttypen større, fordi de er små og smelter ind i baggrunden. Vi ser alle trinene på billedet nedenfor.
- Vælg det element, som vi vil redigere. Højreklik.
- Klik på "se kode".
- Hele stilen i denne titel.
- Det stilnavn, du leder efter.
Åbn filen style.css. Vi leder efter navnet på stilen ved hjælp af tastekombinationen CNTRL + F.
Jeg vil gøre skrifttypen større, lave en fast streg under den, ændre farven og tykkelsen på teksten. For at gøre dette ændrer eller tilføjer jeg følgende parametre.
Farve: #1a1a1a; skriftstørrelse: 15px; skrifttype-vægt: 600; border-bottom: 2px solid #271eb1;
Lad os se på kodelinjerne.
- Farveændring.
- Ændring af størrelse.
- Skift tekstbredde.
- Tilføjelse af en understregning.
Vi ændrer eller tilføjer parametre til stilen i overensstemmelse hermed. Det skulle blive sådan her.
Alle ændringer vil straks fremgå af hjemmesiden. 
Min opgave nu er ikke at undervise i layout, det vil tage meget tid og artikler, men at vise selve princippet om, hvordan man gør en skabelon unik.
Så med alle de andre elementer, bring det til det ideelle. Jeg viser, hvad der skete i denne artikel.
Denne artikel besvarede spørgsmålet om, hvordan man opretter en unik WordPress-skabelon. Og standardtemaet kan kaldes dit eget.
Hvis du har spørgsmål, bedes du efterlade dem i kommentarerne. Held og lykke.