Kui soovite luua hea veebisaidi, peate suutma malli suurust muuta. Vaikimisi pakuvad paljud teemad ebamugavaid malliraami suurusi. Kitsad teemad on sama halvad kui liiga laiad teemad. Teil peaks olema kesktee, mis sobib saidi funktsioonide jaoks. Ainult sel viisil kuvatakse teie ressursi sisu õigesti ja kõik vidinad mahuvad külgribale. Sellest artiklist saate teada, millised on külgmiste veergude suuruse reguleerimise viisid.
Ilma külgribata tundub sait kasutu. Kui soovite lehe sisu kuidagi visuaalselt lahjendada, peaksite muutma WordPressi malli, lisades sellele teatud suurusega külgriba. Tavaliselt on külgmised veerud sellesse juba vaikimisi paigaldatud. Kuid mitte alati ei ole külgriba laius konkreetse projekti jaoks optimaalne. Vaatame WordPressi saidi külje laiuse ja kõrguse muutmise meetodeid.
Võib-olla ei pea te midagi muutma. Muutke külgriba ainult siis, kui see näeb välja "kõver" ja ebaloomulik. Esiteks veenduge, et külgriba laius oleks väiksem kui sisu sisaldava lehe põhi. Külgriba ei ole saidi põhiosa, seega ei tohiks sellele erilist tähelepanu pöörata – maksimaalselt võib see hõivata 40% lehe nähtavast osast. Pange tähele, et kui teil on kaks (või mitu) külgriba, ei tohiks nende laius ületada 50% kogu lehe laiusest. Parem on kasutada ainult ühte külgsammast - nii on see tõhusam.
Ainult ühte külgriba kasutavate saitide puhul kehtib disainerite kuldreegel. See reegel ütleb, et kui lehel on ainult üks külgriba, ei tohiks see hõivata rohkem kui 38% saidi laiusest. Sellisest salapärasest kujust räägivad paljud silmapaistvad veebidisainerid (näiteks: Jarel Remik).
Kõrguse osas on oluline, et külgriba ei jääks koha peal välja. Selle kõrgus ülemises piiris peaks olema sarnane lehe põhiosaga. Kuid alumist piiri saab muuta nii, et saidi põhiosa on pikem. Pole vaja proovida saidil kõike külgribale toppida – see on vaid peamine. Ja kui teavet on tõesti palju, tehke kaks külgriba, kuid te ei pea külgriba saidi jaluseni venitama.
Nüüd räägime sellest, kuidas iseseisvalt muuta külgmiste veergude ja malli raami suurust ilma lisandmooduleid kasutamata. See meetod hõlmab lehe lähtekoodi muutmist. Malli suuruse parameeter on lisatud html-märgenditesse. Pange tähele, et suuruse muutmisel võivad olla negatiivsed tagajärjed, kui laadite taustaks üles kohandatud suurusega pildi. Seetõttu on parem raami parameetreid muuta saidi paigutuse etapis.
Koodi külgriba parameetrid on ploki kujul. Kogu raami, sealhulgas külgmiste veergude suuruse muutmiseks peate sisenema koodi ja kohandama vaheldumisi iga elemendi laiuse ja kõrguse numbrilisi parameetreid. Nimelt:
Konkreetse ploki mõõtmete väljaselgitamiseks peate klõpsama ümbrise üksusel "Lehekoodi vaates". Brauseri CSS-i jaotise küljel näete elemendi laiuse arvväärtusi pikslites. Kogu traatraami suuruse muutmiseks peate redigeerima põhielementi ja seejärel muutma ka teisi elemente. Soovitatav on seda teha kohalikus serveris, et teie sait ei "hüppaks" kasutajate ette. Ja üldiselt on parem seda teha isegi enne Interneti-projekti käivitamist.
See rida vastutab lehe keskmise osa parameetrite eest, see tähendab sisuploki ja külgmiste veergude eest. Ärge puudutage "peamist" rida - see on saidi põhiosa. Peate leidma sildi "mainnav" - see on külgriba. Kõik, mida vajate, on CSS-is laiuse üksuse muutmine, mis vastutab laiuse eest - erineva suuruse väärtuse sisestamiseks. Külgriba saate muuta väiksemaks või suuremaks, kuid pidage meeles ülaltoodud suuruse määramise näpunäiteid, et tagada saidi õige kuvamine.
Muudatuste salvestamiseks tuleb need teha serveris. See tähendab, et saate algselt katsetada kohandusi kohalikus hostimises, kuid seejärel kopeerige kindlasti muudetud style.css fail ja lisage see põhiserveri andmebaasidesse. Alles siis hakkavad muudatused kehtima.
külgriba suuruse muutmise pistikprogramm
Kui te ei soovi kaskaadlaadilehtedel läbi tuhnida ja redigeerimist vajavaid elemente otsida, võite kasutada WordPressi pistikprogrammi Visual Sidebar Editor. See on spetsiaalne moodul, mis on spetsiaalselt loodud külgribade genereerimiseks. See on osa suuremast Visual Composeri tööriistast.
Visual Composeri pistikprogramm on WordPressi loomulik lehtede koostaja. Selle abil saate nullist luua valmis malli. Moodul töötab lühikoodidega ja seda on väga lihtne paigaldada. Kui külgriba suuruse muutmine pole ainus asi, mida peate tegema, laadige alla pistikprogramm Visual Composer ja lisage lisandmoodulina Visual Sidebar Editor. Kui probleem on ainult lehe külgriba suuruses, siis piisab Visual Sidebar Editor moodulist.
Külgriba muutmiseks mõeldud plugina kasutamise eeliseks on see, et see teeb kõik automaatselt. See tähendab, et näitate Drag & Drop süsteemi abil, mida soovite muuta, ja moodul parandab iseseisvalt elemendi koodi vastavalt teie päringutele. Kui soovid kätt proovida html-märgendite redigeerimisel, siis plugin pakub sulle sellise võimaluse. Lisaks on sellel saidile lisafunktsioonide lisamiseks spetsiaalsed lühikoodid - üle 40 laienduse.
Veel üks pluss sellise pistikprogrammi kasutamisel lehtede redigeerimiseks on see, et muudatused salvestatakse olenemata mootori versioonist. Isegi kui uuendate WordPressi, siis mall ei muutu – seda juhib moodul. Seetõttu võite lülituda vanematele versioonidele või värskendada WordPressi – see ei kahjusta enam külgriba mõõdet. Lisaks töötab pistikprogramm mugava impordi ja ekspordiga - see tähendab, et saate külgribasid ühelt saidilt kopeerida ja teisele üle kanda. Ja mis kõige tähtsam, moodul töötab äärmiselt selge põhimõtte järgi – ka algaja saab selle kiiresti selgeks.
Kui teile meeldib visuaalse külgriba redaktori töö, kaaluge lisandmoodulite täieliku komplekti - Visual Composeri mooduli - installimist. Siis on teil lihtne portaali lehtedel mis tahes elementi redigeerida.
Kas soovite luua täissuuruses WordPressi lehe?
Siis tagasi selle juurde, miks me siin oleme.
1. meetod: sisseehitatud laiuse malli kasutamine WordPressi teemas
Seda meetodit soovitatakse juhul, kui teie WordPressi teemal on juba terve lehe mall. Kui teil seda pole, vaadake järgmist valikut ja hankige see.
Esmalt peate lehte redigeerima või looma uue, külastades " Lehed > Lisa Uus leht
Valige lehe redigeerimisaknas Täislaius mallina lehe atribuutide märkeruudu all.
Pärast mudeli valimist Täislaius Peate oma lehe registreerima. Saate jätkata lehe kohandamist, et lisada rohkem sisu, või klõpsata eelvaate nuppu, et näha seda töös.
Kui teil pole lehe redigeerimiskuval valikut „Täislaius” – „malli täislaius”, tähendab see, et teie WordPressi teemal pole seda lehte.
Kuid ärge muretsege, näitame teile, kui lihtne on luua terve leht ilma WordPressi teemat muutmata.
2. meetod: täislaiusega lehemalli loomine
See meetod nõuab kasutatavate WordPressi teemafailide redigeerimist ja põhiteadmisi PHP-st, CSS-ist ja HTML-ist.
Muide, kutsume teid ka nõu pidama
Kõigepealt peate avama tekstiredaktori (nt Notepad) ja kleepima järgmise koodi tühja faili:
Php / * Имя шаблона: * Полная ширина / get_header (); ?>
See kood määrab lihtsalt failimalli nime ja palub WordPressil päisemalli ekstraktida.
Seejärel vajate koodi sisuosa. Ühendage oma saidiga FTP-kliendi abil ( või failihaldur cPanelis) seejärel minge lehele /wp-content/themes/your-theme-directory/ .
Seejärel peaksite leidma faili nimega " page.php". See on teie teema lehemalli vaikefail.
Kopeerige kõik pärast " hanki_päis() Ja kleepige see faili Täislaius.php See on see, mille olete oma arvutis loonud.
Nüüd peate vaatama faili "full-width.php" sisu ja eemaldama selle koodirea:
Php get_sidebar (); ?>
See rida taastab lihtsalt külgriba ja kuvab selle teie WordPressi teemas. Selle eemaldamisel ei kuvata teie teema malli kasutamisel külgriba Täislaius.
Näete seda rida oma WordPressi teemas mitu korda ilmumas. Kui teie WordPressi teemal on mitu, näete koodis igale külgribale viidatud üks kord. Peate otsustama, milliseid külgribasid soovite säilitada.
Teie veebisait laaditakse aeglaselt, avastage
Kui teie teema ei kuva teie lehel külgribasid, ei pruugi te seda koodi oma failist leida.
Nii hoolitseb meie full-width.php kood muudatuste tegemise eest. Teie kood võib olenevalt teemast veidi erineda.
php / * * Имя шаблона: полная ширина * / get_header (); ?> php // Запустить цикл. while (have_posts ()): the_post (); // Включить шаблон содержимого страницы. get_template_part ("template-parts / content", "page"); // Если комментарии открыты, как нам это сделать? if (comments_open () || get_comments_number ()) {comments_template (); } // Конец цикла. ENDWHILE; ?> main> div> php get_footer (); ?>
Seejärel peate faili alla laadima Täislaius.php WordPressi teemakaustas koos .
Olete oma teema jaoks edukalt loonud ja üles laadinud kohandatud täislaiusega lehemalli. Järgmine samm on kasutada seda malli täissuuruses lehe loomiseks.
Minge armatuurlauale ja muutke või looge uus leht.
Leidke lehe redigeerimiskuval märkeruut lehe atribuudid ja klõpsake suvandi Mudel all olevat rippmenüüd.
Näete oma mudelit. Jätkake, valige see ja salvestage või värskendage leht.
Nüüd saate oma veebisaiti külastada ja näete, et külgribad on kadunud ja teie leht kuvatakse ühe veeru lehena. Võib-olla pole see veel täidetud, kuid nüüd olete valmis seda teistmoodi levitama.
Muutke oma sait populaarseks, avastades
Peate kasutama tööriista Kontrolli, et leida CSS-i klassid, mida teie teema sisuala määratlemiseks kasutab.
Seejärel saate CSS-i abil reguleerida selle laiust 100%-ni. Kasutasime järgmist CSS-koodi:
.page-template full-width zone.content(width: 100%; Margin: 0px; border: 0px; padding: 0px; ) .page-template fullwidth.Output(margin: 0px; )
Selline näeb välja Twenty Seventeen.
See on selle õpetuse jaoks kõik, loodan, et see võimaldab teil luua täissuuruses lehti.
Ülaltoodud meetodid on tasuta neile, kes saavad seda endale lubada ja soovivad kiiresti luua täis- või täislaiuses paigutusi.
Avastage ka mõned esmaklassilised WordPressi pistikprogrammid
Saate kasutada teisi WordPressi pistikprogramme, et anda oma ajaveebi või veebisaidi haldamine kaasaegseks ja tõhustada.
Pakume teile mitut esmaklassilist WordPressi pistikprogrammi, mis aitavad teil seda teha.
1. Divi Builder
Divi Builder on kõrge kvaliteediga lehtede koostaja, mida hinnatakse kõrgelt Elegantsed teemad Kuigi seda kasutatakse tavaliselt Divi WordPressi teema osana, on Divi Builder ka eraldiseisev pistikprogramm, mida saab kasutada teistes WordPressi teemades.
Divi Builder võimaldab teil muuta oma sisu nii esiotsa visuaalse liidese kui ka serveripoolse liidese abil, kuigi enamik kasutajaid eelistab esimest.
Põhimõtteliselt on külgribade asemel kõik hüpikakendes ja ujuvatel nuppudel. See annab teile juurdepääsu 316 eelmääratletud mallile, mis on jaotatud 40 erineva esitluspaketi vahel, ja võimaldab teil ka oma kujundusi mallidena salvestada.
Kutsume teid avama
Üks Divi tunnusjooni on alati olnud kontroll pakutavate stiilide üle. Kolmel erineval vahekaardil saate reguleerida erinevaid valikuid, sealhulgas reageerivaid juhtelemente, kohandatud vahekaugusi ja palju muud.
Saate isegi lisada kohandatud CSS-i, kuna selle CSS-i redaktor ühendab põhilise valideerimise ja automaatse täitmise.Üks Divi Builderi kriitika on alati olnud see, et see põhineb . See tähendab, et kui selle üks kord välja lülitate, jääb teie sisule hulk lühikoode. Kuigi see on veidi masendav, on pistikprogrammidega, nagu Shortcode Cleaner, nüüd vähem probleeme.
2. Ehitaja
Pole ime, et Themify Builder on Themify meeskonna pakkumine. See integreerib selle paljudesse oma WordPressi teemadesse, et pakkuda klientidele lihtsaid kohandamisvõimalusi. Kuid saate selle osta ka eraldiseisva pistikprogrammina ja kasutada seda mis tahes WordPressi teemaga.
Sarnaselt Divi Builderile ja WPBakery Page Builderile võimaldab Themify Builder luua paigutusi esi- või taustaprogrammis.Teine hea asi on see, et see pistikprogramm võimaldab teil kohandada oma reageerivaid katkestuspunkte (kuid ainult kogu saidi tasandil).
Avastage, looge veebipood ja müüge oma tooteid hõlpsalt veebis
Themify Builderi huvitav funktsioon on see, et see võimaldab teil endiselt kasutada tavalist WordPressi redaktorit, samas kui teised lehekoostajad sunnivad teid kõige jaoks kasutama Page Builderi liidest.
3. Fakiir
Algselt 2016. aastal käivitatud WordPressi pistikprogramm Elementor on selle loendi üks nooremaid arendajaid. Vaatamata hilisele käivitamisele on Elementor saidil WordPress.org kiiresti kogunud üle 1 000 000 aktiivse installi, muutes selle üheks populaarseimaks WordPressi koostajaks.
Kui teil on ettepanekuid või kommentaare, jätke need meie jaotisesse
Mõned WordPressi mallid on külgmenüüs, nn külgribal, või vastupidi kitsas artiklite jaotises ja loomulikult peavad mõned veebihaldurid teatud piire laiendama, näiteks bännerite mahutamiseks. Selles artiklis näitan teile, kuidas muuta päise, malli, artiklite jaotise või külgmenüü suurust.
Mille jaoks võib osutuda vajalikuks malli suurust muuta.
Võimalik, et soovite malli suurust muuta nii alguses, kohe pärast selle installimist kui ka pärast mitme artikli kirjutamist ja esimeste kümnete külastajate ilmumist. Näiteks pidin malli laiendama pärast seda, kui tahtsin oma ajaveebi reklaamide pealt paar esimest senti teenida. Selleks valiti Google-AdSense'i bännerreklaamisüsteem. Kuid selleks, et teenida vähemalt kahetsusväärselt kaks senti, tuleb arvestada kahe parameetriga:
- Selleks, et keegi reklaamile klõpsaks, peavad süsteemi väljastatavad bännerid olema teatud kohtades. Internetis kirjutavad nad, et see on vasakpoolne liugur, asetame sinna ruudukujulise bänneri ja kolm korda artikli sisse. Päris ülaosas, keskel, pärast mõningast suundumist ja päris lõpus. See paigutus sobib ideaalselt inimestele bänneril klõpsamiseks. Muidugi on ka teisi võimalusi, näiteks piltidel, kuid me ei käsitle neid selle artikli raames.
- Google annab välja teatud suurusega bännereid.
need. peame ühendama esimese ja teise punkti, nimelt tagama, et Google'i või Yandexi bännerid oleksid paigutatud selleks ettenähtud kohtadesse, vasakpoolsesse külgriba ja artiklitesse. Kuna mu mall oli selleks otstarbeks liiga kitsas ja väikseid bännereid pole mõtet üles riputada, sest keegi ei kliki neile, siis jääb üle vaid külgmenüü ja artiklite sektsiooni venitada.
Kuidas malli horisontaalselt suurendada 1. osa, mõista numbreid
Et mõista, kui palju me peame selle või selle elemendi laiust suurendama, ei pea me ühe pilguga hindama “seal piisab sentimeetrist ja seal pool sentimeetrit”, vaid neid numbreid täpselt pikslites välja selgitama. Peaaegu iga brauser aitab meid selles, näiteks:
- safari
- firefox
- google chrome
Isiklikult näitan ma Safari näitel ja teid mis tahes teile sobivas brauseris. Erinevused peaksid olema ainult ühes nupus.
Niisiis, alus - meie saidi suurus koosneb 4 elemendist, malli enda suurusest, lehe suurusest, artikliploki suurusest ja vasakpoolsest menüüplokist. Me suurendame kõike kordamööda, ärge muretsege, see pole hirmutav.
Vasakpoolse menüü laiuse muutmiseks.
Sel juhul saate muuta nii piksleid, nagu tegime sammus 3-5, kui ka protsenti lehel. Selleks piisab pikslite asemel parameetri muutmisest
Need väärtused tähendavad, mitu protsenti laiusest võib see või teine element hõivata. Peaasi, et külgriba ja artikli summa moodustaks 100%, mitte rohkem, vastasel juhul hõljub kõik lehel.
See on kõik. Nüüd teame, milliseid väärtusi peame muutma, et kõik sobiks. Jääb üle vaid vajalikud andmed stiilifaili sisestada.
Kuidas suurendada malli horisontaalselt osa 2, muutke laiust
Pärast seda, kui oleme numbritest aru saanud ja need kuhugi paberile üles kirjutanud, muutkem need nüüd kõigi jaoks, mitte ainult enda jaoks. Selle jaoks:
- Logige saidile FTP kaudu sisse
- Otsige üles ja kopeerige fail /wp-content/themes/Your theme/style.css oma arvutisse
- Tee sellest failist varukoopia, st. kopeerige see oma dokumentide kausta. Nii et arvutis on failist kaks koopiat, millest üks me töötame, teine, mida me ei puuduta. Teine toimib juhuks, kui muudame midagi valesti ja unustame mille.
- Avage fail mugavas redaktoris. Nüüd seisame silmitsi üsna lihtsa ülesandega muuta vanad väärtused uuteks. On kaks võimalust, esimene on lihtne ja teine on raske. Esiteks leiame otsides vana väärtuse ja kirjutame selle asemele uue. Teine võimalus on otsida stiilide nimesid, stiilide seest otsime laiust ja muudame väärtust.
Isiklikult valisin enda jaoks esimese, lihtsa viisi, kuna see võimaldab muudatusi teha vaid paari sekundiga. Niisiis, me otsime väärtust 980. Failiotsing andis ainult kaks parameetrit, mida pean muutma.
Esimene vastutab kogu saidi laiuse eest:
1
2
3
4
5
6
7
8
| #leht ( min- kõrgus: 100px; selge: mõlemad; laius: 96%; polsterdus: 0 ; polsterdus- ülaosa: 24px; max- laius: 980px; ülevool: peidetud; |
#leht ( min-kõrgus: 100px; selge: mõlemad; laius: 96%; polsterdus: 0; polsterdus-ülaosa: 24px; max-width: 980px; ülevool: peidetud;
Teine on kahe elemendi laiuse, artiklite loendi ja vasakpoolse menüü jaoks.
1
2
3
4
5
6
7
8
9
10
11
| . põhikonteiner (laius: 980px; veeris: 0 automaatne; ülevool: peidetud; polsterdus: 0; taust: #fff; asend: suhteline; - veebikomplekt- kast- vari: 0px 0px 10px rgba(50, 50, 50, 0,17) ;-moz- box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17) ; box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17) ; |
Põhikonteiner ( laius: 980 pikslit; veeris: 0 automaatne; ületäitumine: peidetud; polsterdus: 0; taust: #fff; asend: suhteline; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17) ; -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17); kasti vari: 0px 0px 10px rgba(50, 50, 50, 0,17); )
Peame vaid muutma väärtused 980-lt 1080-le ja uuesti laadima.
See on kõik, kuid kui teil on küsimusi, kirjutage kommentaaridesse või aitan teid hea meelega.
Autorilt: Tere, sõbrad. Järgmises WordPressi teema artiklis käsitleme küsimust, kuidas WordPressi malli muuta. Kui te pole kunagi varem WordPressi malli muutmise vajadusega kokku puutunud, siis lugege kindlasti seda artiklit, sest varem või hiljem peate suure tõenäosusega tegelema WordPressi malli kohandamise ja redigeerimise probleemidega.
Alustuseks määratleme kõige levinumad küsimused, millega kasutajad WordPressi malli enda jaoks kohandades kokku puutuvad. Siin on nende näidisloend:
kuidas redigeerida WordPressi malli
muutke Wordpressis malli laiust
kuidas muuta WordPressi malli suurust
kuidas muuta WordPressi malli värvi
kuidas muuta fonti WordPressi mallis
Ja see on vaid väike loetelu probleemidest, millega võite kokku puutuda või mida saate aidata teistel lahendada, sealhulgas tasu eest, kui arendate veebisaite tellimuse alusel.
Kõiki ülaltoodud loendis olevaid küsimusi saab lahendada kahel viisil, olenevalt saidil kasutatavast teemast. Alustame kõige lihtsamast võimalusest, mis ei nõua paigutusteadmisi. See valik sobib juhul, kui mall toetab sätetest redigeerimist.
Läheme jaotisse Välimus – kohandamine ja vaatame saidi avalehte ja saadaolevaid saidi sätteid lehe vasakus servas. Nende hulgas võib olla disainiseadeid.
Näiteks proovime muuta saidi värviskeemi. Läheme menüüsse Värvid ja muudame saidi külgmiste ja keskmiste osade tausta.
Nagu näete, on see üsna mugav ja WordPressi malli värvi muutmine on üsna lihtne - näeme tulemust kohe ja saame seda hinnata.
Kuid mitte iga teema ei paku kõiki vajalikke WordPressi mallide kohandusi. Näiteks ei ole tõenäoliselt sätteid, mis võimaldavad WordPressis malli laiust muuta, näiteks isegi praeguses teemas pole sätteid, mis võimaldavad mallis fonti muuta jne. Kuidas sel juhul olla? Siin peame kasutama teist võimalust ja siin on juba vaja mõningaid paigutusoskusi.
Seega peame enamasti redigeerima ainult ühte faili – see on stiilifail style.css. See asub teie teemakaustas. Muudame näitena fondi värvi. Muide, saate seda teha otse WordPressi administraatoripaneelilt. Lihtsalt olge ettevaatlik ja ettevaatlik, et mitte kogemata saiti "rikkuda". Enne muudatuste tegemist on kõige parem teema varundada. Niisiis, minge menüüsse Välimus - redaktor ja vaikimisi peaks teil olema redigeerimiseks avatud teema stiili fail.
Kui ei ole, siis valige see fail parempoolsest loendist, selle nimi on Stylesheet (style.css). Enamasti määratakse fondi värv kehas, seega otsime üles selle elemendi stiilid ja määrame fondi värviks punase värvi.
Pärast faili salvestamist saame saiti värskendada ja näha saidi põhifondi punast värvi.
Nagu näete, on WordPressi malli enda jaoks kohandamine üsna lihtne ülesanne. CSS-i väheste teadmistega saate WordPressi malli muuta ja malli vastavalt vajadusele kohandada. Sama skeemi järgi saame lahendada ka teisi sarnaseid probleeme. Sellega jätan teiega hüvasti. Edu ja peatse kohtumiseni!
Sageli tekib WordPressi malli valimisel probleem - see on plokkide ebapiisav laius. Paljudel tekib kohe soov malli laiust muuta. Neile, kes on hästi kursis html-i või php-ga, ei tekita see erilisi probleeme. Kuid selleks, et kirjutada üksikasjalikult, kuidas muuta Wordpressi malli suurust ettevalmistamata inimese jaoks, on vaja tervet brošüüri.
Kõige lihtsam on tellida, aga teadmised saavad juurde need, kes proovivad ise teha. Edaspidi ei pea ta iga pisiasja pärast spetsialistide poole pöörduma. Selle "aluse" teadmine on täiesti võimalik. Enne muudatuste tegemist tehke kindlasti kõigist oma ressursi lehtedest varukoopia. Ebatäpse töö korral saate hõlpsalt saidi esialgse välimuse taastada.
Wordpressi malle on uskumatult palju, need kõik on erinevad ja igaüks muutub omal moel. Kuid sellistel põhiplokkidel nagu: avalehe laius, päis, vasak ja parem veerg, jalus on kõik olemas. Tööks vajame:
-
Veebibrauser Mozilla Firefox.
-
Firebugi pistikprogramm installitud Firefoxi.
Kui kõik vajalik on alla laaditud, installitud ja kasutamiseks valmis, avage Mozilla Firefoxis valitud mall ja käivitage Firebug, klõpsates veaikooni.
Pistikprogrammi paneel
Allosas avaneb pistikprogrammi paneel, milles me töötame. Kõik tehtud muudatused kuvatakse kohe monitori ülaosas. Paremal vahekaardil näeme valitud elemendi CSS-stiili, vasakul lehe html koodi. Malli laiuse suurendamiseks või vähendamiseks peame kõigepealt teadma aluse praegust suurust. Klõpsake meie pistikprogrammi kursori ikooni.
Lehel olevad elemendid tõstetakse esile erinevate värvidega ja saate esile tõsta iga lehe elemendi, et oma saidi struktuuriga üksikasjalikult tutvuda. Pärast nime saamist saate teada täpsed mõõtmed. Pärast praeguse laiuse määramist tehke sellel väärtusel vasakklõps. Proovimeetodil loome sobivaima laiuse ja testime selle kuvamist.
Katsetage julgelt mis tahes elementide ja väärtustega. Praegused muudatused ei saa sinu lehte serveris kuidagi mõjutada, need on aktiivsed ainult pistikprogrammi aknas (Mozilla praegune vahemälu). Värskendamisel lähtestatakse kõik seaded.
Redigeerige style.css
Nüüd jääb üle need muudatused WordPressi malli jaoks salvestada. Tavaliselt kirjutatakse malli laius faili style.css. Siseneme veebisaidi halduspaneeli → välimus → redaktor → style.css → rida 79, muudame laiuse väärtust. Säästame.
Uuendatud: 21.08.2023
103583
Kui märkate viga, valige tekstiosa ja vajutage Ctrl + Enter