Tot nou toe het u die geleentheid gehad om WordPress CMS deur verskillende gebruikersvriendelike redakteurs aan te pas. Met die pasgemaak kan u verskillende voorkomsopsies deur u tema ondersteun. Maar as u besluit om u webwerf buite die gegewe opsies te verpersoonlik, moet u kennis dra van die WordPress Appearance Editor.
Daar is veral twee interessante lêers in WordPress wat gewysig kan word. Ons praat oor die sjabloon- en stylbladlêers van die tema wat u direk vanaf WordPress kan redigeer.
Voordat u selfs begin om die kode op u eie te verander, moet ons u waarsku dat WordPress skep nie rugsteun nie van die betrokke lêers. Dus, enige veranderinge is permanent.
1 Hoe om temas met die Voorkoms-redakteur te wysig
1.1 Hoe om lêers te kies vir redigering
1.2 Wees versigtig
2 Voorbeeld: Hoe om lettergrootte te verander via die Appearance Editor
2.1 Inspekteer elemente
2.2 Pas veranderinge toe
3 Wees versigtig as u met Appearance Editor werk
Hoe om temas met die Voorkoms-redakteur te wysig
Navigeer as u gereed is om meer te wete te kom oor WordPress en u hande vuil sal maak deur 'n aantal persoonlike kodes in te voer Voorkoms -> Redakteur. Met hierdie ingeboude redigeerder kan u die kode wat in die sjabloon en stylbladlêers van die tema gehou word, verander. Sodra u dit oopgemaak het, sal die styl.css-lêer wat u huidige tema gebruik, outomaties voor u vertoon word.
Afhangend van die opstelling van u webwerf, sal u moontlik nie toegang tot sommige lêers kry nie. Indien wel, sal WordPress 'n waarskuwingsboodskap vertoon om aan u te sê dat u die regte vir die spesifieke lêer moet verander. Vir meer inligting, sien hoe om lêertoestemmings in WordPress te verander.
Hoe om lêers te kies vir redigering
Sodra u die Editor oopmaak, sal WordPress u alle beskikbare sjabloon- en stylbladlêers van die aktiewe tema wys. As u 'n onaktiewe tema wil redigeer, gaan u aan die bokant van die lys, kies 'n item in die keuselys en klik op die "Kies" -knoppie. WordPress laai dan al die lêers wat met die gekose tema verband hou.
Gaan deur die lys aan die regterkant van die venster om 'n lêer te kies. Elkeen het 'n naam en lêernaam wat hieronder tussen hakies verskyn. Klik op dit om een ​​van die lêers te wysig en die kode sal in die linkerkant-redakteur verskyn.
Hoewel redigering van stylbladlêers relatief veilig is, kan die redigering van PHP-lêers foute veroorsaak wat u werf onbruikbaar kan maak. Wees baie versigtig as u besluit om PHP-lêers van die Appearance Editor te wysig.
Voorbeeld: Hoe om lettergrootte te verander via die Appearance Editor
Om u te wys hoe die redakteur werk, gaan ons die lettergrootte van teks verander in plasings in die twintig-sewentien-tema.
Voordat ons verder gaan, wil ons u aandag ontspoor vir 'n kort oomblik. In die weergawe 4.7 het WordPress bekendgestel 'n nuwe funksie waarmee u persoonlike CSS kan byvoeg vinniger. In plaas daarvan om die kode deur die Appearance Editor te wysig, beveel ons aan dat u dit oopmaak Voorkoms -> Pasmaak -> Bykomende CSS waar u enige aangepaste CSS-kode kan skryf sonder om die stylblad direk te beïnvloed.
As u nog steeds die stylblad direk via Appearance Editor wil bewerk, is dit wat u moet doen:
Maak enige plasing van u blog oop
Kies die teks van 'n pos
Klik met die rechtermuisknop op die seleksie en kies "Inspekteer" of "Inspekteer element" (afhangend van die blaaier wat u gebruik)
Vind die gemerkte in die nuwe afdeling of venster wat oopgemaak is
Die klas moet ook sigbaar wees op die blad "Styles". As u op die styl klik, moet u blaaier die stylblad oopmaak en u toelaat om die CSS direk vanaf die blaaier te wysig. U kan hierdie funksie gebruik om aangepaste CSS-kode te toets voordat u wysigings op u werf toepas. Aangesien ons die lettergrootte van teks in poste wou verander, is die volgende CSS-kode in ons belang:
Pas veranderinge toe
Nadat u 'n paar lettergroottes in die blaaier getoets het, moet u die een onthou waarvan u die beste hou. Dan kan u voortgaan met die redakteur en die font verander:
Gaan na Voorkoms -> Redakteur
As u nog nie gekies is nie, kies dan Stylblad (styl.css) lêer vanaf die lys aan die regterkant
Soek "p" -klas
Voeg "lettergrootte: 50px;" by (die hele kode moet lyk soos die een wat ons hierbo geskryf het)
Klik op die knoppie "Update File"
Die nuwe styl word gestoor, en u kan die webwerf herlaai. Maak 'n boodskap oop om die verandering in die grootte van die teks te sien. As u die verskil nie sien nie, en u seker is dat u die kode reg aangepas het, maak dit seker vee die blaaiergeheue uit of druk CTRL + F5 om die bladsy te verfris.
Wees versigtig as u met Appearance Editor werk
Voorkoms Editor is 'n wonderlike hulpmiddel om vinnige veranderinge aan sjabloon- en stylbladlêers aan te bring. Maar om die beste daaruit te put, is dit belangrik dat u heeltemal seker is oor die veranderinge wat u aanbring. Enige verandering aan PHP-lêers kan u werf sluit totdat u dit via FTP reggestel het. Dus, as u met PHP-lêers werk, stel ons voor dat u aan 'n plaaslike lêer werk wat u via FTP kan oordra, terwyl u altyd die oorspronklike rugsteun hou. As u wysigings aan stylblaaie aanbring, moet u nie die ekstra CSS-funksies wat 'n paar maande gelede bekendgestel is, vergeet nie.