Hey
Jeg er grafiker og har ikke en dyt forstand på programmering. Er det muligt at få sat WordPress-funktionaliteterne ind i et eksisterende design?
ZUZ3L
Hey
Jeg er grafiker og har ikke en dyt forstand på programmering. Er det muligt at få sat WordPress-funktionaliteterne ind i et eksisterende design?
ZUZ3L
Jeg tror du skal uddybe lidt: Hvad mener du med "eksisterende design" Har du en hjemmeside i forvejen eller?
@ZUZ3L
Når du skriver "eksisterende design" er jeg noget usikker på, hvad du sigter mod. Men mon ikke, at du som grafiker tænker på helt generelle design lavet i XHTML ?
Jeg ved - for jeg har nemlig selv set den - at der ude på the internets ligger en film, hvor en grafiker gennemgår en portering af et XHTML-design til et WP-tema. Hvor filmen gemmer sig, kan jeg desværre ikke hjælpe med. Men på filmen ser det ud til at være nogenlunde smertefrit at portere. Alt er selvfølgelig relativt og fyren (stemmen) på filmen havde også fuldt ud styr på begrebs-anvendelsen i WordPress. Og lur mig om ikke, at han også har siddet med manus og klik-guide ;-)
Jeg ved, at det er en stor mundfuld at kaste sig ud i, men prøv at kaste et blik på disse tre designsider i codexet:
http://codex.wordpress.org/Blog_Design_and_Layout
http://codex.wordpress.org/Designing_Themes_for_Public_Release
http://codex.wordpress.org/WordPress_Lessons#Template_Files
Pøj pøj
Det jeg mener med et eksisterende design er, at jeg har lavet en blog som ikke er dynamisk nu. Jeg vil gerne beholde designet, ned til mindste pixel. Jeg ville bare høre om det var forholdsvis lige til at putte WordPress-systemet på.
Er det så nemt, at man kan være bekendt at spørge andre om at gøre det som en tjeneste?
//ZUZ3L
Jeg vil sige ja. Men du undgår ikke lidt håndarbejde og et vist kendskab til template tags. Template tags er ikke rigtig php (udtalt af en sand lægmand), men mere pladsholdere for en masse underliggende php programmering. Template tag'ene er manifestationen af en masse ting, der programmeret ind i kernekoden, som du ikke skal have noget med at gøre. Denne artikel, som jeg ville ønske jeg selv havde skrevet, er pissegod og forklarer det på en god måde:
http://mattread.com/archives/2005/04/wordpress-is-not-php/
Jeg kan da give min udlægning af det samme. De fleste websteder (frygtelige flash-sider undtaget) har følgende opbygning:
Sidehovede
Indhold / Sidemenu (eller Sidemenu / Indhold)
Sidefod
På jævnt engelsk bliver det til:
Header
Content / Sidebar (or Sidebar / Content)
Footer
Disse ligger i en kasse eller et blokelement, der ofte kaldes 'Wrapper' eller 'Page'. Hovedsagen er, at Sidehovede/Header og de andre elementer også ligger i kasser, der flyder eller placerer sig efter hinanden i rækkefølge, men inden for den kasse, der omkranser det hele.
WordPress har nogle skabeloner/templates der, snedigt nok, hedder: Header, Sidebar og Footer. Content findes ikke, fordi index.php er content omkranset af de forskellige andre templates.
Kasserne er defineret i stilarket, styles.css. Css bruges til at omdefinere html-elementer eller lave helt nye. Css er en forkortelse af Cascading Style Sheets og som navnet antyder, så ruller dine styles i kaskader ned ad din side i takt med, at den dannes, så den bliver nøjagtigt, som du har defineret den i stilarket, styles.css.
Et af de stærkeste værktøjer i css er boksmodellen. Her kan du helt præcist definere nogle blokelementer, deres størrelse, kanter, afstand til andre elementer og faktisk også deres indhold og meget mere. Derfor har alle WordPress temaer også blokelementer, der hedder: header, sidebar og footer. Tilbage er der content, der kan hedde flere forskellige ting alt efter designerens humør.
Som sagt har Header, Sidebar og Footer hver sin template/skabelon i denne findes html-koden for deres blokelelement eller kasse. I dette blokelement findes deres WordPress template tags. En header kunne se således ud:
<div id=\\"header\\">
Diverse template tags der har med header at gøre f.eks
<?php bloginfo('name'); ?>
Der generer navnet på dit websted.
</div>
Templaten hedder header.php. I denne findes blokelementet, der også hedder header (div id="header") og er defineret i styles.css. Det samme gør sig gældende for sidebar.php og footer.php. Når du åbner din side, det vil sige åbner index.php så hiver den følgende frem:
<?php get_header(); ?>
Din header template
<?php get_sidebar(); ?>
Din sidebar template
<div id=\\"content\\">
Her bliver indholdet kaldt frem med template tags, der har med indholdet at gøre, hvorfor disse ikke findes i en template for sig selv.
<?php get_footer(); ?>
Din footer template
Mere indviklet er det faktisk ikke. Det smarte er, at header, sidebar og footer jo (for det meste) er på alle sider, hvorfor du kun skal lave dem en gang for alle og evt. ændringer, der laves, slår igennem på alle sider på én gang.
Der skal ikke programmeres noget, men kopieres og indsættes template tags de rigtige steder. Det kunne udmærket være i et design, der eksisterer i forvejen. Det er ikke en no-brainer at gøre det, men det er heller ikke umuligt.
Andre gode links om WordPress templates:
http://codex.wordpress.org/Stepping_Into_Templates
http://codex.wordpress.org/Stepping_Into_Template_Tags
Tusind tak for dit svar. Men jeg er virkelig ikke god til programmering. Er det muligt at jeg kan få dig, eller andre herinde fra til at gøre mig den tjeneste at implementere mit design i WordPres-systemet?
Designet ser sådan her ud. Jeg har fjernet personlige info, så ALLE ikke lige kan se det nu her... Sitet er lavet med HTML og CSS. Toppen og linkene ude til venstre er lavet i flash og også implementeret i designet. Det hele ligger på en server og fungerer som et website nu, men jeg skal opdaterer i HTML'en for at skrive nyheder osv., og der er ingen kommentarmodul på som jeg gerne ville have...
>>>> http://img263.imageshack.us/my.php?image=dagbogde0.jpg <<<<<
Der er ikke nogen, der kan bruge et billede af din side til noget. Der skal være adgang til koden.
ZUZ3L, det er så absolut ikke blot en opgave på en halv time, vi snakker om, så jeg synes, at en tjeneste fra en tilfældig forumskriver er at spørge efter meget.
Hvis du ikke lever under eksistensminimum kunne du evt. forsøge med et par flasker rødvin eller en tjeneste tilbage. Vi er mange, der godt kunne bruge hjælp fra en grafiker :)
Glimrende og illustrativt indlæg fra Mark vedr. måden WP virker på - jeg havde det nok på fornemmelsen ;-), men det gjorde det alligevel noget tydeligere.
Du skal være logget ind for at skrive.