Wordpress optimizacija

poruka: 19
|
čitano: 1.284
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
16 godina
neaktivan
offline
Mobilni uređaj

Pozdrav 

Polako ulazim u vode Wordpress-a, nisam iskusan korisnik pa bi molio za pomoć.  Naime radim jednu stranicu sa jednim amerikancem, čovjek me podučava i želi da zaradim nešto u životu.

 

On je kreirao sopstvenu temu koju primjenjuje za ovu stranicu. Na Home Page koristi se slider, gdje imam sliku na lijevoj strani i tekst na desnoj strani. Sve to normalno radi na 15" ekranu i sve se prikazuje kako treba, međutim na mobitelu 4" ili 4,5" taj prikaz nije moguc. Dakle ne vidi se uopšte ni slika ni tekst koja se nalazi na slideru. Je li ovo moguće riješit na neki način, ili je to do teme koju je on kreirao, dimenzije slike i sl..

Hvala 

Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
Re: Mobilni uređaj

Vjerojatno slider nije responzivan.

 

Imaš tu temu negdje online?

16 godina
neaktivan
offline
Re: Mobilni uređaj

Nazalost nemam. Ovaj momak je meni samo napravion nalog na njegovom Worpressu, imam status Admin i vidim da je to neka njegova Custom tema.....on mi je ajmo reci dao zadatak da ja to sam pokusam riješit, otmizovat za mobilne uređaje. Recimo ista stvar se dešava ako sužavam Chrome, čim dodje do kraja samo mi prikazuje naslov slajda.

Pokušavao sam dodavanjem nekih sekcija, kolonama ali ne ide.....radi se o Fullwidth sekciji i Fullwidth slajderu ako to nešto znači. 

16 godina
neaktivan
offline
Re: Mobilni uređaj

pa daj link do njegove stranice da vidim samo kako to izgleda. Ne trebaju mi pristupni podaci.

Poruka je uređivana zadnji put sri 20.8.2014 16:27 (dandrija).
16 godina
neaktivan
offline
Re: Mobilni uređaj
16 godina
neaktivan
offline
Re: Mobilni uređaj

U style.css ti je postavljeno da se na nižim rezolucijama slika i tekst ne vide.

 

@media only screen and (max-width: 479px) {

   .et_pb_slide_content, .et_pb_more_button {

     display: none !important;

   }

}

 

@media only screen and (max-width: 767px) {

   .et_pb_slide_image,.et_pb_slide_video {

     display: none !important;

   }

}

16 godina
neaktivan
offline
Re: Mobilni uređaj

Da li se to moze sada nekako podesit, ista bi trebalo mijenjat

16 godina
neaktivan
offline
Re: Mobilni uređaj

U custom css ubaciš isti taj kod samo promijeni display:none !important u display:block !important.

 

Vjerojatno ćeš još morat doradit malo pozicioniranje slike. Možda napravit clear:both; ili tako nešto.

 

ovako:

 

@media only screen and (max-width: 479px) {

   .et_pb_slide_content, .et_pb_more_button {

     display: block !important;

   }

}

 

@media only screen and (max-width: 767px) {

   .et_pb_slide_image, .et_pb_slide_video {

     display: block !important;

   }

}

Poruka je uređivana zadnji put sri 20.8.2014 16:59 (dandrija).
16 godina
neaktivan
offline
Re: Mobilni uređaj

uuu sad sam belaj napravio, sve mi se poremetilo

16 godina
neaktivan
offline
Re: Mobilni uređaj

kako ti je to uspjelo?

16 godina
neaktivan
offline
Re: Mobilni uređaj

Nemam zive veze, za svaki slucaj prekopirao komplet kod, kada sam ga vratio ponovo ludilo nastupi.

16 godina
neaktivan
offline
Re: Mobilni uređaj
ovdje ti je problem:
.et_pb_row, .container, .et_pb_container {
   width: 280px
}
makni to i sve će se vratit u normalu valjda.
Poruka je uređivana zadnji put sri 20.8.2014 17:51 (dandrija).
16 godina
neaktivan
offline
Re: Mobilni uređaj

Sada je ok........ona gornja modifikacija je i radila, i vjerovatno je trebalo jos podesit poziciju slike u odnosu na tekst kao sto si i rekao, jer su se preklapali

Ima jos jedna mali problem. Sada mi se ne vidi text na slajdu. Da li jos nesto treba mijenjati u kodu. 

Poruka je uređivana zadnji put sri 20.8.2014 18:06 (mornar).
16 godina
neaktivan
offline
Re: Mobilni uređaj

Kako da dodam ovaj pravougaonik koji se koristi kao pozadina: http://www.convergent.com/

 

Da ne bi dirao osvjetljenje fotografije radije bi ovo uradio kao na prilozenom linku, jer mi se jako sviđa. tekst na prvom slajdu bi se nalazio na ovom pravougaoniku: http://gms.chrisnedza.com/

 

Ja sam stavio klasu u podesavanju slajdera, na CSS Class: "opening", a na control panelu teme u custom CSS ubacio sljedeci kod:

 

.opening h2{

   background-color: rgba(0, 0, 0, 0.45);

   border-radius: 3px;

   color: inherit;

   display: inline-block;

   font-size: 40px;

   font-weight: 200;

   padding: 14px 20px;

   text-decoration: none;

   text-shadow: none;

}

 

Medjutim ne radi, ne znam gdje sam pogrijesio.

16 godina
neaktivan
offline
Re: Mobilni uređaj
.et_pb_slide_content{

   background-colorrgba(0,0,0,0.45);

}
16 godina
neaktivan
offline
Re: Mobilni uređaj

Znaci s ovim mijenjam samo pozadinu teksta, i zadrzavam sliku slajda nepromijenjenom

16 godina
neaktivan
offline
Re: Mobilni uređaj

da

16 godina
neaktivan
offline
Re: Mobilni uređaj

gdje generalno mijenjam stvari vezane za slajd. Recimo trenutno mi se ne svidja visina pozadinske slike na slajdu. Zelio bih da tu vrijednost malo mjenjam da vidim kako ce izgledat

14 godina
offline
Wordpress optimizacija

Mislim da imaš u postavkama slidera u administraciji. Ako nema tu, onda mora biti neki JS fajl gdje su zadani ti parametri.. Ako nema ni tu, onda sreži direktno u CSS-u...

R.I.P. Tito Vilanova 25.04.2014. | Mes Que Un Club
Moj PC  
0 0 hvala 0
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice