Ondersteuning » Code oplossingen gezocht » customize.php in style.css laten schrijven

  • Die nieuwe theme-aanpas feature van wordpress 3.4 is fantastisch! Ik ben bezig met een theme die aanpasbaar is via deze functie. Op die manier kan iemand snel het design van de site veranderen zonder in de css te hoeven ploeteren. Maar ik zag dat aanpassingen hier niet in de stylesheet van het theme worden gezet, maar in de pagina (html code)zelf.

    Als ik bijvoorbeeld een custom background toevoeg komt die in de html code van de pagina terecht.
    bijv:

    <style type="text/css" id="custom-background-css">
    body.custom-background { background-color: #2451eb; background-image: url('http://*****.nl/wp-content/uploads/2012/06/bg-1920x1080.jpg'); background-repeat: no-repeat; background-position: top right; background-attachment: fixed; }
    </style>

    Ik zie eigenlijk liever dat de aanpassing direct in de stylesheet van het (child) theme worden aangepast. Anders wordt het zo’n rommelige code in de html.

    Daarbij zou ik onder background-image: url('http://*****.nl/wp-content/uploads/2012/06/bg-1920x1080.jpg'); background-repeat: no-repeat; background-position: top right; background-attachment: fixed; ook ook background-size: cover; willen toevoegen.

    Iemand een idee hoe ik dit moet aanpakken?

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Dat gaat niet..

    De manier die jij toont + in-line CSS zijn de enige oplossingen.

    Of je moet al een script gaan bouwen die zorgt dat er een eigen custom-style.css aangemaakt wordt en dat daar de CSS codes in de plaatst worden waarna je auto. vanuit de head deze nieuwe extra custom-style.css aanspreekt.

    Maar dat is zoveel werk dat het totaal niet de moeite waard is voor 5 regels CSS.
    Wat je hier doet is niet meer dan de standaard stijlen overrulen ipv aanpassen. Niet mijn favorieten manier van werken maar soms kan het handig zijn voor mensen met minder ervaring.

    Al denk ik dan weer op mijn beurt als iemand 15min. uitrekt en op dit forum even zoekt zal hij een mooie uitleg vinden om het direct in de stylesheet aan te passen zonder deze opties te gebruiken. Resultaat, Schonere code + meer semantic code.

    En dat allemaal voor een functie die je waarschijnlijk 2 keer p/jaar gebruikt.

    Thread starter royromviel

    (@royromviel)

    Ja, je hebt gelijk. Maar de reden voor mijn vraag is dat ik bezig ben met het bouwen van een serie Theme’s om op een snelle manier budgetwebsites te ontwerpen. En die nieuwe aanpasfunctie van WordPress 3.4 werkt zo handig. De ontwerpers kunnen op die manier snel, makkelijk en zonder kennis van html/css een ontwerp maken voor een website. Het enige nadeel is dus, dat je rommelige html pagina’s krijgt waar de css en html door elkaar staan.

    De functie die jij beschrijft zal ik dus veel vaker nodig hebben dan 2x p/jaar.

    Jij geeft als suggestie om dus een custom-style.css te maken waarheen je de code via die customize functie + een script heenschrijft?

    Heb je dan enig idee waar ik het moet zoeken?

    Maar die functies zijn altijd al beschikbaar geweest alleen waren ze niet Front-end toegankelijk en moest je in de Back-end bij Weergave op Theme Options drukken.

    Nu hebben ze het samengevat en in een Live Preview gestoken. Niets nieuws alleen sneller aan te spreken.
    Ik persoonlijk zie het voordeel er niet van in maar das makkelijk kletsen als je weet wat HTML en CSS is.

    Hoe kun je zoiets maken?

    Zoek eens op WordPress Frameworks met Custom Theme options. Dat soort Boiler thema’s moet je zien te vinden.

    Andere optie is een Plugin genaamd Art Direction.
    http://wordpress.org/extend/plugins/art-direction/
    Deze is al wat ouder maar werkt volgens mij nog steeds en wat deze plugin doet is volgens mij precies wat ik aangeef alleen via de Custom Fields functie in WordPress. zodat je Blog Posts en Pagina’s apart kunt stijlen.
    Je hebt dacht ik twee functies, in-line zoals jij nu hebt en Global (met een stylesheet)

    Miss. kun je eens afkijken van die broncodes.
    Andere optie waar je zeker naar wilt kijken als jij je hier mee bezig wilt houden is dit.
    http://presswork.me/

    Die laatste link is hoe WordPress op dit hele idee is gekomen. Matt Mullenweg heeft al eerder zijn liefde uitgesproken voor het Presswork idee.

    Al met al leuke ideeën alleen ben ik bang dat het in de toekomst de kwaliteit van WordPress in de weg gaat staan. Ik zie WordPress als professioneel CMS en daar moet je niet te veel eenvoudige tools aankoppelen zodat het straks een iWeb of Adobe Muse -achtig systeem gaat worden. Dat zou het hele idee van een goed en stabiel CMS afbreken.

    Thread starter royromviel

    (@royromviel)

    Bedankt voor je tips! Hier heb ik zeker wat aan! Ik ga er naar kijken. Het is zeker niet de bedoeling WordPress af te kalfen, maar ik zoek naar mogelijkheden om de ontwerpers sneller te laten werken.

    Dus bedankt! Top dat je zo hebt meegedacht met mij 🙂

    Om WordPress af te ‘zeiken’ 😉 daar moeten heel wat meer topics voor komen want de cijfers liegen niet.

    Maar mensen moeten begrijpen dat WordPress een proffesioneel stukje gereedschap is (een CMS) dat heel erg laagdrempelig is gemaakt. Zodat iedereen het kan installeren en gebruiken.

    Maar door al die ‘Ease of Use’ denken mensen ook vaak dat ze er ineens alles mee kunnen doen en dat is natuurlijk totaal niet waar.
    Dat professionals en Beginners het zelfde gereedschap gebruiken zegt denk ik al genoeg. Niet iedereen die een kwast kan vasthouden is een schilder.

    Wat ik heel vaak tegen komt is dat beginners afstappen van hobby software als iWeb, RapidWeaver, Sandvox, Freeway, Adobe Muse en al dat soort kermis waar je plaatjes heen en weer kan slepen op een canvas en dan op Publish drukken en BOEM daar staat de website online. Zo werkt het niet en zal het ook nooit gaan werken.

    Je moet mensen (beginners) dus andersom leren denken. Eerst een thema zoeken dat dicht in de buurt komt van het eindresultaat dat je wilt hebben en dan ga je zoeken naar tutorials en manieren om deze layout helemaal naar je eigen wensen te maken. Zodra mensen dat kunnen dan kunnen ze echt mooie websites maken met WordPress en zullen ze er ook heel veel plezier in beleven. Maar gooi je iemand koud in WordPress zonder dat hij weet wat het is dan zegt hij drie keer Asjemenou wat zijn dit veel opties, dit is niet wat ik wil.

    Eén voordeel heeft WordPress er is keuze genoeg in Gratis en betaalde Thema’s en met behulp van Plugins wordt het alleen maar kleuren voor mensen die minder ervaren zijn.

    Iemand die ik de laatse maand geholpen hebt om met WordPress te beginnen heeft helemaal zelf deze website gemaakt.
    Ik heb hem alleen gewezen op WordPress installen via MAMP (lokaal) en daanr exporteren en importeren (online) de rest heeft hij allemaal zelf gedaan in een paar weken tijd.
    http://www.parijsmijnstad.nl/

    Dus het kan heel eenvoudig je moet mensen alleen de juiste voorzet geven.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘customize.php in style.css laten schrijven’ is gesloten voor nieuwe reacties.