Kreiranje WordPress tema sa responzivnim okvirima. Šta je prilagodljivi izgled za mobilnu verziju? Bočna traka i Widgeti

11.04.2019 Zanimljivo

I takođe promeniti float property za stavke menija:

1 2 3 4 5 6 7 8 9 10

@media samo ekran i (maksimalna širina: 480px) ( #mobmenu2 (prikaz: nema ;) #mobmenu (prikaz: blok;) .main-navigation li (float: nema ;))

@media only screen and (max-width: 480px)( #mobmenu2( display: none; ) #mobmenu ( display: block; ) .main-navigation li (float: none; ) )

Ovdje postoji još jedna nijansa koju sam primijetio već u procesu: ako je meni skriven skriptom, odnosno korištenjem gumba u mobilna verzija, zatim kada se širina poveća (na primjer, ako ste pametni telefon okrenuli iz okomitog položaja u horizontalni), glavni izbornik se više ne prikazuje. Zato sam morao dodati još jedno pravilo za monitore od 481 piksela i više.

1 2 3 4

@media samo ekran i (min-width : 481px ) ( #mobmenu2 ( display : block !important; ) )

@media only screen and (min-width: 481px)( #mobmenu2( display: block !important; ) )

Ja ću to dodati !bitan povećava prioritet stila - ovo je vrlo zgodno kada se isti blokira različitim prilikama napisani su različiti stilovi.

Pa, to je sve, sada definitivno imamo zgodan WordPress responsive dizajn. Naravno, ova ista pravila su prikladna za prilagođavanje gotovo svake stranice na bilo kojem motoru. Google sada to kaže ovaj blog ima 99 od 100 za mobilnu upotrebljivost.


Sada ćemo vidjeti kako će se to odraziti na korisnike sa pametnih telefona ili tableta, te da li će doći do povećanja prometa sa ovih uređaja. O čemu ću pisati već u jednom od sljedećih članaka.

Ako ste već imali slično iskustvo, podijelite ga u komentarima. Pa i tamo se mogu postaviti sva pitanja...

Danas adaptivni izgled ima udio od 10-20% svih stranica. 21. aprila 2015 godine Google“oduševio” webmastere uključene u izgradnju sajtova i vlasnike resursa porukama na mail, gdje je servis upozoravao na neugodnost korištenja za mobilne uređaje. I uslijedilo je to sistem pretraživanja odbija da indeksira takve stranice. Za mnoge je ovo bio djelimični gubitak toka posjetitelja s mobilnog interneta.

Danas se lošije rangiraju stranice koje ne podržavaju mobilnu verziju. Dakle, da bi sajt bio viši na pozicijama Rezultati pretrage među stranicama konkurentnih tema, preporučljivo je napraviti adaptaciju za mobilne sisteme.

Šta je prilagodljivi izgled za mobilnu verziju?

Responzivni izgled je uobičajen web dizajn koji se može prilagoditi bilo kojoj rezoluciji ekrana, uklj. za mobilni, tako da je korisniku zgodno pregledati stranice resursa. Kao rješenje problema - kreirajte mobilnu verziju stranice.

Rad na responzivnom web dizajnu počinje provjerom za Google usluge. Obično servis daje listu poboljšanja koja je potrebno uraditi da biste prešli na mobilnu verziju. Sa adaptivnim izgledom u WordPress-u, izmjene se vrše u css fajlovima, a unutar header.php, meta tag sa atributom viewporta je ispisan u dijelu glave, što vam omogućava da prilagodite sadržaj interfejsa tako da odgovara veličini ekrana.

Pogodnost ove metode je u tome što ne morate kreirati novu stranicu, pratiti sadržaj, ponovo izvršiti seo-optimizaciju. Međutim, postoje problemi s prikazom različitim pretraživačima, elementi u nekima od njih počinju da "odlaze". Zahtijeva tanak css postavka stilova.

WordPress dodaci za prilagođavanje web stranice

Kreatori su se posebno razvili za WordPress besplatni dodaci navigatore kao što su MobilePress, Duda Mobile Website Builder. Mogu se preuzeti sa službene stranice.

Dodatke za prilagodbu mogu koristiti čak i neprofesionalni webmasteri koji nemaju široku poznavanje HTML-a i CSS. Dodaci vam omogućavaju da izoštrite postojeći šablon. Međutim, ponekad postoje problemi sa kompatibilnošću između pretraživača i neočekivane greške se javljaju tokom keširanja. Ako se u budućnosti ne planira prisustvo više od 2000 ljudi na resursu, onda su dodaci dobra alternativa.

Responzivne WordPress teme

Pronalaženje kvalitetnih responsive šablona za webmastera neće oduzeti mnogo vremena, ali će zahtijevati znanje HTML osnove i CSS. Šablon za rad se lako preuzima i mijenja po vašem nahođenju.

Prednosti:

• Jednostavan za instalaciju i postavljanje. Ako želite, možete čak i besplatno pronaći premium šablone;
• Provjereni predlošci su kompatibilni sa više pretraživača;
• Velika količina na Internetu;
• Prelazak na responzivni dizajn ne traje dugo.

Nedostaci:

• Morat ćete potpuno promijeniti stari u novi;
• Unutra se nalaze kodirane veze do autora ili do drugih stranica.

Ove metode su vrlo pogodne za prilagođavanje mobilnoj verziji. Međutim, ako migrirate veće web lokacije, korisno je naučiti kako raditi s kaskadnim stilovima.

Responzivni dizajn je od vitalnog značaja ovih dana. važan posao. Svaki dan ima novih mobilnih uređaja i pametne telefone. Ovaj članak je izuzetno važan za one koji još nisu upoznati s konceptom responsive dizajna.

U ovom vodiču ćemo pokriti osnove kreiranja responsive teme stiliziranje zasnovano na CSS3 medijskim upitima. Ovaj će vam članak pomoći da bolje shvatite što je responzivni dizajn i kako funkcionira.

Trendovi su veoma promenljivi. Sve stranice sa velikim imenima fokusirane su na rad preko mobilnih uređaja. Dakle, hajde da pogledamo šta su responzivni šabloni.

Šta su responzivni šabloni i zašto su toliko važni?

Trendovi responzivnih šablona postaju popularniji nego ikad. I ovo nije slučajno. Široka upotreba pametnih telefona i tableta za pristup internetu utječe na važnost korištenja responzivnih šablona. Šta je responzivni šablon? Odziv predloška omogućava da se dizajn stranice prilagodi različitim veličinama ekrana. Automatski bira rezoluciju i određuje na kojem uređaju se stranica prikazuje, na monitoru računara, tabletu ili pametnom telefonu. Programeri se trude da predlošci budu prilagodljivi kako bi ih poboljšali. korisnički interfejs i vrijeme učitavanja.

To znači da serija određene zahtjeve CSS3 koji magično optimizuje stranicu vašeg sajta. fiksna širina možda neće uvijek biti ispravno prikazan. Dakle, bit će potrebno koristiti prilagodljivost. Prije početka rada neophodna je priprema. Nije sve tako komplicirano, prvo morate razraditi elemente dizajna i uzeti u obzir specifičnosti posla adaptivni šablon.

Da budem iskren, trebali biste dobro poznavati osnove kreiranja WordPress šablona.

Kreiranje prvog podređenog šablona

Bilo bi dobro ako prvo kreirate podređeni predložak, iako to nije potrebno, preporučljivo je. Ako ne znate šta je podređeni šablon, možete

Podređeni šabloni nisu baš uobičajeni, ali su divna karakteristika WordPress-a. Ovo je način da zadržite postavke predloška čak i ako se vaš roditeljski predložak promijeni. Svi, čak i sa vrlo osnovnim poznavanjem HTML-a i CSS-a, moći će promijeniti boje u predlošku. Ovdje ćemo dati kratak vodič o tome kako napraviti podređeni predložak za vaš trenutni WordPress predložak.

Prvi korak:

Stvoriti novi folder mythemechild u direktoriju wp-content/themes. Recimo da se vaš predložak zove myparenttheme. Naravno, možete imenovati podređeni šablon kako god želite. Nije važno, ali poželjno je koristiti ime koje je slično imenu glavnog predloška, ​​na primjer, ako imate predložak pod nazivom abc, nazovite podređeni šablon abc-dijete.

Drugi korak:

Dodavanje styles.css je preduvjet za kreiranje podređenog predloška. Kreirajte datoteku styles.css u folderu podređenog šablona. Osim toga, možete dodati druge datoteke šablona u ovu fasciklu functions.php datoteku.

Treći korak:

U datoteci styles.css podređenog šablona mythemechild, jedan od glavnih uslova je dodavanje naslova. Ispod je primjer zaglavlja koje čini da podređeni predložak funkcionira za WordPress.

/* Naziv teme: myParentTheme Child Theme URI: http://website/ Opis: Moja prva WordPress tema

Hajde da objasnimo svaki red koda:

• Naziv šablona. (obavezno) Ime podređenog predloška.
• URI šablona. (poželjno) Web stranica podređenog predloška.
• Opis. (opciono) Šta je ovo obrazac. Na primjer: predložak Moje prvo dijete. Ura!
• Autor. (opciono) Ime autora.
• Uzorak. (obavezno) ime direktorija roditeljskog predloška osjetljivo na velika i mala slova.

Pažnja. Morate se prebaciti na drugi predložak, a zatim se vratiti na podređeni predložak nakon što izvršite promjene u liniji koda.

Verzija. (opcionalno) Verzija podređenog predloška. Na primjer: 0,1, 1,0 itd.

Završni korak:

Sada sve što treba da uradite je da izvezete stilove iz roditeljskog predloška u dete. To se može učiniti koristeći primjer u nastavku:

/* Naziv teme: myParentTheme Child Theme URI: http://website Opis: Moja prva WordPress tema

Dakle, kreirali ste podređeni šablon. Sada ga aktivirajte tako što ćete otići na administrativni panel WordPress po izgledu -> Teme. Nadamo se da sada možete lako kreirati podređeni predložak.

Medijski upiti u CSS3

CSS3 pruža puno mogućnosti i jednostavne načine koje dizajneri i programeri mogu koristiti. Međutim, postoje neki problemi koje IE8 zahtjevi rješavaju. Oni vam mogu pomoći da dobijete sljedeće informacije:

1. Dobijte širinu i visinu trenutnog prozora
2. Proverite da li je telefon u vertikalnom ili horizontalnom položaju
3. Dobijte rezoluciju uređaja, visinu i širinu ekrana.

Veličine ekrana obrađene u našem vodiču

Odredimo postojeće veličine ekrana prije programiranja.

1. Smartphones- Manje od 480 px (u zavisnosti od Google Nexus S i ASUS Galaxy 7)
2. Tablete– od 481px do 1280px (Motorola Xoom sa maksimalnom rezolucijom 1280)
3. Računarski monitori– 1281 px i više

(Napomena: Stvarne vrijednosti za pametne telefone i tablete mogu se razlikovati ovisno o tome koji uređaj i ekran ciljate.)

U nastavku su navedeni upiti koje ćemo koristiti za kreiranje responsive šablona. Ne izgledaju komplikovano, ali važno je obratiti veliku pažnju na sintaksi.

@media ekran i (maksimalna širina:480px) ( h1 ( boja : crvena ; ) ) @media ekran i (min-width:481px) i (max-width:1280px) (/* Postavljanje crnih naslova za korisnike računara */ h1 ( boja : zelena ; ) ) @media ekran i (min-width:1281px) (/* Omogućavanje crvenih naslova za korisnike pametnih telefona */ h1 ( boja : crna ; ) )

Testiranje napravljenih promjena

Važno je da ćete nakon dodavanja svakog upita upita moći provjeriti rezultate. Za one koji imaju pametni telefon i tablet, testiranje je mnogo praktičnije. Ali postoji još jedan zgodan alat za testiranje - ScreenFly od strane quirktools. Sviđa mi se ovaj alat zbog njegove preciznosti i lakoće upotrebe. Pomoću njega možete provjeriti prikaz stranice na gotovo svim glavnim uređajima i ekranima.

Također je vrijedno provjeriti pomoću alata ScreenFly.

Problemi i rješenja

Važno je imati na umu izazove sa kojima se možete suočiti prilikom kreiranja responzivnog dizajna. Zbog svog fleksibilnog sadržaja razlikuje se od statične stranice. Sljedeći su izazovi s kojima biste se trebali suočiti:

1- Bočni panel i widgeti

Za početnika ovo može biti prva prepreka. Tipično, bočne trake su poravnate i stilizovane sa svojstvima float:left ili float:right, i mogu biti malo neprecizne u interakciji sa medijskim upitima. pomaci float: lijevo; jasno: niko ne može postaviti widgete na ispravnu lokaciju.

2- Navigacijski meni

Navigacija je sljedeći problem. Bez podešavanja može izgledati neprirodno. Ako imate instalirane efekte navigacije, provjerite radi li sve dobro na svim uređajima osjetljivim na dodir.

Mnogo stilskih odluka ovisit će o složenosti i kvaliteti vašeg šablona, ​​ali kada dođete do željene stilske odluke, sve bi trebalo testirati na pametnom telefonu i tabletu. Ispod je kako će sve izgledati nakon primjene svih stilova.

Rezultati

Responzivni dizajn je važan jer se ovih dana sve na svijetu brzo mijenja, dodirni uređajišire se koriste, što znači da bi i njihovi korisnici trebali dobiti odličan pristup stranicama vaše stranice.

Trendovi responzivnog dizajna postaju sve popularniji, ali su još uvijek u razvoju. Programeri istražuju nove načine da ih učine efikasnijim i moćnijim. Oni također pomažu cijelom svijetu dijeleći svoja znanja i vještine.

Kreiranje teme za Wordpress, možete ići na nekoliko načina. Možete pisati kod od nule, uređivati spremna tema ili koristite specijalnu okvir. U ovom pregledu ćemo razmotriti treću opciju, koja, s jedne strane, ne ograničava vašu maštu na već kreiranu temu, a s druge strane, omogućava vam da se riješite rutinske operacije fokusirajući se na dizajn, a ne na dosadno kodiranje.

Međutim, čak i uprkos očigledne prednosti upotrebe okvira, među stručnjacima ne postoji jednoznačno mišljenje na njihov račun. Neki ljudi misle da okviri omogućavaju značajno povećanje brzine i kvaliteta razvoja. Drugi smatraju da ograničavaju programere tako što ih zaključavaju određene granice. A ako morate riješiti izvanredan zadatak, onda napori utrošeni na zaobilaženje funkcionalnosti okvira negiraju njegove prednosti. Osim toga, vrijeme utrošeno na savladavanje može se uporediti s vremenom utrošenim na kodiranje (međutim, jasno je da će u slučaju okvira to biti jednokratni trošak).

Kako god bilo, izbor korištenja okvira je vaš. Samo vi, na osnovu svog iskustva i zadatka koji je pred vama, možete odlučiti hoćete li ga koristiti ili ne. A za to morate barem “osjetiti”, što mi predlažemo da učinite, koristeći, naravno, jedan od besplatnih proizvoda za početak.

Cherry Framework od TemplateMonster

Uprkos tome pripovijetka, Cherry Framework uspjeli steći mnogo pozitivnih povratnih informacija.

Najnovije, četvrto izdanje ovog proizvoda omogućava vam da onemogućite nepotrebne opcije, ostavljajući aktivnim samo one koji su neophodni u ovom konkretnom slučaju. Malo se okvira može pohvaliti takvom mogućnošću, a oni koji su je već cijenili teško da će je moći odbiti u budućnosti.

Glavne karakteristike trešnje:

• Nezavisna modularna struktura omogućava vam da komponente Cherry koristite zasebno, kao samostalne alate. Tom J. Nowell iz tima Automattic uvjeren je da svaki pristojan okvir treba da ima ovu mogućnost;
• Editor i set kratkih kodova, što vam omogućava da dodajete različite objekte bilo gdje na stranici;
• Mogućnost fiksiranja pozicije elementa (logotip, meni ili string za pretragu) u odnosu na zaglavlje ili podnožje;
• CSS minifier- inovativni alat koji vam omogućava da kombinujete CSS iz različite datoteke u jednu i minimizirajte da biste ubrzali učitavanje;
• Backup Options- vrlo zgodna opcija koja vam omogućava da se "vratite". prethodno stanje, ako niste zadovoljni rezultatom uređivanja;
• Plugin mehanizam pruža brza odluka razne zadatke. Ovo je dodatak dijaprojekcija, bočnih traka i razne vrste bilješke - za recenzije, portfelje itd.;
• Kompatibilnost sa alatima trećih strana;
• Odziv i WPML-kompatibilnost su dvije vitalne karakteristike danas koje vam omogućavaju da kreirate višejezične stranice prilagođene bilo kojem uređaju, od pametnih telefona do PC-a.

Hybrid Core od ThemeHybrid

Hybrid Core jednostavan za instalaciju i konfiguraciju okviršto vam omogućava da se razvijate složenih projekata bez pribjegavanja velikim količinama kodiranja. Kompatibilan je sa standardom Schema, što osigurava dobru SEO optimizaciju. Osim toga, Hybrid Core ima mnogo funkcija koje uvelike pojednostavljuju rad programera. Među njima su kao što su:

• Mrvice hljeba (" mrvice hljeba”) koji odlično funkcionira na bilo kojoj stranici, uključujući prilagođene vrste postova.
• Ispravljena i optimizirana verzija kratkog koda puna kontrola galerija slika iznad
• Media Grabber je funkcija koja vam omogućava da snimite bilo koji medijski sadržaj (uključujući i iz bilješke) i koristite ga bilo gdje na web lokaciji.
• poruke, što vam omogućava da kreirate šablone za različite vrste bilješki, ne ograničavajući se na stranicu u cjelini.
• Produžetak standardna funkcija paginacija, koja vam omogućava da kontrolišete paginaciju materijala na stranici rezultata pretrage, arhiviranih stranica itd.
• Automatsko učitavanje višejezične podrške za roditeljske i podređene teme.

Gantry od RocketTheme

Gantry je pokušaj profesionalaca iz RocketTheme-a da spoje sva svoja dostignuća u razvoju WordPress tema u jedan okvir. I pokušaj je, moram reći, vrlo uspješan. Izgrađen koristeći dinamičku mrežu, ovaj vrlo lagani okvir podržava SCSS, CSS i LESS.

Pogledajte listu glavnih karakteristika Gantry-a:

• Upravitelj rasporeda vam daje potpunu slobodu u dizajnu izgleda.
• Sistem za upravljanje sadržajem koji vam omogućava kreiranje, uređivanje i objavljivanje sadržaja.
• Vizuelni kreator menija koji podržava menije na više nivoa i kreiranje stavki menija sa ikonama.
• mega meni omogućava vam da kreirate nestandardne padajuće menije, gde ne samo veze, već i bilo koji html mogu delovati kao podstavke - tabele, obrasci, liste, formatirani tekst
• Admin interfejs izgrađen sa koristeći Ajax, i radi nevjerovatnom brzinom.
• Moćan mehanizam za šablone Twig.
• Gantry se također može pohvaliti YAML orijentiranim konfiguratorom, kliznim bočnim trakama, moćne mogućnosti naslijeđe i skup svih vrsta ikona i fontova.

Runway by Parallelus

pista- još jedno rješenje otvorenog koda izvorni kod, dizajniran da olakša razvoj tema za Wordpress. Teme kreirane s njim mogu se distribuirati kao samostalni proizvod, neovisno o samom okviru.

Glavne karakteristike piste:

• Generator tema za kreiranje, kopiranje i uređivanje tema.
• Theme Builder- dizajniran za kreiranje admin panela i zapisa nestandardnog (prilagođenog) tipa.
• Modularna struktura koja vam omogućava da dodate potrebnu funkcionalnost pomoću dodataka u samo jednom kliku.

Wonderflux od Jonnya Allbuta

Drugi okvir otvorenog koda u našem izboru - Wonderflux. Kvalitetan proizvod koji će vam omogućiti da uštedite vrijeme razvoja bez gubitka efikasnosti.

Wonderflux ključne karakteristike:

• Dinamički raspored, što osigurava da se tema prilagodi bilo kojoj veličini ekrana.
• Fleksibilne opcije označavanja koje se mogu mijenjati u hodu.
• Zbirka od preko 100 kratkih kodova, koji vam omogućava da ugradite kod ili sadržaj bilo koje vrste u temu
• Administrativne postavke koje omogućavaju jednostavnu konfiguraciju stranice.
• Kompatibilan sa Wordpress dodaci omogućava vam da riješite gotovo svaki zadatak
• Validator koda koji osigurava usklađenost sa web standardima, što je preduvjet za kvalitetnu SEO optimizaciju.

Unyson od ThemeFuse

Unyson je okvir bogat funkcijama dizajniran i za programere i za dizajnere. Omogućava vam da uređujete prednji dio stranice ili bloga sa administrativne ploče i ima prozor pregled, gdje možete odmah procijeniti napravljene promjene.

Ključne karakteristike:

• Povucite i ispustite alat za pravljenje stranica.
• Content Demo Install - Ekstenzija koja vam omogućava da prikažete sadržaj tačno onako kako izgleda prilikom uređivanja.
• Više od 20 opcija za pojednostavljenje kreiranja kontejnera, kartica i obrazaca za admin panel
• Dinamičke bočne trake koje se mogu prilagoditi za svaku stranicu.
• Automatski backup direktno sa admin panela. Moguće je redovno planirano kopiranje (dnevno, sedmično, mjesečno itd.).
• Breadcrumbs (a.k.a. breadcrumbs) koje dodaju jednostavnu i jasnu navigaciju
• Slideshow modul koji podržava i foto i video sadržaj.

Naravno, ovo nije potpuna lista svih karakteristika Unyson-a. Treba spomenuti i posebne moduli za SEO, kontakt forme, portfolio, kalendar događaja, zvjezdice, integracija sa društvene mreže i Flickr.

press work

Besplatni Wordpress framework kreiran korištenjem HTML5 i CSS3 i namijenjen širokom krugu korisnika - programerima, dizajnerima, blogerima.

Evo nekih od njegovih karakteristika:

• Front-End editor - mogućnost uređivanja frontenda pomoću uređivača povuci i ispusti.
• Skup dodataka koji proširuju osnovnu funkcionalnost okvira za rješavanje određenog problema.
• Media Queries - modul odgovoran za optimalno izgled na bilo kom uređaju.
• Prisutnost PSD datoteka u kompletu za uređivanje teme, na primjer, promjenu logotipa ili grafičkih elemenata.

Reverie od ThemeFortress

Multifunkcionalni okvir dizajniran za kreiranje blogova, sistema za upravljanje sadržajem, online knjiga ili bilo koje druge vrste stranica. Može se koristiti i kao glavni alat i kao pomoćni alat za kreiranje izvedenih tema.

Ključne karakteristike:

• Okvir je kreiran na bazi ZURB fondacije i baštini svu njegovu fleksibilnost i snagu.
• HTML5 i mikroformat hNews daju kod koji je čist, razumljiv i lak za čitanje. Za HTML5 oznake možete koristiti prilagođene funkcije WordPress.
• Ima mehanizme za prilagođavanje veličini ekrana, pa izgleda podjednako dobro i na pametnim telefonima i na računarima.
• Prati koncept minimalizma, nudeći samo dva vidžeta i dva prilagođena menija.
• Ako trebate napraviti promjene u dizajnu, nudi se direktno uređivanje SCSS-a i prilagođenog CSS-a.

Od minusa vredi napomenuti djelomična SEO optimizacija pa je preporučljivo koristiti dodatni plugin u tu svrhu.

Vafpress

Uz Vafpress kreiranje administrativnog (pozadinskog) dijela Wordpress teme postaje lakše nego ikad.

Da bi to uradio, programer ima:

• Kontrolna skripta preuzimanja koja vam omogućava samo preuzimanje neophodni blokovi bez preopterećenja frontenda suvišnim kodom.
• Podrška za različite tipove polja: tekst, liste sa višestrukim izborom, potvrdni okviri (checkbox), radio dugmad (radiobuton) i ostalo
• Moćan programer menija na više nivoa. Za izradu koristi XML, koji se zatim može konvertovati u PHP niz.
• Metabox Builder - omogućava vam pisanje metaboxa u PHP nizove.
• Podrška za grupe polja koja se ponavljaju.

Podvlake

Neki programeri Underscore smatraju punopravnim okvirom, iako neki, uključujući i same autore, pozicioniraju svoj proizvod kao neku vrstu prapočetne teme za kreiranje kompletnih tema. Bilo kako bilo, korištenje Underscores značajno će uštedjeti vrijeme i trud utrošen na razvoj WordPress tema.

Glavne karakteristike Underscore:

• Mogućnost kreiranja prilagođenih zaglavlja.
• Prilagođene oznake u predlošcima izbjegavaju dupliciranje koda.
• Skripta za pretvaranje menija u promjenjivu padajuću listu za prikaz na mobilnim uređajima.
• Dva predloška za označavanje sa bočnom trakom postavljenom s desne ili lijeve strane.
• Racionalni CSS koji olakšava proces razvoja.
• 404 stranice.

Zaključak

Kao što vidite, broj okvira vrijednih pažnje je prilično velik i, možda, upravo nakon našeg pregleda, odlučite isprobati jedan od njih u svom sljedećem projektu.