Hjælp til start på Wordpress Theme udvikling

WordPress DK Forum » Temaer

Hjælp til start på Wordpress Theme udvikling

(22 indlæg) (7 voices)

Startet for 14 years siden af nph12
Seneste svar fra boldt
This topic is not a support question

Tags:

Ingen tags endnu.

nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Hej
Jeg har leget med udvikling af hjemmesider i et stykke tid, og har også leget lidt med Wordpress. Jeg kunne rigtigt godt tænke mig, at lave mine hjemmesider i Wordpress - altså udvikle Wordpress Themes.

Er der nogen som kan anbefale nogle gode tutorials eller bøger om Wordpress Theme udvikling? Det som nok driller mig mest forståelsesmæssigt er nok:

1) Hvordan laver jeg en forside, hvor jeg kan tilpasse indholdet i Wordpress Admin modul? Det som jeg ikke helt forstår er nok, hvordan man administrere forsiden - har prøvet et par standard themes, og det er ligesom om, at forsiden ligger fast (siden ligger jo ikke sammen med de andre sider i Wordpress under side administrationen).

2) Hvordan laver jeg en/flere skabelon(er), så jeg kan opretter forskellige typer sider? Hvordan definere jeg selve skabelonen?

Jeg vil bliver super glad, hvis jeg kunne få lidt hjælp til at lave et mini Wordpress theme med en simpel forside og to/tre sider baseret på en skabelon.

Skrevet 14 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

http://codex.wordpress.org/Theme_Development

Mvh John

Skrevet 14 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Jeg har været forbi den nævnte side før, hvilket også er grunden til at jeg oprettede et spørgsmål på dette forum, da jeg ikke helt forstår hvordan spørgsmål 1 og 2 hænger sammen.

Skrevet 14 years siden #
Jesper Jarlskov

Supermedlem
Joined: sep '11
Posts:
Reputation:

1) Under 'Settings' -> 'Reading' kan du vælge om din forside skal bestå af X indlæg, eller af en af dine pages. Du kan altså bruge en normal WordPress page som forside, og på den måde lave specifikt indhold.

2) Det kræver html+css, samt en viden om hvordan WordPress theming fungerer. Hvordan skabelonerne kan bruges kan du læse mere om i WordPress Template Hierarchy

Blogger om både tech og open source og Øl og Mad.
Arbejder på lancering af PHPguiden

Skrevet 14 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

OK. Jeg prøver lige her en af de næste par dage, at lave et simpel Wordpress Theme, og evt. poste det her i tråden hvis jeg ikke kan få det til at spille.

Skrevet 14 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Jeg har fået kigget lidt mere på det. Jeg har læst disse nedestående sider flere gange, men er stadig i tvivl om, hvordan jeg "rigtigst" laver en simpel Wordpress tema med en statisk forside og et par sider bygget på en template.

Creating a Static Front Page
Template Hierarchy
Theme Development

Jeg kan godt se, at der er noget hierarki, men det står mig noget uklart Wordspress terminologier. Hvad er forskellen på " Home Page" og "Front Page"? Man skal jo have en index.php, men kan man så bruge denne til forsiden? Men er det ikke også den som er standard-template?

Ja, jeg er noget i tvivl om, hvordan jeg skal bruge nedenstående filer. Selvom det står beskrevet på Wordpress hjemmeside, så vil det være en stor hjælp, hvis der er en som kan forklare mig det, så jeg forstår den grundlæggende Wordpress terminologi.

home.php
index.php
page.php
front-page-php

home.php
The home page template, which is the front page by default. If you use a static front page this is the template for the page with the latest posts.

index.php
The main template. If your Theme provides its own templates, index.php must be present.

page.php
The page template. Used when an individual Page is queried.

front-page.php
The front page template, it is only used if you use a static front page.

Skal jeg udover at vælge den side jeg vil have som forside ikke også skrive dette i den pågældende template?

<?php is_front_page();?>

Skrevet 14 years siden #
Jesper Jarlskov

Supermedlem
Joined: sep '11
Posts:
Reputation:

som jeg forstår det du skriver ovenfor:
home.php - dette er layoutet til din forside.

index.php - dette er en WordPress-specifik fil. Her vil du normalt definere din sides struktur. Ting defineret her går igen på alle sider.

page.php - Sådan ser en page ud

front-page.php - Hvis du bruger en statisk forside (som jeg beskrev ovenfor) vil dette være layoutet til den.

Skrevet 14 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

Her er lidt grundlæggende omkring tema opbygning:
Din webside består af en header, en footer, en sidebar og det centrale stykke i midten.

Mere komplicerede temaer har så specielle skabeloner for visning af enkelt side, visning af enkelt post, visning af billeder, visning af fejl 404, søgning, osv osv.
(disse sider er lavet for ikke at gøre skrivningen af temaet til en ikke for uoverskuelig process)

WP starter altid med at kalde på index.php derfor begynder index.php altid med et kommentarfelt som skal være organiseret på en speciel måde, da dette fortæller WP navn og nummer på temaet. Derefter kommer et kald til header.php, så kommer brødteksten, og tilsidst et kald til sidebar.php og footer.php.

Efterfølgende er der så også nogen som har fundet ud af at man kan lave funktioner og widgets men, hvis du kun vil lave tema til dig selv så glem det i første omgang, da disse ting kun forvirrer. Alle plugins kan linkes direkte til et tema med en php-kode.

For at skrive tema skal du kunne skrive i HTML, php, (og CSS)
Håber du ved hvordan man skriver webside i almindelig html! ellers start her: http://hjemmesideskolen.dk/ her kan du også lære det grundlæggende om CSS.
(CSS er strengt taget ikke nødvendigt da man jo godt kan bygge hjemmeside op i tabel-format og layout kode inde under HTML - det er bare så meget "last millennium")

Der sidder en Svensk Svensker i Sverige - Andreas Viklund og han har lavet nogle fantastisk simple WP temaer. Det enkleste 1024px består af en html fil på 74 linier og en css fil på 61 linier. Det er da til at overskue!!!

Da jeg ville lære at skrive mine egne temaer brugte jeg et af Andreas Viklunds temaer som udgangspunkt. Senere har jeg så måttet udvide/ændre temaet efterhånden som der kom flere faciliteter og ændrede procedurer i WP.

Hr Viklund har også en tutorial på 6 afsnit som på engelsk fortæller om, hvordan man kan ændre og tilpasse i hans temaer.

Skrevet 14 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Nu tror jeg at det kører som det skal:-) Desuden tror jeg også at jeg er ved at forstå WP logikken.

Lidt feedback på de sidste indlæg. Mit fokus er helt klart Wordpress tema, men det kan da godt være, at jeg kigger på nogle funktioner og widgets på et senere tidspunkt, når jeg har fået helt styr på at lave WP temaer. Jeg kan kendskab og noget erfaring med HTML, CSS, SQL og PHP.

Jeg har følgende filer i mit tema:

index.php
front-page.php
header.php
footer.php
style.css

Prøver lige at lege lidt mere med det. Dog kunne jeg godt tænke mig, at det er muligt at redigere forsiden inden fra WP admin modulet. Her skal jeg vel definere nogle områder eller hvad gør man helt præcis???

Skrevet 13 years siden #
jmorten

Supermedlem
Joined: okt '11
Posts:
Reputation:

Det hele ser spændende ud jeg har selv puslet med at bygge et tema op fra bunden, jeg tror at jeg vil gå igang nu. Er jeg den eneste der mangler nogle billeder når man går ind på Viklunds tutorial?

Rigtige mænd tager ikke backup, de græder.

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

Prøver lige at lege lidt mere med det. Dog kunne jeg godt tænke mig, at det er muligt at redigere forsiden inden fra WP admin modulet. Her skal jeg vel definere nogle områder eller hvad gør man helt præcis???

Du har jo mulighed for at rette direkte i php og css filer indefra kontrolpanelet > Udseende > Editor

Hvis du vil give brugere af dit tema valg mulighed a la Weaver II, så begynder det at blive lidt kompliceret da du så skal til at gemme elementer i databasen wp-options. Mit råd er lade Weaver II og lignende tage sig af generalisterne, og specialiser dig i de stramme, gode, specielle temaer med et godt, stærkt layout - det har brugerne ikke det store behov for at ændres i.

Er jeg den eneste der mangler nogle billeder når man går ind på Viklunds tutorial?

Måske - jeg kan godt se billederne i Tutorial'erne (minus et billede i part 5 samt et download-felt for en zip-fil). Højre-klik på de tomme billed-felter for at se billedet.

Skrevet 13 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

OK. Jeg prøver mig lidt frem og får noget mere erfaring med brugen af Wordpress, så bliver det nok mere gennemskuelig og lettere at lave WP-teamer. Jeg venter lidt med at lave en forside som kan redigeres i WP admin modulet.

Det kunne være super fedt, hvis der lå nogle tutorials og nogle videoer, hvordan man laver et WP-tema helt fra bunden (så folk med ingen erfaring med WP-temaer kunne starte og få smag for WP-themes udvikling) til mere avanceret udvikling af WP-temaer. Jeg synes generelt, at tutorials på nettet kun omhandler en meget lille del om et emne, hvorefter man går i står og ikke rigtigt ved, hvordan man kommer videre. En tutorials som trin-for-trin kommer hele vejen rundt om WP-theme udvikling vil være mega fedt.

Skrevet 13 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Jeg kunne godt komme med et udspil på, hvad jeg kunne tænke mig i en WP-themes udvikling tutorial. Håber der en eller flere som griber bolden:-)

Skrevet 13 years siden #
Morten Knudsen

Supermedlem
Joined: okt '09
Posts:
Reputation:

Internettet flyder over med tutorials om WordPress theme building - så bolden er blevet kastet og grebet adskillige gange allerede.

f.eks. kan du finde nogle meget detaljerede video-tutorials her om emnet:
http://www.lynda.com/search?q=wordpress

Skrevet 13 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Lynda.com er måske lige undtagelsen, men de har jo også næsten alt indenfor it-undervisning. Lynda.com er også en betalingside. Selvom Lynda.com har nogle gode tutorials, så betyder det vel ikke, at der ikke også kunne være en god tutorial her på dette site. Det var måske en god måde, at få udbredt WP yderligere at der så også er tutorial på WPs hjemmeside. Det vel da være en god start - Download WP og følg en tutorial som passer til ens niveau (også til helt nybegyndere), så er man hurtigt igang og klar til at bruge de mange muligheder som der er i WP.

Skrevet 13 years siden #
Henning

Administrator
Joined: maj '10
Posts:
Reputation:

Det vel da være en god start - Download WP og følg en tutorial som passer til ens niveau (også til helt nybegyndere), så er man hurtigt igang og klar til at bruge de mange muligheder som der er i WP.

Dem findes der også nogle stykker af, men det har vel ikke noget med themaudvikling at gøre.

http://www.ballumweb.dk

Skrevet 13 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Jeg mente både installation af WP med et gratis eller købe theme, udvikling af WP theme, funktioner samt widgets. Altså hele rundt og gerne med et misundelsesværdig resultat.

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Bare gå i krig ;-)

Skrevet 13 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Jeg kommer meget gerne med et udspil til en tutorial.

Som nævnte tidligere, så er jeg ny på WP og WP udvikling (themes, functions, widgets), det betyder at jeg ikke har erfaringen med WP udvikling, men til gengæld kan jeg bidage med noget andet nemlig alle begynderspørgsmålene (hvilket en tutorial gerne skulle besvare). Jeg vil også gerne bidrage med de erfaringer (selvom de ikke er mange på nuværende tidspunkt) jeg har gjort samt hvad jeg godt kunne tænke mig at lære og kunne. Jeg har kigget på WP dokumentation flere gange, og har en rimelig idé om, hvordan WP "hænger" sammen. Jeg vil godt være med til at gøre WP udvikling mindre "langhåret", og ikke gøre det mere kompliceret end højst nødvendigt. Som med alt andet, så skal man lære at kravle før man kan gå.

Mit mål er en tutorial som er skrevet på en letforståelig og en pædagogisk måde, så flest mulige kommer igang med WP udvikling. Det må næsten være hovedformålet med WP og open source - vidensdeling.

Som sagt kommer jeg meget gerne med et forslag til en tutorial, men det er de overordne rammer og alle spørgsmålene samt overvejelserne som jeg primær kan bidrage med. Jeg har også nogle idéer til eksempler til tutorialen.

John>> Skal/kan jeg bare ligge forslaget til tutorialen her i denne tråd eller findes der en smartere og mere hensigtmæssig måde/sted, at ligge det?

God weekend til alle:-)

Skrevet 13 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

Det er et større projekt ;-)
Har selv rodet med temaopbygning kombineret med Photoshop.

Efter kort tid fandt jeg ud af at jeg havde mere "sjov" ud af at finde brugbare temaer, splitte dem af og skrue dem sammen igen med brug af funktioner fra forskellige temaer.

Kan du lave en letforståelig Tut om det at bygge et tema fra scratch vil det da være brugbart og syntes du skulle smide det på egen server til en start.

Selv god weekend.

Skrevet 13 years siden #
nph12

Medlem
Joined: aug '12
Posts:
Reputation:

Ja, tutorialens skal starte helt fra scratch til slutte med noget avanceret. Jo, det kan hurtigt blive et større projekt, men taget det step-by-step (så jeg også selv lære noget under vejs). Jeg kunne godt tænke mig, at der kom nogle flere bidragsydere på tutorialen, så jeg ikke kommer til at sidde med det hele selv (jo flere som støtter op om tutorialen, jo større chance er der for en vellykket tutorial). Så at lægge det på en anden server er måske ikke ligefrem løsningen, hvis der skal flere ind over - måske var det bare en idé, at lave en tråd på dette site tutorialen?

Jeg tror, at jeg vil lave lidt "dataindsamling" - kigge på nogle forskellige tutorials og oprette nogle spørgsmål på dette site med ting som jeg er i tivivl om, ikke forstår eller skal have hjælp til.

Skrevet 13 years siden #
boldt

Senioradministrator
Joined: apr '08
Posts:
Reputation:

At starte fra scratch med wp-tema udvikling er programmering for videre-kommende med udvidet navigations-skipper eksamen.
Der er så mange funktioner, opstillinger og ideer at jeg ikke tror det bliver særligt overskueligt.

jeg synes Andres Viklunds tutorials dækker det som din ide burde begynde med. (Her ville måske en genfortælling på dansk måske være på sin plads.)

Jeg tror at 90% af udvikling af tema-designet ligger i CSS'en, 10% ligger i functions.php, og den sidste 1% ligger i alt andet. derfor er det måske overkill at starte med at lave alt fra bunden af.

Endelig er der også emner i tema-udviklingen der er så specifik at kun et fåtal vil have glæde af dette. Og til dem findes der jo codex.wordpress.org

Dette sagt fordi jeg ikke ønsker du skal "brække nakken".

PS. Hvis du ikke kan få min %-regning til at stemme, så er det fordi jeg har afrundet værdierne!

Skrevet 13 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.