Pereiti prie turinio

Web pritaikymas išmaniesiems įrenginiama


Rekomenduojami pranešimai

Sveiki,

 

Esu labai žalias programavime.

Bet, norėtusi pramokti bent smulkmenėlių (ateičiai).

Tai gi, tinklapis sukurtas ant wordpresso. Kaip sužinot, į ką atkreipt dėmesį norint žinot ar reikia perpiešti dizainą? Ar užtenka tik editint, update'int ką ar instaliuot papildomus pluginus?

O gal aplamai toks tinklapis neturėtų stovėt ant wordpress sistemos?

 

Tinklapis: www.mociuteskepyklele.lt

 

P.S. nereklamuoju. Nuorodą parašiau bendram vaizdo susidarymui.

 

Iš anksto labai dėkui už informaciją.

Viliuosi, kad pavyks viską padaryti savom jėgom. :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Perpiešti nieko nereikia. Pradžiai pakaktų atlikti korekcijas CSS failuose, kad skirtingo dydžio ekranuose tinklalapis būtų kitaip atvaizduojamas. :) Tai vadinama responsive design - jis keičiasi priklausomai nuo prietaiso ekrano dydžio (vienaip rodo per telefoną, kitaip per planšetę, o dar kitaip per normalaus dydžio kompiuterį).

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Perpiešti nieko nereikia. Pradžiai pakaktų atlikti korekcijas CSS failuose, kad skirtingo dydžio ekranuose tinklalapis būtų kitaip atvaizduojamas. :) Tai vadinama responsive design - jis keičiasi priklausomai nuo prietaiso ekrano dydžio (vienaip rodo per telefoną, kitaip per planšetę, o dar kitaip per normalaus dydžio kompiuterį).

@media :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

@media :)

 

Aš žinau tai, o temos autoriui, jei jis nėra susipažinęs su CSS, tai daug nepasakys.:)

 

Vbent tiek paguodžia. Bandysiu ieškotis ir daryti - tikiuosi nieko nesugadinsiu. :)

O kaip aplamai, ar tinkama wordpresso sistema tokiam tinklapiui? Iš bendro domėjimosi teko skaityt ne kartą, kad wordpress'as skirtas blogams.

 

WordPress prasidėjo kaip platforma blog'ams, bet nuo to laiko tapo pritaikoma labai skirtingiems tinklalapiams. Viskas OK.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Vbent tiek paguodžia. Bandysiu ieškotis ir daryti - tikiuosi nieko nesugadinsiu. :)

O kaip aplamai, ar tinkama wordpresso sistema tokiam tinklapiui? Iš bendro domėjimosi teko skaityt ne kartą, kad wordpress'as skirtas blogams.

 

Na, kad jau klausi ar tinka WordPress kepyklos puslapiui, tai.. yra tekę man su vienu kepyklos puslapiu ant WP susidurti -- 2014 metų LOGIN best web apdovanojimą gavo :)

Redagavo wicked
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Lyg ant kitos custom CMS su tuo pačiu dizainu būtum nelaimėjęs.huh.gif

 

Būtų, net jei ir be CMS būtų. Bet dabar kalba apie WP tinkamuma svetainėms kitokioms nei blogas. Šiuo atveju parodžiau pavyzdį, kuris tematika susijęs su autoriaus svetaine, o apdovanojimą paminėjau tik kaip fun fact.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Perpiešti nieko nereikia. Pradžiai pakaktų atlikti korekcijas CSS failuose, kad skirtingo dydžio ekranuose tinklalapis būtų kitaip atvaizduojamas. :) Tai vadinama responsive design - jis keičiasi priklausomai nuo prietaiso ekrano dydžio (vienaip rodo per telefoną, kitaip per planšetę, o dar kitaip per normalaus dydžio kompiuterį).

 

https://developers.google.com/web/fundamentals/design-and-ui/responsive/

Ar šis tutorialas tiktų? Kaip suprantu, visas korekcijas reikia atlikti RESPONSIVE dalyje? Šiuo metu pas mane yra taip:

/*------------------------------------*\

RESPONSIVE

\*------------------------------------*/

 

 

}

@media only screen and (min-width:320px) {

 

}

@media only screen and (min-width:480px) {

 

}

@media only screen and (min-width: 600px) {

 

}

@media only screen and (min-width:768px) {

 

}

@media only screen and (min-width:1024px) {

 

}

@media only screen and (min-width:1140px) {

 

}

@media only screen and (min-width:1280px) {

 

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

only screen and (min-resolution:144dpi) {

 

}

 

Nežinau ar padės, tačiau įdėk šitą į <head>

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>, pastarasis automatiškai užkrovus puslapį, prizoooomina saitą. Gal padės :D

 

Ačiū. Pabandysiu ir šį variantą :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

paprasčiausias būdas - atsidarai Chrome (man patogiausia), spaudi dešine knopkę ant pasirinkto elemento, pasirenki 'apžiūrėti' (ar inspect, nžn kaip dar vadinasi) ir matai visas to elemento CSS taisykles (ir ypač elementų vardus, kas kartais nervina atsekti), kopini vardą ir dedi į @media naujus parametrus pavz. width: 50 px etc. Easy peasy

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Kaip visiškai žaliam, gal koks dreamweaver'is pagelbėtų šiuo klausimų? :)

 

Tikėtina. Nors ir neesu jo bandęs, bet sprendžiant iš Wiki info:

 

"Responsive design capabilities with visual media query bars, direct integration with the Bootstrap framework, ability to preview and inspect content on mobile devices, and improvements to the code editor."

 

Tikrai palengvintų. Bet kaip rašo, ten Bootstrap naudojamas, tai ir į jį įsigilint reiktų.

 

https://helpx.adobe.com/dreamweaver/how-to/responsive-web-design-basics.html

 

Ir pagūglink kokio 5 min CSS ir / ar Bootstrap tutorial, čia gi viskas pakankamai easy, kad per dieną, dvi pramoktum.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...