Ķeipenes pamatskolas mājas lapas dizaina maiņa

dizainsprojektiwebwordpress

Pārņemot citu veidotos projektus, izaicinājums ir saprast ideju un tehniskos risinājumus. Kad iepazīšanās ir paveikta tad saskaņā ar pasūtītāja vēlmēm var uzsākt projektu.

Vecais dizains

Šī projekta priekšrocība bija jau iepriekš publicētais saturs un tā dalījums dažādās kategorijās un apakškategorijās.

Mājas lapai tika izmantota pielāgota WordPress tēma – Enamag un dažādi spraudņi funkcionalitātes nodrošināšanai.

Jaunais dizains

Par pamatu izmantoju WordPress tēmu – Sandbox uz kuras pamata tika veidots jaunais izkārtojums un dizains.

Sakārtojot izvēlnes ir svarīgi tās organizēt, tāpēc daļu atstāju teksta veidā (horizontālā izvēlne) un daļu aizstāju ar Font Awesome ikonām (lapas labajā malā).

Pirmajā lapā bija svarīgi parādīt jaunākos publicētos rakstus ērtā un pārskatāmā veidā. Iespējas to darīt ir dažādas, es izmantoju kārtošanu vairākās kolonās un atlasot rakstus ar multiple loop funkciju.

Lai teksts un attēli pirmajā lapā būtu noformēti vienādi, es izmantoju css sniegtās iespējas ierobežot teksta garumu līdz noteiktam rindu skaitam un “apgriezt” visus attēlus.

Saistītie resursi:
Ķeipenes pamatskola
Background Image Generator
Multiple loops displayed in multiple columns
Limit text length to n lines using CSS
How to “crop” a rectangular image into a square with CSS?
Font Awesome

Tavs komentārs