CSS és Design apróságok – Blog: 20. nap

2022.01.28Blog

Az elmúlt napokban kisebb feladatokkal voltam elfoglalva és most sem terveztem nagyobb lélegzetvételű munkába belevágni. Ha a listáimra túl sok elem kerül fel, akkor az közvetve feszültséget gerjeszt, ekkor szoktam neki esni. Ebben a részben erről lesz szó.

Milyen javításokat, mókolásokat végeztem el?

  1. Az oldal tartalmi felülete 1080px-re volt beállítva, amit 1280px-re állítottam = könnyebben elférnek a tartalmak, nagyobb méretben jelenhetnek meg (asztali kijelzőn természetesen)
  2. A bejegyzésekhez igyekszek saját képet készíteni, ezzel is hanyagolva az ingyenes stock képeket = nem biztos, hogy ez lesz a végső irány, mert a kép tartalma nem mindig optimálisan jelenik meg, DE átmenetileg ezt a megoldást használom
  3. Fontokat végre beállítottam globálisan, hogy ne kelljen minden sablonnál állítgatnom
    • Címsorok Noto Sans betűtípust kaptak (kicsit játszottam a félkövér és nagybetűs változattal – nem mentettem, mert ez minden oldalon más és más)
    • A törzsszöveg Open Sans lett (vagy maradt, mert azt nem babráltam eddig)
  4. Megvizsgáltam a LearnDash gombok (megtanultam, következő és előző) CSS beállításait, mert sok esetben túl szélesek és nincsenek középre igazítva (mobilon sok beállítás 100%-ot használ, margin és padding nélkül)
    • az elem kapott egy 100%-os méretet = levettem a beállítást és 200 px-elt adtam meg
    • bal oldalra került egy 10px-eles margint = levettem a beállítást
    • középre igazítottam, hogy legyen valamilyen formája
  5. A morzsa mobilon nem látszik és a > (kacsacsőr valahogy nem néz ki elég jól) = módosítottam, DE ezzel még lesz feladat
    • először nem igazán találtam a beállításokat, pedig emlékeztem, hogy valahol jóváhagytam, egyszer, valamikor …
    • nem volt sehol: se a Divi, se a LearnDash beállításoknál, plugint nem is találtam, Theme builderben nem volt ilyen beállítás …
    • végül ma nem lett meg 😀 – elbújt, DE holnap is nap …
  6. Félsiker a morzsa nem oldódott meg, DE találtam a Theme builderben egy üres oldalsáv blokkot, amit el is tüntettem = már egy magasságban kezdődik a két oszlop
  7. Fejlécet is kicsit csinosítottam
    • másodlagos menü sornál a fehér szövegszín szürkére cseréltem = jobban tetszik, olvashatóbb is lett
    • a még sötétebb sárgát kipróbáltam háttérnek, DE az már sok volt
    • elsődleges menü sort a globális fonthoz igazítottam és nagybetűvel írtam = egy fokkal jobb
    • aktív hivatkozásoknál sötétebbre állítottam a hivatkozás színét – új kód: #ff9f19 (talán már nem sárga, lehet sose volt az)
    • a legnagyobb probléma a fejléccel, hogy nincs logó (lassan erre kell majd fókuszálni)
  8. Lábléc módosítgatása
    • a szerkezeten nem fogom változtatni = 3 oszlop
    • a tartalmi részeken akkor érdemes elkezdeni gondolkozni, HA van mit megjeleníteni (hirdetések, üzenetek, tartalmak stb)
    • kicsit módosítottam a színezést a fejlécben használtaknak megfelelően
    • az alsó sáv: sötét sárga háttéren szürke betűk (a közösségi logók is), a betűméret és az ikon is csökkent
    • lábléc menü: pont fordított színekkel
    • RSS feed: a cím nagy kapitális lett, a törzsszöveg dőlt és picit csökkentettem a betű méreteket is (szerintem élvezhetőbb lett)

Jelenleg ennyi módosításhoz volt kedvem (maradtak még a kalapban feladatok azért a következő napokra is). A lista annyira nem volt hosszú, DE azért voltak tényleg látványos elemek is. Ha minden nap CSAK ennyi munkát végzek el, akkor kíváncsi leszek, hogy egy év múlva meddig jutok. Remek ötlet egy cikkhez, ami egy kis időkapszula lesz a jelenlegi állással és egy előirányzott/tervezett 1 éves haladás meghatározása (érdekes kihívás lesz majd az 1 évvel öregebb énemnek ezt olvasnia – remélhetőleg büszke és nem sajnálkozó arckifejezéssel teszi majd)

Címkék: apróságok | CSS | design | Divi | hiba | javítás

0 hozzászólás

Szolgáltatások

HelloPack WordPress bővítmény csomag

További bejegyzések

Végre nem üresbe pörgetem az agyam – BLOG #41

Végre nem üresbe pörgetem az agyam – BLOG #41

Már egy ideje pazarlásra adtam a fejem, amit a legtöbben úgy hívnak, hogy brainstorming, agyalás, tervezés, elméleti maszturbáció és még sorolhatnám a hangzatosnál-hangzatosabb neveket a halogatásra, a produktivitás teljes hiányára. Lényegében két végéről égettem a...

Google táblázat segédlet 1.0 – BLOG #40

Google táblázat segédlet 1.0 – BLOG #40

Ahogy tanulok vállalkozni, úgy kerülök szembe kisebb-nagyobb problémákkal, nehézségekkel. Ebben a cikkben két kisebbel kerültem szembe, viszont ezek megoldása hosszútávon fog megtérülni, mert egyszerűsítik majd a munkámat. Ráadásul, ha valakinek tudok segíteni, akkor...

Munka közben jön meg az étvágy?  – BLOG #39

Munka közben jön meg az étvágy?  – BLOG #39

Volt egy kisebb kihagyás a leckék írásával, mert egy saját projekt elvitte a fókuszt. Voltak adminisztrációs jellegű feladatok, amelyek számlázást (örömteli a bevételhez jutni) takartak egy kis komplikációval és új projektre való szerződést (ugye ez is pozitív, DE...

Ajánlatkérés/visszahívás

Csatlakozz a közösséghez!

Iratkozz fel még ma!

Pin It on Pinterest