Ndërtoni tema të WordPress me korniza të përgjegjshme. Çfarë është faqosja e përgjegjshme e celularit? Shiriti anësor dhe miniaplikacionet

11.04.2019 Interesante

Dhe gjithashtu ndryshoni pronë notuese për artikujt e menusë:

1 2 3 4 5 6 7 8 9 10

Ekrani @media vetëm dhe (gjerësia maksimale: 480 px) (# mobmenu2 (ekrani: asnjë;) #mobmenu (ekrani: bllok;) .navigimi kryesor li (float: asnjë;))

Ekrani @media vetëm dhe (gjerësia maksimale: 480 px) (# mobmenu2 (ekrani: asnjë;) #mobmenu (ekrani: bllok;) .navigimi kryesor li (float: asnjë;))

Ekziston një nuancë tjetër këtu që kam vënë re tashmë në proces: nëse menyja fshihet nga një skript, domethënë, duke përdorur butonin në versioni celular, atëherë kur gjerësia rritet (për shembull, nëse e keni kthyer telefonin inteligjent nga një pozicion vertikal në një pozicion horizontal), menyja kryesore nuk shfaqet më. Kjo është arsyeja pse më duhej të shtoja një rregull tjetër për monitorët me 481 piksel ose më shumë.

1 2 3 4

Ekrani @media vetëm dhe (gjerësia min.: 481 px) (# mobmenu2 (ekrani: bllok! i rëndësishëm;))

Ekrani @media vetëm dhe (gjerësia min.: 481 px) (# mobmenu2 (ekrani: bllok! i rëndësishëm;))

Unë do të shtoj atë e rëndësishme rrit përparësinë e stilit - kjo është shumë e përshtatshme kur futet i njëjti bllok raste të ndryshme janë të përshkruara stile të ndryshme.

Epo, kjo është e gjitha, tani ne patjetër kemi një dizajn të përshtatshëm të përgjegjshëm të WordPress. Sigurisht, të njëjtat rregulla do të funksionojnë për përshtatjen e pothuajse çdo faqeje në çdo motor. Google tani e thotë këtë këtë blog ka 99 nga 100 për përdorshmërinë celulare.


Tani do të shohim se si do të ndikojë kjo tek përdoruesit nga telefonat inteligjentë apo tabletët, nëse do të ketë rritje të trafikut nga këto pajisje. Për çfarë do të shkruaj në një nga artikujt e mëposhtëm.

Nëse tashmë keni pasur një përvojë të ngjashme, atëherë ndajeni atë në komente. Epo, të gjitha pyetjet mund të bëhen gjithashtu atje ...

Sot, 10-20% e të gjitha faqeve kanë një plan urbanistik adaptiv. 21 prill 2015 vite google"Kënaqur" webmasterët e përfshirë në ndërtimin e faqeve dhe pronarët e burimeve me mesazhe në postë, ku shërbimi paralajmëroi për shqetësimin e përdorimit për pajisjet celulare. Dhe pastaj pasoi sistemi i kërkimit refuzon të indeksojë faqe të tilla. Për shumë, kjo është bërë një humbje e pjesshme e fluksit të vizitorëve nga interneti celular.

Sot, faqet që nuk mbështesin celularin renditen më keq. Prandaj, në mënyrë që faqja të jetë më e lartë në pozicione rezultatet e kërkimit ndër faqet e temave konkurruese, rekomandohet përshtatja për sistemet celulare.

Çfarë është faqosja e përgjegjshme e celularit?

Paraqitja e përgjegjshme është një dizajn i zakonshëm në internet që mund të përshtatet me çdo rezolutë të ekranit, përfshirë. për celular, në mënyrë që përdoruesi të jetë i përshtatshëm për të parë faqet e burimeve. Si zgjidhje për problemin - krijoni një version celular të faqes.

Puna për krijimin e një dizajni të përgjegjshëm të uebit fillon me kontrollin për shërbimet e Google... Në mënyrë tipike, shërbimi ofron një listë përmirësimesh që duhet të kryhen për të kaluar në versionin celular. Me një paraqitje responsive në WordPress, bëhen ndryshime në skedarët css dhe brenda header.php, në pjesën e kokës, shkruhet një meta etiketë me atributin viewport, i cili ju lejon të rregulloni përmbajtjen e ndërfaqes në madhësinë e ekranit. .

Lehtësia e kësaj metode është se nuk keni nevojë të krijoni një faqe interneti të re, të monitoroni përmbajtjen dhe të ri-kryerni optimizimin e SEO. Megjithatë, ka probleme me shfaqjen në shfletues të ndryshëm, elementet në disa prej tyre fillojnë të “shkojnë”. Kërkon të hollë vendosjen css stilet.

Shtojcat e WordPress për personalizimin e faqes në internet

Sidomos për WordPress, krijuesit kanë zhvilluar shtojca falas udhëzues ndihmës, të tilla si MobilePress, Duda Mobile Website Builder. Ato mund të shkarkohen nga faqja zyrtare e internetit.

Shtojcat e përshtatjes mund të përdoren edhe nga një webmaster jo-profesionist që nuk ka softuer të gjerë njohja e HTML dhe CSS. Shtojcat ju lejojnë të mprehni një shabllon ekzistues. Megjithatë, ndonjëherë ka probleme me ndër-shfletuesit dhe shfaqen gabime të papritura gjatë ruajtjes në memorie. Nëse në të ardhmen më shumë se 2000 njerëz nuk pritet të vizitojnë burimin, atëherë shtojcat janë një alternativë e mirë.

Temat e përgjegjshme të WordPress

Gjetja e modeleve cilësore të përgjegjshme për webmaster nuk do të marrë shumë kohë, por kërkon disa njohuri Bazat e HTML dhe CSS. Modeli për punë mund të shkarkohet lehtësisht dhe të ndryshohet sipas gjykimit tuaj.

Përparësitë:

• Lehtë për t'u instaluar dhe konfiguruar. Nëse dëshironi, madje mund të gjeni shabllone premium falas;
• Modelet e verifikuara janë të pajtueshme me ndërshfletuesit;
• Sasi e madhe në internet;
• Nuk kërkon shumë kohë për të kaluar në dizajn të përgjegjshëm.

Disavantazhet:

• Ju do të duhet të ndryshoni plotësisht të vjetrën në të re;
• Brenda ka lidhje të koduara nga autori ose në sajte të tjera.

Metodat e listuara janë të përshtatshme për t'u përshtatur me versionin celular. Megjithatë, për migrimin e sajteve më të mëdha, do të jetë e dobishme të mësoni se si të punoni me stilet kaskadë.

Në ditët e sotme, krijimi i një dizajni të përgjegjshëm po bëhet jetik. punë e rëndësishme... Të reja shfaqen çdo ditë pajisje celulare dhe telefonat inteligjentë. Ky artikull është jashtëzakonisht i rëndësishëm për ata që nuk janë ende të njohur mjaftueshëm me konceptin e dizajnit të përgjegjshëm.

Në këtë tutorial, ne do të japim bazat e krijimit tema të përgjegjshme dizajne që punojnë në pyetjet e medias CSS3. Ky artikull do t'ju ndihmojë të kuptoni më mirë thelbin e dizajnit të përgjegjshëm dhe mënyrën se si funksionon.

Tendencat janë shumë të paqëndrueshme. Të gjitha faqet me emra të mëdhenj janë të fokusuar në punën përmes pajisjeve mobile. Pra, le të hedhim një vështrim se cilat janë modelet e përgjegjshme.

Cilat janë modelet e përgjegjshme dhe pse janë kaq të rëndësishme?

Modelet e përgjegjshme janë më të njohura se kurrë. Dhe kjo nuk është rastësi. Përhapja e telefonave inteligjentë dhe tabletëve për akses në internet po ndikon në rëndësinë e përdorimit të shablloneve të përgjegjshëm. Çfarë është një shabllon i përgjegjshëm? Përgjegjshmëria e shabllonit lejon që dizajni i faqes të përshtatet me madhësi të ndryshme të ekranit... Ai zgjedh automatikisht rezolucionin dhe përcakton se në cilën pajisje shfaqet faqja, në një monitor kompjuteri, tabletë ose smartphone. Zhvilluesit po bëjnë çmos për t'i bërë shabllonet të përgjegjshëm në mënyrë që ta përmirësojnë atë ndërfaqja e përdoruesit dhe koha e ngarkimit.

Kjo do të thotë se përdoret seria. kërkesa të caktuara CSS3 që optimizon në mënyrë magjike faqen tuaj të internetit. Gjerësia fikse mund të mos shfaqet gjithmonë si duhet. Pra, do t'ju duhet të përdorni përshtatshmërinë. Para fillimit të punës kërkohet përgatitje. Jo gjithçka është aq e vështirë, së pari ju duhet të përpunoni elementët e dizajnit dhe të merrni parasysh specifikat e punës shabllon i përgjegjshëm.

Për të qenë i sinqertë, duhet të jeni mjaft të njohur me bazat e krijimit të shablloneve të wordpress.

Krijimi i shabllonit të fëmijës së parë

Do të jetë mirë nëse fillimisht krijoni një shabllon për fëmijë, edhe nëse nuk është i nevojshëm, por rekomandohet. Nëse nuk e dini se çfarë është një shabllon për fëmijë, mundeni

Modelet e fëmijëve nuk janë shumë të zakonshëm, por funksionalitet të shkëlqyeshëm të WordPress. Kjo është një mënyrë për të ruajtur cilësimet e shabllonit tuaj edhe nëse modeli juaj prind është ndryshuar. Çdokush, edhe me një njohuri shumë sipërfaqësore të HTML dhe CSS, do të jetë në gjendje të ndryshojë ngjyrat në shabllon. Këtu do të japim një tutorial të shpejtë se si të krijoni një shabllon fëmijësh për shabllonin tuaj aktual të WordPress.

Hapi i parë:

Krijo dosje e re mythemechild në drejtorinë wp-content / themes. Le të supozojmë se shablloni juaj quhet myparenttheme. Natyrisht, ju mund ta emërtoni modelin e fëmijës si të doni. Nuk ka rëndësi, por këshillohet të përdorni një emër që është i ngjashëm me emrin e shabllonit kryesor, për shembull, nëse shablloni juaj quhet abc, emërtoni shabllonin e fëmijës abc-child.

Hapi i dytë:

Shtimi i styles.css është i domosdoshëm kur krijoni një shabllon fëmijësh. Krijo një skedar styles.css në dosjen e shabllonit të fëmijës. Përndryshe, mund të shtoni skedarë të tjerë shabllon në skedarin funksione.php të kësaj dosjeje.

Hapi i tretë:

Në skedarin styles.css të shabllonit të fëmijës mythemechild, një nga kushtet kryesore është të shtoni një kokë. Më poshtë është një shembull i një titulli që bën që një shabllon fëmijësh të funksionojë për WordPress.

/ * Emri i temës: myParentTheme Child Theme URI: http: // site / Përshkrimi: Tema ime e parë e WordPress

Le të shpjegojmë çdo rresht kodi:

• Emri i shabllonit. (kërkohet) Emri i shabllonit të fëmijës.
• URI e shabllonit. (e dëshirueshme) Faqja e internetit e shabllonit të fëmijës.
• Përshkrim. (e dëshirueshme) Çfarë është ky shabllon. Për shembull: Modeli i fëmijës tim të parë. Hora!
• Autori. (opsionale) Emri i autorit.
• Mostra. (kërkohet) emri i drejtorisë së modelit prind, i ndjeshëm ndaj shkronjave të vogla.

Kujdes. Duhet të kaloni në një shabllon tjetër dhe më pas të kaloni përsëri në shabllonin e fëmijës pasi të ndryshoni linjën e kodit.

Version. (e dëshirueshme) Versioni i shabllonit të fëmijës. Për shembull: 0.1, 1.0, etj.

Hapi i fundit:

Tani gjithçka që duhet të bëni është të eksportoni fletën e stilit nga shablloni prind në shabllonin e fëmijës. Kjo mund të bëhet duke ndjekur shembullin e mëposhtëm:

/ * Emri i temës: myParentTheme Child Theme URI: http: // Përshkrimi i faqes: Tema ime e parë e WordPress

Kështu, ju keni krijuar një shabllon fëmijësh. Tani aktivizojeni duke shkuar te paneli admin WordPress në pamje -> Temat. Shpresojmë, tani mund të krijoni lehtësisht një shabllon për fëmijë.

Pyetjet e medias në CSS3

CSS3 ofron shumë mundësi dhe mënyra të thjeshta që projektuesit dhe zhvilluesit mund të përdorin. Megjithatë, ka disa çështje që mund të trajtojnë pyetjet e IE8. Ata mund t'ju ndihmojnë të merrni informacionin e mëposhtëm:

1. Gjeni gjerësinë dhe lartësinë e dritares aktuale
2. Kontrolloni nëse telefoni është në pozicion vertikal apo horizontal
3. Merrni rezolucionin e pajisjes, lartësinë dhe gjerësinë e ekranit.

Madhësitë e ekranit që do të mbulohen në udhëzuesin tonë

Le të përcaktojmë madhësitë ekzistuese të ekranit përpara programimit.

1. Telefonat inteligjentë- Më pak se 480 px (përfshirë Google nexus S dhe ASUS Galaxy 7)
2. Tabletat- nga 481px në 1280px (Motorola Xoom me një rezolucion maksimal prej 1280)
3. Monitorët e kompjuterit- 1281 px e lart

(Shënim: Vlerat aktuale për telefonat inteligjentë dhe tabletët mund të ndryshojnë në varësi të pajisjes dhe ekranit që synoni.)

Më poshtë janë pyetjet që do të përdorim për të krijuar një shabllon të përgjegjshëm. Ato nuk duken të komplikuara, por është e rëndësishme të merret parasysh sintaksa me shumë kujdes.

Ekrani @media dhe (gjerësia maksimale: 480 px) ( h1 (ngjyra: e kuqe;)) Ekrani @media dhe (gjerësia minimale: 481 px) dhe (gjerësia maksimale: 1280 px) (/ * Krijimi i titujve me synim të zi Përdoruesit e PC-ve * / h1 (ngjyra: jeshile;)) Ekrani @media dhe (gjerësia min.: 1281 px) (/ * Bërja e titujve të kuq për përdoruesit e smartfonëve * / h1 (ngjyra: e zezë;))

Testimi i ndryshimeve të bëra

Gjëja shumë e rëndësishme është që pasi të keni shtuar çdo pyetje, mund të kontrolloni rezultatet. Për ata që kanë një smartphone dhe tablet, testimi është shumë më i përshtatshëm. Por ka edhe një tjetër mjet i dobishëm për testim - ScreenFly nga quirtools. Më pëlqen ky mjet për saktësinë dhe lehtësinë e përdorimit. Me të, ju mund të kontrolloni shfaqjen e faqes në pothuajse çdo pajisje dhe ekran të madh.

Vlen gjithashtu të kontrollohet me mjetin ScreenFly

Problemet dhe zgjidhjet

Është e rëndësishme të mbani parasysh sfidat me të cilat mund të përballeni kur krijoni modele të përgjegjshme. Për shkak të përmbajtjes së tij fleksibël, ai ndryshon nga një faqe statike. Më poshtë janë sfidat me të cilat duhet të jeni të përgatitur të përballeni:

1- Paneli anësor dhe miniaplikacionet

Për një fillestar, kjo mund të jetë pengesa e parë. Zakonisht, shiritat anësor rreshtohen dhe stilohen duke përdorur veçoritë float: majtas ose float: djathtas dhe mund të ndërveprojnë paksa të pasakta me pyetjet e medias. Kompensimet notojnë: majtas; qartë: asnjë ju mund të vendosni vendndodhjen e saktë për miniaplikacionet.

2- Menyja e navigimit

Lundrimi është sfida e radhës. Mund të duket e panatyrshme pa rregullim. Nëse keni të instaluar efektet naviguese, kontrolloni për t'u siguruar që gjithçka funksionon mirë në të gjitha pajisjet me prekje.

Shumë vendime stilistike do të varen nga kompleksiteti dhe cilësia e shabllonit tuaj, por pasi të keni arritur vendimin tuaj të dëshiruar stilistik, gjithçka duhet të testohet në smartphone dhe tablet. Më poshtë është se si do të duket gjithçka pasi të jenë aplikuar të gjitha stilet.

Rezultatet

Dizajni i përgjegjshëm është i rëndësishëm pasi gjithçka në botë po ndryshon me shpejtësi këto ditë, pajisje shqisore janë më të përhapura, që do të thotë se edhe përdoruesit e tyre duhet të kenë akses të shkëlqyeshëm në faqet e faqes suaj.

Tendencat e dizajnit të përgjegjshëm po bëhen gjithnjë e më të njohura, por megjithatë ato janë ende në zhvillim e sipër. Zhvilluesit po eksplorojnë mënyra të reja për t'i bërë ato më efikase dhe të fuqishme. Ata gjithashtu ndihmojnë të gjithë botën duke ndarë njohuritë dhe aftësitë e tyre.

Krijimi i një teme WordPress, mund të shkoni në disa mënyra. Ju mund të shkruani kodin nga e para, të modifikoni tema e gatshme ose përdorni një speciale kornizë... Në këtë përmbledhje, ne do të shqyrtojmë opsionin e tretë, i cili, nga njëra anë, nuk e kufizon imagjinatën tuaj në një temë të krijuar tashmë, dhe nga ana tjetër, ju lejon të heqni qafe operacionet rutinë duke u fokusuar në dizajn dhe jo në kodim të mërzitshëm.

Megjithatë, edhe pse avantazhe të dukshme përdorimi i kornizave, midis ekspertëve nuk ka asnjë opinion të vetëm për llogarinë e tyre. Disa njerëz mendojnë se kornizat ofrojnë një nxitje të konsiderueshme në shpejtësinë dhe cilësinë e zhvillimit. Të tjerë besojnë se i kufizojnë zhvilluesit duke i burgosur kornizë të caktuar... Dhe nëse duhet të zgjidhni një detyrë të jashtëzakonshme, atëherë përpjekjet e shpenzuara për të anashkaluar funksionalitetin e kornizës mohojnë avantazhet e tij. Për më tepër, koha e shpenzuar për zotërim mund të krahasohet me kohën e shpenzuar për kodim (megjithatë, është e qartë se në rastin e një kornize, kjo do të jetë një kosto një herë).

Sido që të jetë, dhe zgjedhja e përdorimit të kornizës është e juaja. Vetëm ju, bazuar në përvojën tuaj dhe detyrën përpara jush, mund të vendosni nëse do ta përdorni apo jo. Dhe për ta bërë këtë, duhet të paktën ta "prekni", gjë që ne propozojmë ta bëni, duke përdorur, natyrisht, një nga produktet falas për të filluar.

Cherry Framework nga TemplateMonster

Pavarësisht nga ajo histori e shkurtër, Korniza e Qershisë arriti të fitojë shumë vlerësime pozitive.

Lëshimi i fundit, i katërt i këtij produkti ju lejon të çaktivizoni opsionet e panevojshme, duke lënë aktive vetëm ato që janë të nevojshme në këtë rast të veçantë. Pak korniza mund të mburren me një mundësi të tillë dhe ata që e kanë vlerësuar tashmë nuk ka gjasa të jenë në gjendje ta braktisin atë në të ardhmen.

Karakteristikat kryesore të qershisë:

• Struktura modulare e pavarur ju lejon të përdorni komponentët Cherry veçmas, si mjete të pavarura. Tom J. Nowell i ekipit Automattic është i bindur se çdo kornizë e mirë duhet ta ketë këtë aftësi;
• Redaktori dhe grupi i kodeve të shkurtra duke ju lejuar të shtoni objekte të ndryshme në çdo vend të faqes;
• Aftësia për të rregulluar pozicionin e një elementi (logo, menu ose vargun e kërkimit) në lidhje me kokën ose fundin;
• Minifikues CSSështë një mjet inovativ për të kombinuar CSS nga skedarë të ndryshëm në një dhe minimizoni atë për të shpejtuar ngarkimin;
• Opsioni rezervë- një opsion shumë i përshtatshëm që ju lejon të "riktheheni" në gjendjen e mëparshme nëse nuk jeni të kënaqur me rezultatin e redaktimit;
• Sigurimi i mekanizmit të shtojcave vendim i shpejtë detyra të ndryshme. Kjo është duke shtuar shfaqje rrëshqitëse, shirita anësor dhe tipe te ndryshme shënime - për rishikime, portofol, etj .;
• E përputhshme me mjetet e palëve të treta;
• Përgjegjshmëria dhe pajtueshmëria me WPML janë dy funksione jetike sot që ju lejojnë të krijoni sajte shumëgjuhëshe të përshtatura për çdo pajisje, nga telefonat inteligjentë te kompjuterët.

Hybrid Core nga ThemeHybrid

Bërthama hibride lehtë për t'u instaluar dhe konfiguruar kornizë e cila ju lejon të zhvilloni projekte komplekse pa iu drejtuar sasive të mëdha të kodimit. Është në përputhje me skemën për optimizim të mirë të SEO. Përveç kësaj, Hybrid Core ka shumë veçori që thjeshtojnë shumë punën e zhvilluesit. Ndër to janë të tilla si:

• Therrime buke (" therrime buke»), i cili funksionon shkëlqyeshëm në çdo faqe, duke përfshirë mesazhe të çdo lloji.
• Versioni i fiksuar dhe i optimizuar i ofrimit të kodit të shkurtër kontroll të plotë sipër galerisë së imazheve
• Media Grabber është një funksion që ju lejon të kapni çdo përmbajtje mediatike (përfshirë nga një shënim) dhe ta përdorni atë kudo në sajt.
• mesazhe, duke ju lejuar të krijoni shabllone për lloje të ndryshme shënimesh, pa u kufizuar në faqen në tërësi.
• Zgjerim funksion standard faqezim, i cili ju lejon të kontrolloni faqosjen e materialit në një faqe me rezultate kërkimi, faqe të arkivuara dhe më shumë.
• Ngarkimi automatik i mbështetjes shumëgjuhëshe për temat e prindërve dhe fëmijëve.

Gantry nga RocketTheme

Gantry është një përpjekje e profesionistëve në RocketTheme për të kombinuar të gjitha përparimet e tyre në zhvillimin e temave të WordPress në një kornizë të vetme. Dhe përpjekja, duhet të them, është shumë e suksesshme. E ndërtuar duke përdorur një rrjet dinamik, kjo kornizë e lehtë mbështet SCSS, CSS dhe LESS.

Hidhini një sy listës së veçorive kryesore të Gantry:

• Layout Manager ju jep liri të plotë për të hartuar paraqitjen tuaj.
• Një sistem i menaxhimit të përmbajtjes që ju lejon të krijoni, modifikoni dhe publikoni materiale.
• Një dizajnues vizual i menusë që mbështet menutë me shumë nivele dhe krijimin e artikujve të menusë me ikona.
• Megamenu ju lejon të krijoni meny jo standarde drop-down, ku jo vetëm lidhjet, por edhe çdo html - tabela, forma, lista, teksti i formatuar mund të veprojnë si nën-artikuj
• Ndërfaqja e administratorit e ndërtuar me duke përdorur Ajax, dhe duke punuar me shpejtësi të jashtëzakonshme.
• Motori i fuqishëm i modelimit Twig.
• Gantry gjithashtu krenohet me një konfigurues të orientuar nga YAML, shirita anësor rrëshqitës, aftësi të fuqishme trashëgimi dhe një grup i të gjitha llojeve të ikonave dhe shkronjave.

Pistë nga Parallelus

Pistë- një zgjidhje tjetër me një të hapur Kodi i burimit projektuar për të lehtësuar zhvillimin e temave për Wordpress. Temat e krijuara me të mund të shpërndahen si një produkt i pavarur, i pavarur nga vetë korniza.

Karakteristikat kryesore të Runway:

• Gjenerator i temave për krijimin, kopjimin dhe modifikimin e temave.
• Ndërtues temash- projektuar për të krijuar panele admin dhe regjistrime të tipit jo standard (të përcaktuar nga përdoruesi).
• Struktura modulare që ju lejon të shtoni funksionalitetin e kërkuar duke përdorur shtojcat fjalë për fjalë me një klik.

Wonderflux nga Jonny Allbut

Nje me shume kornizë me burim të hapur në përzgjedhjen tonë - Wonderflux. Një produkt cilësor që do t'ju kursejë kohë zhvillimi pa humbur asnjë efikasitet.

Karakteristikat kryesore të Wonderflux:

• Shënimi dinamik që lejon që tema të përshtatet me çdo madhësi ekrani.
• Parametrat fleksibël të paraqitjes që mund të ndryshohen menjëherë.
• Një koleksion prej mbi 100 kodesh të shkurtra që ju lejon të futni çdo lloj kodi ose përmbajtje në një temë
• Cilësimet administrative për konfigurim të lehtë të faqes.
• I përputhshëm me Shtojcat e WordPress ju lejon të zgjidhni pothuajse çdo detyrë
• Një verifikues kodi që siguron përputhjen me standardet e uebit, i cili është një kusht i domosdoshëm për optimizimin cilësor të SEO.

Unyson nga ThemeFuse

Unyson është një kornizë e pasur funksionalisht e krijuar si për zhvillues ashtu edhe për projektues. Ju lejon të redaktoni pjesën e përparme të një sajti ose blogu nga paneli administrativ dhe ka një dritare parapamje, në të cilën mund të vlerësoni menjëherë ndryshimet e bëra.

Karakteristikat kryesore:

• Zvarrit dhe lësho ndërtues faqesh.
• Instalimi i demonstrimit të përmbajtjes - Një shtesë që ju lejon të shfaqni përmbajtjen saktësisht siç duket kur modifikohet.
• Më shumë se 20 opsione për të thjeshtuar krijimin e kontejnerëve, skedave dhe formularëve për panelin e administratorit
• Panele rrëshqitëse anësore dinamike që mund të personalizohen individualisht për secilën faqe.
• Automatik rezervë direkt nga paneli i administratorit. Rezervimet e rregullta të planifikuara janë të mundshme (ditore, javore, mujore, etj.).
• Breadcrumbs (ak.a. breadcrumbs) duke shtuar navigim të thjeshtë dhe të drejtpërdrejtë
• Moduli i shfaqjes së rrëshqitjes që mbështet përmbajtjen e fotografive dhe videove.

Sigurisht, kjo nuk është një listë e plotë e të gjitha veçorive të Unyson. Duhet përmendur edhe e veçanta module për SEO, formularët e kontaktit, portofoli, kalendari i ngjarjeve, vlerësimi me yje, integrimi me mediat sociale dhe Flickr.

PressWork

Korniza falas e Wordpress-it e krijuar duke përdorur HTML5 dhe CSS3 dhe synon një gamë të gjerë përdoruesish - zhvillues, projektues, blogerë.

Këtu janë disa nga veçoritë e tij:

• Redaktori Front-End - aftësia për të redaktuar pjesën e përparme duke përdorur një redaktues zvarrit dhe lësho.
• Një grup shtojcash që zgjerojnë funksionalitetin bazë të kornizës për zgjidhjen e një problemi specifik.
• Pyetjet në media - moduli përgjegjës për optimalen pamjen në çdo pajisje.
• Prania në grupin e skedarëve PSD për redaktimin e temës, për shembull, ndryshimi i logos ose elementeve grafike.

Reverie nga ThemeFortress

Një kornizë shumëfunksionale për krijimin e blogjeve, sistemeve të menaxhimit të përmbajtjes, librave në internet ose çdo lloj faqeje tjetër. Mund të përdoret si një mjet kryesor, si dhe një mjet ndihmës për krijimin e temave të prejardhura.

Karakteristikat kryesore:

• Korniza bazohet në Fondacionin ZURB dhe trashëgon të gjithë fleksibilitetin dhe fuqinë e tij.
• HTML5 dhe mikroformati hNews ofrojnë kod të qartë, të kuptueshëm dhe të lehtë për t'u lexuar. Për etiketat HTML5 mund të përdorni funksionet e personalizuara Wordpress.
• Ka mekanizma për t'u përshtatur me madhësinë e ekranit, kështu që duket po aq i mirë në telefonat inteligjentë dhe PC.
• Ndjek konceptin e minimalizmit, duke ofruar vetëm dy miniaplikacione dhe dy meny të personalizuara.
• Nëse keni nevojë të bëni ndryshime në dizajn, propozohet redaktimi i drejtpërdrejtë i SCSS dhe CSS i personalizuar.

Nga minusetështë e dobishme të theksohet optimizimi i pjesshëm i SEO prandaj rekomandohet përdorimi i një shtojce shtesë për këtë qëllim.

Vafpress

Krijimi i një pjese administrative (backend) me Vafpress Temat e Wordpress bëhet më e lehtë se kurrë.

Për ta bërë këtë, zhvilluesi ka në dispozicion të tij:

• Një skrip kontrolli shkarkimi që lejon vetëm shkarkimin blloqet e nevojshme pa e mbingarkuar frontendin me kod të panevojshëm.
• Mbështetje për lloje të ndryshme fushash: tekst, lista me shumë zgjedhje, kuti kontrolli, butona radio dhe të tjera
• Ndërtues i fuqishëm i menusë me shumë nivele. Përdor XML për ndërtim, i cili më pas mund të konvertohet në një grup PHP.
• Ndërtuesi i Metabox - Ju lejon të shkruani metabox në vargjet PHP.
• Mbështetje për grupet e fushave të përsëritura.

nënvizon

Disa zhvillues e konsiderojnë Underscore si një kornizë të plotë, megjithëse disa, duke përfshirë vetë autorët, e pozicionojnë produktin e tyre si një lloj teme paraardhëse për krijimin e temave të plota. Sido që të jetë, përdorimi i nënvizave do të kursejë ndjeshëm kohën dhe përpjekjen e shpenzuar për zhvillimin e temave për Wordpress.

Karakteristikat kryesore të Underscore:

• Aftësia për të krijuar tituj të personalizuar.
• Etiketat e personalizuara në shabllone shmangin dyfishimin e kodit.
• Skript për konvertimin e menysë në një listë rënëse të ndërrueshme për t'u shfaqur në pajisjet celulare.
• Dy modele paraqitjeje me një shirit anësor në të djathtë ose në të majtë.
• Lean CSS për ta bërë më të lehtë zhvillimin.
• 404 faqe.

konkluzioni

Siç mund ta shihni, numri i kornizave të rëndësishme është mjaft i madh dhe, ndoshta, vetëm pas rishikimit tonë, ju do të vendosni të provoni një prej tyre në projektin tuaj të ardhshëm.