eliminare immagine

[ludo13]

ciao a tutti, sto tentando di eliminare le immagini in anteprima dalla homepage a questo indirizzo http://psicologaonlinesalerno.it/#blog-news
adotto wordpress e ho un chlid tema. ho cercato di capire quale fosse la riga responsabile delle imagini e ho trovato nel ccss padre questo

/********* home blog *********/
.homeblog {
  position: relative;
  z-index: 5;
  height: 100%;
}
.homeblog .homebloginner {
  margin-bottom: 30px;
}
.homeblog .homebloginner img {
  display: block;
  max-width: 600px;
  /* should be the same as two_rows_img in functions.php, currently it is 600px */
  width: 100%;
  margin: 0 auto;
}

quindi ho copiato la parte centrale trasformando in none il display così:

.homeblog .homebloginner img {
  display: none;
  max-width: 600px;
  /* should be the same as two_rows_img in functions.php, currently it is 600px */
  width: 100%;
  margin: 0 auto;
}

e ho incollato qiuesto pezzo dentro il css style del tema figlio ma non mi funziona, allora ho provato solo con un pezzettino così:

.homeblog .homebloginner img {
  display: none;
}

e neanch ecosì va via, cosa sbaglio secondo voi?

[lucavizzi]

ciao a tutti, sto tentando di eliminare le immagini in anteprima dalla homepage a questo indirizzo http://psicologaonlinesalerno.it/#blog-news
adotto wordpress e ho un chlid tema. ho cercato di capire quale fosse la riga responsabile delle imagini e ho trovato nel ccss padre questo

/********* home blog *********/
.homeblog {
  position: relative;
  z-index: 5;
  height: 100%;
}
.homeblog .homebloginner {
  margin-bottom: 30px;
}
.homeblog .homebloginner img {
  display: block;
  max-width: 600px;
  /* should be the same as two_rows_img in functions.php, currently it is 600px */
  width: 100%;
  margin: 0 auto;
}

quindi ho copiato la parte centrale trasformando in none il display così:

.homeblog .homebloginner img {
  display: none;
  max-width: 600px;
  /* should be the same as two_rows_img in functions.php, currently it is 600px */
  width: 100%;
  margin: 0 auto;
}

e ho incollato qiuesto pezzo dentro il css style del tema figlio ma non mi funziona, allora ho provato solo con un pezzettino così:

.homeblog .homebloginner img {
  display: none;
}

e neanch ecosì va via, cosa sbaglio secondo voi?

Le immagini dentro i div.homebloginner hanno, in-line, un display:block che sovrascrive la tua regola.
Per intenderci:

<div class="homebloginner ...">
   <img src="..." style="display:block">
</div>

Dovresti risolvere con

.homeblog .homebloginner img {
  display: none !important;
}

Sarebbe il caso, comunque, di non caricare affatto le immagini nell'html, rimuovendole dal template, per non appesantire inutilmente la pagina.

[ludo13]

ciao Luca,

Sarebbe il caso, comunque, di non caricare affatto le immagini nell'html, rimuovendole dal template, per non appesantire inutilmente la pagina.

in effetti è ciò che vorrei, se voglio togliere le immagini è per questo motivo, caricarfe la pagina più velocemente....ma come si può fare di preciso ? per rimuoverle,però, non vorrei toglierle proprio dagli articoli cui linkano òe immagini, perchè lì sono settate come immahini in evidenza, quale altra soluzione?
rimuovere questo?:

.homeblog .homebloginner img {
  display: block;
  max-width: 600px;
  /* should be the same as two_rows_img in functions.php, currently it is 600px */
  width: 100%;
  margin: 0 auto;
}

ti ringrazio

[lucavizzi]

ciao Luca, in effetti è ciò che vorrei, se voglio togliere le immagini è per questo motivo, caricarfe la pagina più velocemente....ma come si può fare di preciso ? per rimuoverle,però, non vorrei toglierle proprio dagli articoli cui linkano òe immagini, perchè lì sono settate come immahini in evidenza, quale altra soluzione?
rimuovere questo?:

.homeblog .homebloginner img {
  display: block;
  max-width: 600px;
  /* should be the same as two_rows_img in functions.php, currently it is 600px */
  width: 100%;
  margin: 0 auto;
}

ti ringrazio

È il tag <img /> che impone al browser di scaricare l'immagine dal server, indipendentemente dalle formattazioni che applichi all'immagine tramite le regole CSS.
Dovresti quindi modificare l'HTML di modo che contenga il tag img solo quando necessario.

[ludo13]

ciao Luca, rieccomi...ho capito quello che mi hai detto, e in effetti ho provato, anche se non sono bravo. Ti spiego un attimo quello che ho fatto perchè non funziona come soluzione. Allora. Innanzitutto ho chiesto all'autore del tema ma non mi dà una soluzione chiara, perchè mi dice che non si occupa di customizzarmi il mio sito, quindi mi sto rivolgendo qui.
In pratica il tema che uso utilizza gli shortcodes di unyson pagebuiilder per costruire le sezioni o blocchi come quello di cui stiamo parlando (nel mio caso Blog news). Questo shortcodes rimanda ad una struttura che si trova in htdocs/wp-content/themes/psychologist/plugins all'interno sella quale ci sono dei pacchetti zip, tra cui rt-psychologisttheme-functions.zip. Aprendo quest'ultimo ho rt-psychologisttheme-functions.php e una cartella "php" al cui interno ho trovato il file homeblog.php che riguarda la sezione blognews che m'interessa. In questo file vi è una poarte che riguarda le immagini

<?php if ($columnshomeblog == "col-md-3"){ 
        echo the_post_thumbnail('four_rows_img'); 
        }
      elseif ($columnshomeblog == "col-md-4"){ 
          echo the_post_thumbnail('three_rows_img'); 
          }
      elseif ($columnshomeblog == "col-md-6"){
          echo the_post_thumbnail('two_rows_img'); 
          }
      else { 
          echo the_post_thumbnail('one_row_img');  
          }
?>

ho provato a commentare la parte che riguarda lo shorcode che utilizzo (col-md-6 ovvero l'anteprima dei post in 2 colonne, così

elseif ($columnshomeblog == "col-md-6"){
          //echo the_post_thumbnail('two_rows_img'); 
          }

per poi ricaricare lo zip, ma non funziona.
ora, non so se hai avuto pazienza nel leggere e capire, perchè è tutto apparentemente complicato (almeno per me), ma secondo te dove sbaglio?

[lucavizzi]

Wordpress non utilizza file di PHP zippati, dovresti cercare sul server il giusto file, non zippato, ed apportare la modifica.

[Fidelitymyapp]

Buongiorno Ludo,

Wordpress ha ovviamente i suoi limiti, ma leggendo davvero non riesco a comprendere quale sia la tua vera intenzione!
Perchè se il tuo scopo è quello di velocizzare il sito web ti consiglio vivamente di partire dalla dimensione delle immagini...

Sono in formato .jpg? Che risoluzione hanno? Quanto occupano?

I siti Wordpress sono in generale molto più pesanti rispetto un sito web scritto a codice (ovviamente non ci sarà mai un paragone di velocità tra i due).

Le immagini che vorresti eliminare quali sarebbero?

[ludo13]

ciao fidelity, ho già fatto molto per velocizzare, se guardi con gtmetrix ti renderai conto...le immagini che vorrei togliere sono quelle come detto della sez.- blognews le 2 immagini in evidenza e sono già ottimizzate