Sådan fjerner du Fluid CSS i WordPress

Cascading Style Sheets blev først introduceret som standard for webbrowsere i 1997. CSS tillader, at stilarter til et websted bliver kodet i en enkelt fil i stedet for at blive spredt over individuelle HTML-filer. En af de nyskabelser, CSS introducerede, var brugen af ​​"fluid" layouts, der gjorde det muligt for tekst og grafik i en browser at vokse eller formindske, da browserstørrelsen blev opdateret. Men hvis du finder dig selv på et flydende websted i WordPress, som du gerne vil beholde ved en statisk størrelse, kan det gøres ved at bruge den indbyggede WordPress editor.

1.

Log ind på dit Wordpress-websted ved at åbne en browser og navigere til "//www.yoursiteaddress.com/wp-admin." Erstat din webadresse for "yoursiteaddress.com." Indtast adminnavn og kodeord og log ind.

2.

Klik på "Udseende" i menuen til venstre for at udvide den, hvis den ikke allerede er udvidet. Vælg "Editor" fra bunden af ​​menuen Udseende.

3.

Vælg det tema, du vil fjerne de flydende CSS-egenskaber fra, i rullemenuen på højre side af skærmen.

4.

Se efter filen "style.css", der er angivet til højre på skærmen. Det kan være nødvendigt at rulle ned, hvis dit tema har et stort antal filer. Klik på "style.css" for at åbne den i editorens vindue.

5.

Se gennem kildekoden i vinduet style.css for de sektioner på siden, som du ønsker at ændre. De fleste temaer vil have siden opdelt i indhold og sidebjælksektioner. For eksempel vil et indholdsafsnit, der skal tage op 65 procent af browserrummet, blive angivet som følger:

indhold {

bredde: 65%; }

6.

Slet procentfiguren og erstat den med en pixeldefinition. For eksempel, for at holde indholdsdelen af ​​din side med 700 pixels, skal du ændre koden, så den lyder:

indhold {

bredde: 700px; }

7.

Klik på knappen "Opdater" under redigeringsvinduet for at begå dine ændringer.

Advarsel

  • Altid lave en sikkerhedskopi af din "style.css" -fil, før du redigerer.