Izrada WordPress tema s responzivnim okvirima. Što je prilagodljivi izgled za mobilnu verziju? Bočna traka i widgeti

11.04.2019 Zanimljiv

I također promijeniti plutajuće svojstvo za stavke jelovnika:

1 2 3 4 5 6 7 8 9 10

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

@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 izbornik skriven skriptom, to jest korištenjem gumba u mobilna verzija, zatim kada se širina poveća (na primjer, ako ste pametni telefon okrenuli iz okomitog položaja u vodoravni), 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 only screen and (min-width: 481px) ( #mobmenu2 ( display : block !important; ) )

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

to ću dodati !važno povećava prioritet stila - ovo je vrlo zgodno kada se isti blok unese različite prilike pišu se različiti stilovi.

Pa, to je sve, sada definitivno imamo zgodan WordPress responzivni dizajn. Naravno, ova ista pravila prikladna su za prilagodbu 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 to utjecati na korisnike s pametnih telefona ili tableta te hoće li doći do porasta prometa s tih 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 sva pitanja se mogu postaviti i tamo...

Danas adaptivni izgled ima udio od 10-20% svih stranica. 21. travnja 2015 godine Google"oduševili" webmastere uključene u izgradnju web stranica i vlasnike resursa porukama na poštu, gdje je usluga upozorila na neugodnosti korištenja za mobilne uređaje. I slijedilo je to sustav pretraživanja odbija indeksirati takve stranice. Za mnoge je to bio djelomični gubitak protoka posjetitelja s mobilnog interneta.

Danas su stranice koje ne podržavaju mobilnu verziju lošije rangirane. Dakle, kako bi stranica bila na višim pozicijama Rezultati pretraživanja među stranicama natjecateljskih tema preporuča se napraviti prilagodbu za mobilne sustave.

Što je prilagodljivi izgled za mobilnu verziju?

Responzivni izgled uobičajeni je web dizajn koji se može prilagoditi bilo kojoj razlučivosti zaslona, ​​uklj. za mobilne uređaje, tako da je korisniku prikladno pregledavati stranice resursa. Kao rješenje problema - izradite mobilnu verziju stranice.

Rad na responzivnom web dizajnu počinje provjerom Google usluge. Usluga obično daje popis poboljšanja koja je potrebno učiniti za prelazak na mobilnu verziju. Uz adaptivni izgled u WordPressu, promjene se rade na css datotekama, a unutar header.php, meta oznaka s atributom viewport ispisana je u zaglavlju, što vam omogućuje da prilagodite sadržaj sučelja kako bi odgovarao veličini ekrana.

Pogodnost ove metode je u tome što ne morate kreirati novu stranicu, pratiti sadržaj, ponovno izvršiti seo-optimizaciju. Međutim, postoje problemi s prikazom različitim preglednicima, elementi u nekima od njih počinju "ići". Zahtijeva tanku css postavka stilovi.

WordPress dodaci za prilagođavanje web stranice

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

Dodatke za prilagodbu može koristiti čak i neprofesionalni webmaster koji nema široku poznavanje HTML-a i CSS. Dodaci vam omogućuju izoštravanje postojećeg predloška. Međutim, ponekad postoje problemi s kompatibilnošću s više preglednika, a tijekom predmemoriranja pojavljuju se neočekivane pogreške. Ako se u budućnosti ne planira prisustvovati više od 2000 ljudi na resursu, tada su dodaci dobra alternativa.

Responzivne WordPress teme

Pronalaženje visokokvalitetnih responzivnih predložaka za webmastera neće oduzeti puno vremena, ali će zahtijevati znanje osnove HTML-a i CSS. Predložak za rad lako se preuzima i mijenja po vlastitom nahođenju.

Prednosti:

• Jednostavan za instalaciju i postavljanje. Ako želite, možete čak besplatno pronaći vrhunske predloške;
• Provjereni predlošci su kompatibilni s više preglednika;
• Velika količina na internetu;
• Prijelaz na responzivni dizajn ne traje dugo.

Mane:

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

Ove su metode prikladne za prilagodbu mobilnoj verziji. Međutim, ako migrirate veće stranice, korisno je naučiti kako raditi s kaskadnim stilovima.

Responzivni dizajn danas je vitalan. važan posao. Svaki dan ima novih Mobilni uredaji i pametne telefone. Ovaj članak je iznimno važan za one koji još nisu upoznati s konceptom responzivnog dizajna.

U ovom vodiču pokrit ćemo osnove stvaranja responzivne teme stil koji se temelji na CSS3 medijskim upitima. Ovaj će vam članak pomoći da bolje razumijete što je responzivni dizajn i kako funkcionira.

Trendovi su vrlo promjenjivi. Sve stranice velikih imena usmjerene su na rad putem mobilnih uređaja. Dakle, pogledajmo što su responzivni predlošci.

Što su responzivni predlošci i zašto su toliko važni?

Trendovi responzivnih predložaka postaju popularniji nego ikad. I to nije slučajno. Raširena uporaba pametnih telefona i tableta za pristup internetu utječe na važnost korištenja responzivnih predložaka. Što je responzivni predložak? Responzivnost predloška omogućuje prilagođavanje dizajna stranice različitim veličinama zaslona. Automatski odabire rezoluciju i određuje na kojem uređaju se stranica prikazuje, na monitoru računala, tabletu ili pametnom telefonu. Programeri daju sve od sebe kako bi predlošci bili osjetljivi kako bi ga poboljšali. korisničko sučelje i vrijeme učitavanja.

To znači da serija određene zahtjeve CSS3 koji magično optimizira stranicu vaše web stranice. fiksna širina možda se neće uvijek ispravno prikazati. Dakle, bit će potrebno koristiti prilagodljivost. Prije početka rada potrebna je priprema. Nije sve tako komplicirano, prvo morate razraditi elemente dizajna i uzeti u obzir specifičnosti rada adaptivni predložak.

Da budem iskren, trebali biste prilično dobro poznavati osnove izrade WordPress predložaka.

Stvaranje prvog podređenog predloška

Bilo bi dobro da prvo napravite podređeni predložak, iako to nije obavezno, preporuča se. Ako ne znate što je podređeni predložak, možete

Podređeni predlošci nisu baš česti, ali su prekrasna značajka WordPressa. Ovo je način da zadržite svoje postavke predloška čak i ako se vaš nadređeni predložak promijeni. Svatko, čak i s vrlo osnovnim znanjem 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 nova mapa mythemechild u direktoriju wp-content/themes. Recimo da se vaš predložak zove myparenttheme. Naravno, podređeni predložak možete nazvati kako god želite. Nije bitno, ali poželjno je koristiti naziv koji je sličan nazivu glavnog predloška, ​​na primjer, ako imate predložak pod nazivom abc, nazovite podređeni predložak abc-dijete.

Drugi korak:

Dodavanje styles.css preduvjet je pri stvaranju podređenog predloška. Stvorite datoteku styles.css u mapi podređenog predloška. Osim toga, u ovu datoteku functions.php mape možete dodati druge datoteke predložaka.

Treći korak:

U datoteci styles.css podređenog predloška mythemechild jedan od glavnih uvjeta je dodavanje naslova. Ispod je primjer zaglavlja koji omogućuje rad dječjeg predloška za WordPress.

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

Objasnimo svaki redak koda:

• Naziv predloška. (obavezno) Naziv podređenog predloška.
• URI predloška. (poželjno) web stranica podređenog predloška.
• Opis. (neobavezno) Kakav je ovo uzorak. Na primjer: Moj prvi dječji predložak. hura!
• Autor. (neobavezno) Ime autora.
• Uzorak. (obavezno) naziv direktorija nadređenog predloška koji razlikuje velika i mala slova.

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

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

Završni korak:

Sada sve što trebate učiniti je izvesti tablicu stilova iz nadređenog predloška u podređeni. To se može učiniti pomoću primjera u nastavku:

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

Dakle, stvorili ste podređeni predložak. Sada ga aktivirajte odlaskom na upravni panel WordPress u izgledu -> Teme. Nadamo se da sada možete jednostavno stvoriti podređeni predložak.

Medijski upiti u CSS3

CSS3 daje puno mogućnosti i jednostavnih načina 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. Dohvatite širinu i visinu trenutnog prozora
2. Provjerite je li telefon u okomitom ili vodoravnom položaju
3. Dobijte razlučivost uređaja, visinu i širinu zaslona.

Veličine zaslona obuhvaćene u našem vodiču

Odredimo postojeće veličine zaslona prije programiranja.

1. pametni telefoni- Manje od 480 px (Podložno Google Nexus S i ASUS Galaxy 7)
2. Tablete– od 481px do 1280px (Motorola Xoom s maksimalnom rezolucijom od 1280)
3. Računalni monitori– 1281 px i više

(Napomena: stvarne vrijednosti za pametne telefone i tablete mogu se razlikovati ovisno o uređaju i zaslonu koji ciljate.)

U nastavku su navedeni upiti koje ćemo koristiti za izradu responzivnog predloška. Ne izgledaju komplicirano, ali važno je obratiti pozornost na sintaksu.

@medijski zaslon i (max-width:480px) ( h1 (boja: crvena;)) @medijski zaslon i (min. širina: 481 px) i (maks. širina: 1280 px) (/* Izrada crnih naslova za korisnike računala */ h1 (boja: zelena;)) @medijski zaslon i (min-width:1281px) (/* Postavljanje naslova u crveno za korisnike pametnih telefona */ h1 (boja: crna;))

Testiranje učinjenih promjena

Važno je da ćete nakon dodavanja svakog upita upit moći provjeriti rezultate. Za one koji imaju pametni telefon i tablet, testiranje je puno praktičnije. Ali postoji još jedan zgodan alat za testiranje - ScreenFly by quirktools. Sviđa mi se ovaj alat zbog njegove točnosti i jednostavnosti korištenja. Pomoću njega možete provjeriti prikaz stranice na gotovo svim većim uređajima i zaslonima.

Također vrijedi provjeriti s alatom ScreenFly.

Problemi i rješenja

Važno je imati na umu izazove s kojima se možete susresti prilikom izrade responzivnog dizajna. Zbog svog fleksibilnog sadržaja razlikuje se od statične stranice. Slijede izazovi s kojima biste se trebali pripremiti:

1- Bočna ploča i widgete

Za početnika to može biti prva prepreka. Tipično, bočne trake su poravnate i stilizirane sa svojstvima float:left ili float:right i mogu pomalo netočno komunicirati s medijskim upitima. pomaci float: lijevo; jasno: nitko ne može postaviti widgete na ispravnu lokaciju.

2- Navigacijski izbornik

Navigacija je sljedeći problem. Bez prilagodbe može izgledati neprirodno. Ako imate instalirane efekte lebdenja za navigaciju, provjerite radi li sve dobro na svim uređajima osjetljivim na dodir.

Mnoge stilske odluke ovisit će o složenosti i kvaliteti vašeg predloška, ​​ali nakon što dođete do željene stilske odluke, sve treba testirati na pametnom telefonu i tabletu. Ispod je kako će sve izgledati nakon primjene svih stilova.

Rezultati

Responzivni dizajn je važan jer se danas sve u svijetu brzo mijenja, dodirni uređajišire se koriste, što znači da bi i njihovi korisnici trebali dobiti izvrstan pristup stranicama vašeg web-mjesta.

Trendovi responzivnog dizajna postaju sve popularniji, ali su još uvijek u razvoju. Programeri istražuju nove načine da ih učine učinkovitijima i snažnijima. Oni također pomažu cijelom svijetu dijeleći svoje znanje i vještine.

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

Međutim, čak i unatoč očite koristi korištenje okvira, među stručnjacima nema nedvosmislenog mišljenja o njihovom računu. Neki ljudi misle da frameworki značajno povećavaju brzinu i kvalitetu razvoja. Drugi smatraju da ograničavaju programere zatvarajući ih u određene granice. A ako morate riješiti izvanredan zadatak, tada napori uloženi u zaobilaženje funkcionalnosti okvira negiraju njegove prednosti. Osim toga, vrijeme utrošeno na mastering može se usporediti s vremenom utrošenim na kodiranje (međutim, jasno je da će to u slučaju okvira biti jednokratni trošak).

Bilo kako bilo, odabir korištenja okvira je vaš. Samo vi, na temelju svog iskustva i zadatka koji je pred vama, možete odlučiti hoćete li ga koristiti ili ne. A za to ga morate barem "osjetiti", što predlažemo učiniti, koristeći za početak, naravno, jedan od besplatnih proizvoda.

Cherry Framework tvrtke TemplateMonster

Unatoč svojoj pripovijetka, Cherry Framework uspio zaraditi puno pozitivnih povratnih informacija.

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

Glavne karakteristike trešnje:

• Neovisna modularna struktura omogućuje korištenje Cherry komponenti odvojeno, kao neovisne alate. Tom J. Nowell iz tima Automattic uvjeren je da svaki pristojan framework treba imati ovu mogućnost;
• Uređivač i skup kratkih kodova, što vam omogućuje dodavanje raznih objekata bilo gdje na stranici;
• Mogućnost popravljanja položaja elementa (logotip, izbornik ili niz za pretraživanje) u odnosu na zaglavlje ili podnožje;
• CSS minifikator- inovativan alat koji vam omogućuje kombiniranje CSS-a iz različite datoteke u jedan i minimizirajte ga kako biste ubrzali učitavanje;
• Opcije sigurnosne kopije- vrlo prikladna opcija koja vam omogućuje "vratiti se natrag". prijašnje stanje, ako niste zadovoljni rezultatom uređivanja;
• Osiguravanje mehanizma dodataka brza odluka razne zadatke. Ovo je dodatak slajdova, bočnih traka i različite vrste bilješke - za recenzije, portfolije itd.;
• Kompatibilnost s alatima trećih strana;
• Responzivnost i kompatibilnost s WPML-om dvije su današnje vitalne značajke koje vam omogućuju stvaranje višejezičnih stranica prilagođenih svakom uređaju, od pametnih telefona do osobnih računala.

Hybrid Core by ThemeHybrid

Hibridna jezgra jednostavan za instalaciju i konfiguraciju okvir koji vam omogućuje razvoj složeni projekti bez pribjegavanja velikim količinama kodiranja. Kompatibilan je sa standardom Schema, što osigurava dobru SEO optimizaciju. Uz to, Hybrid Core ima mnoge značajke koje uvelike pojednostavljuju rad programera. Među njima su kao što su:

• Krušne mrvice (" krušne mrvice”) koji odlično funkcionira na bilo kojoj stranici, uključujući prilagođene vrste postova.
• Ispravljena i optimizirana verzija pružanja kratkog koda potpuna kontrola iznad galerije slika
• Media Grabber je značajka koja vam omogućuje snimanje bilo kojeg medijskog sadržaja (uključujući iz bilješke) i njegovu upotrebu bilo gdje na web mjestu.
• poruke, omogućujući vam stvaranje predložaka za različite vrste bilješki, ne ograničavajući se na stranicu kao cjelinu.
• Proširenje standardna funkcija paginacija, koja vam omogućuje kontrolu paginacije materijala na stranici rezultata pretraživanja, arhiviranih stranica itd.
• Automatsko učitavanje višejezične podrške za nadređene i podređene teme.

Gantry by RocketTheme

Gantry je pokušaj profesionalaca iz RocketTheme da spoje sva svoja postignuća u razvoju WordPress tema u jedinstven okvir. I pokušaj je, moram reći, vrlo uspješan. Izgrađen pomoću dinamičke mreže, ovaj vrlo lagan okvir podržava SCSS, CSS i LESS.

Pogledajte popis glavnih značajki Gantryja:

• Upravitelj izgleda daje vam potpunu slobodu u dizajnu izgleda.
• Sustav za upravljanje sadržajem koji vam omogućuje stvaranje, uređivanje i objavljivanje sadržaja.
• Alat za izradu vizualnih izbornika koji podržava izbornike s više razina i stvaranje stavki izbornika s ikonama.
• mega meni omogućuje vam stvaranje nestandardnih padajućih izbornika, gdje ne samo veze, već i bilo koji html mogu djelovati kao podstavke - tablice, obrasci, popisi, formatirani tekst
• Administratorsko sučelje izgrađeno s koristeći Ajax, i radi nevjerojatnom brzinom.
• Snažni Twig predložak.
• Gantry se također može pohvaliti YAML-orijentiranim konfiguratorom, kliznim bočnim trakama, moćne mogućnosti nasljeđivanje i skup svih vrsta ikona i fontova.

Runway by Parallelus

pista- još jedno rješenje otvorenog koda izvorni kod, dizajniran za olakšavanje razvoja tema za Wordpress. Teme stvorene njime mogu se distribuirati kao samostalan proizvod, neovisno o samom okviru.

Glavne karakteristike Runwaya:

• Generator tema za stvaranje, kopiranje i uređivanje tema.
• Graditelj tema- dizajniran za stvaranje administrativnih ploča i zapisa nestandardnog (prilagođenog) tipa.
• Modularna struktura koja vam omogućuje dodavanje potrebnih funkcija pomoću dodataka u samo jednom kliku.

Wonderflux od Jonnyja Allbuta

Još okvir otvorenog koda u našem izboru - Wonderflux. Kvalitetan proizvod koji će vam omogućiti uštedu vremena razvoja bez gubitka učinkovitosti.

Ključne karakteristike Wonderfluxa:

• Dinamički izgled, što osigurava da se tema prilagođava svakoj veličini zaslona.
• Fleksibilne opcije označavanja koje se mogu mijenjati u hodu.
• Zbirka od preko 100 kratkih kodova, koji vam omogućuje ugradnju koda ili sadržaja bilo koje vrste u temu
• Administrativne postavke koje omogućuju jednostavnu konfiguraciju stranice.
• Kompatibilan sa Wordpress dodaci omogućuje vam rješavanje gotovo svakog zadatka
• Validator koda koji osigurava usklađenost s web standardima, što je preduvjet za kvalitetnu SEO optimizaciju.

Unyson od ThemeFuse

Unyson je okvir bogat značajkama dizajniran za programere i dizajnere. Omogućuje vam uređivanje sučelja stranice ili bloga s administrativne ploče i ima prozor pretpregled, gdje možete odmah procijeniti učinjene promjene.

Glavne značajke:

• Alat za izradu stranica povuci i ispusti.
• Content Demo Install - proširenje koje vam omogućuje prikaz sadržaja točno onako kako izgleda prilikom uređivanja.
• Više od 20 opcija za pojednostavljenje stvaranja spremnika, kartica i obrazaca za administrativnu ploču
• Dinamične bočne trake koje se mogu prilagoditi za svaku stranicu.
• Automatski sigurnosna kopija izravno iz administratorske ploče. Moguće je redovno planirano kopiranje (dnevno, tjedno, mjesečno itd.).
• Breadcrumbs (a.k.a. breadcrumbs) koji dodaju jednostavnu i jasnu navigaciju
• Modul za prikaz slajdova koji podržava i foto i video sadržaj.

Naravno, ovo nije potpuni popis svih značajki Unysona. Treba spomenuti i posebne moduli za SEO, obrasci za kontakt, portfelj, kalendar događanja, rangiranje zvjezdicama, integracija sa društvene mreže i Flickr.

rad s tiskom

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

Evo nekih njegovih značajki:

• Front-End uređivač - mogućnost uređivanja sučelja pomoću drag-and-drop uređivača.
• Skup dodataka koji proširuju osnovnu funkcionalnost okvira za rješavanje određenog problema.
• Media Queries - modul odgovoran za optimalno izgled na bilo kojem uređaju.
• Prisutnost PSD datoteka u kompletu za uređivanje teme, na primjer, mijenjanje logotipa ili grafičkih elemenata.

Reverie od ThemeFortress

Višenamjenski okvir dizajniran za stvaranje blogova, sustava 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 stvaranje izvedenih tema.

Glavne značajke:

• Framework je nastao na temelju Zaklade ZURB i nasljeđuje svu njezinu fleksibilnost i snagu.
• Mikroformat HTML5 i hNews pruža kod koji je čist, razumljiv i lak za čitanje. Za HTML5 oznake koje možete koristiti prilagođene funkcije WordPress.
• Posjeduje mehanizme prilagođavanja veličini ekrana pa jednako dobro izgleda i na pametnim telefonima i na osobnim računalima.
• Slijedi koncept minimalizma, nudeći samo dva widgeta i dva prilagođena izbornika.
• Ako trebate promijeniti dizajn, nudi se izravno uređivanje SCSS-a i prilagođenog CSS-a.

Od minusa ne vrijedi ništa djelomična SEO optimizacija pa se preporučuje korištenje dodatnog dodatka za tu svrhu.

Vafpress

S Vafpressom koji stvara administrativni (backend) dio Wordpress teme postaje lakše nego ikada.

Da bi to učinio, programer ima:

• Skripta za kontrolu preuzimanja koja vam omogućuje samo preuzimanje potrebne blokove bez preopterećenja sučelja redundantnim kodom.
• Podrška za različite vrste polja: tekst, liste s višestrukim izborom, okviri za potvrdu (checkbox), radio gumbi (radiobutton) i drugi
• Snažan program za izgradnju izbornika na više razina. Za izradu koristi XML, koji se zatim može pretvoriti u PHP polje.
• Metabox Builder - omogućuje pisanje metaboxa u PHP polja.
• Podrška za grupe ponavljajućih polja.

Podvlake

Neki programeri smatraju Underscore punopravnim okvirom, iako neki, uključujući i same autore, pozicioniraju svoj proizvod kao svojevrsnu temu pretka za stvaranje cjelovitih tema. Bilo kako bilo, korištenje podvlaka značajno će uštedjeti vrijeme i trud utrošen na razvoj WordPress tema.

Glavne značajke podvlake:

• Mogućnost izrade prilagođenih zaglavlja.
• Prilagođene oznake u predlošcima izbjegavaju dupliciranje koda.
• Skripta za pretvaranje izbornika u promjenjivi padajući popis za prikaz na mobilnim uređajima.
• Dva predloška za označavanje s bočnom trakom smještenom s desne ili lijeve strane.
• Racionalni CSS koji olakšava razvojni proces.
• 404 stranice.

Zaključak

Kao što možete vidjeti, broj okvira koji zaslužuju pozornost je prilično velik, i možda ćete, upravo nakon našeg pregleda, odlučiti isprobati jedan od njih u svom sljedećem projektu.