Blog - impostare un'immagine come intestazione 
Author: Luigi B.Buongiorno.
Da tempo uso WS X5 ma ho attivato il blog da poco per la prima volta. Vedo che la pagina principale non ha una sua griglia e pertanto non riesco a trovare il modo di impostare una foto nella pagina principale prima degli articoli postati. Non posso metterla nell'header perché è costituito solo dal menu, in modo da poter avere una foto diversa in ogni pagina del sito. Come devo fare?
Ho cecato a lungo in Helpcenter, ho trovato questo post: https://helpcenter.websitex5.com/en/post/258281
Se davvero il prodotto non ha (ancora) questa funzionalità, presente in tutte le pagine del sito, e occorre del codice HTML, posso chiedervi cortesemente un esempio di tale codice con un minimo di personalizzazione (oltre alla foto qualche opzione di visualizzazione)?
Ne approfitto per chiedervi anche come si può cambiare il testo del bottone di lettura degli articoli. Mi pare che 'Leggi' sia fisso e non modificabile.
Grazie per il supporto.
Ciao Luigi, non so bene se ho capito la domanda ma parli di una foto diversa per articolo?
Se è questo il problema è fattibile vedi mio esempio sotto, diversamente se riesci a specificare meglio con un esempio pratico.
https://www.giancafoto.it/blog/index.php
Author
Ciao Giancarlo,
mi riferisco ad una singola foto da mettere come intestazione del blog, che compare sia nella pagina principale sia quando si legge un articolo. Le foto dei singoli articoli sono le copertine dei post, per quelle non c'è problema. In pratica parlo della tua foto con lago artificiale che fa da copertina al blog.
Se è codice HTML andrebbe messo nella sezione Esperto dei setting di pagina principale e pagina articolo immagino. E mi piacerebbe anche cambiare il testo del bottone, da 'Leggi' ad altro...
P.S. avevo già visto il tuo sito e sono partito proprio da lì per la domanda. Complimenti per la qualità del sito e delle foto, così come per i contenuti del tutorial! :-)
Ciao Luigi e grazie per l'apprezzamento, ok credo d'aver capito, intendi la foto sotto, si per customizzare il Blog purtroppo non potendo con i pochi strumenti del WebsiteX5 ho utilizzata diverso codice CSS che ho inserito in Proprietà pagina > Esperto > Prima della chiusura del TAG HEAD
x Luigi B., ... se posti il LINK del tuo Blog, si potrebbero valutare se sono adattabili eventuali miei codici EXTRA...
... a parte del mio storico DIV_CUSTOM, praticamente come quello usato da Giancarlo, ... si potrebbero avere decine di interpretazioni diverse, a seconda della altezza, se fissa o dinamica, con resize-cover o resize-ratio, a tutta larghezza o full-screen, eccetera eccetera...
... il terzo di questi esempi, nel corpo del blog è quello più richiesto:
... eccetera...
.
Author
Ciao KolAsim,
il sito è per una fondazione di servizi e supporto per anziani, mi hanno chiesto il rifacimento del loro sito web, per ora ho preparato il modello e sto cercando di ottimizzarlo: https://luigi-b.websitex5.me/index.html . Il blog si trova alla voce NEWS.
Gradirei inserire una fotointestazione sotto la barra del menu (che è poi l'header) e di stessa larghezza, così come sono predisposte le diverse pagine del sito. Dovrebbe apparire sia sulla pagina principale sia quando vengono aperti gli articoli in lettura ed essere ridimensionata ai breakpoint inferiori (per ora ho preparato solo quello per cellulare).
Se poi hai tempo anche per il bottone di lettura... vedo bene che il testo non è modificabile o mi sfugge qualcosa?
Grazie 1000.
... OK ... praticamente come nel mio terzo STAMP, il più richiesto, e responsive...
... togli il banner che hai messo nel breakpoint sotto ai 480px, altrimenti si doppia, e per no aggiungere altro codice che nel caso è superfluo:
... questo è il codice da usare con un diretto e semplice copia/incolla:
<script>
$( document ).ready(function() { //K>;
/** immagine extra x corpo del blog responsive by KolAsim **/
imgK = 'https://luigi-b.websitex5.me/images/logocompleto-natura1.png'
divK = '<div id = "divK" style = "position:relative;z-index:0;left:0px;'+
'width:100%;height:auto;background-color:rgb(253,245,155);">'+
'<img src = " '+ imgK+' " width="100%"></div>';
$("#imBlogPage").prepend(divK);
}); //K<<;
</script>
................................................
.
... il codice va inserito nelle Proprietà della Pagina Speciale del BLOG, in questa sezione:
> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto | ▪Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD:
.
ciao
.
.
la dicitura Leggi, la cambi da qui e varrà per tutti i progetti...
cerca Leggi... e modifica la scritta con quello che vuoi...
...!...attenzione...!... ... ... per ora, e intanto che ci lavori è meglio mettere a posto subito...
... sotto al breakpoint di 1150px eccedono fuori layout sulla destra i componenti del FOOTER...
... quindi verifica ed aggiusta il FOOTER nei singoli breakpoint di 1150px e 720px; sembra regolare a 480px ma controlla lo stesso...
.
... per il pulsante [Leggi] la procedura corretta è quella che ti ha anticipato Claudio...
...!... però, se non vuoi intaccare le impostazioni della lingua dei contenuti, si potrebbe personalizzare il pulsante [Leggi] ... con un mia invenzione con semplice ed immediato codice EXTRA copia/incolla...
... prova come ti ha detto Claudio, poi, se ti interessa e preferisci fare in questo mio modo EXTRA, ...avvisami...
.
Author
Oppss.. ho cliccato per dire che il post era corretto, non credevo di chiudere tutto! Non mi pare che possa riaprirlo. Spero almeno che KolAsim e Claudio possano leggere i miei ringraziamenti.
Volevo rispondere a KolAsim per dire che il codice va molto bene e vedo la foto come desiderato. Non mi piace tanto l'idea che devo togliere il banner ai breakpoint inferiori, ma ci penso e deciderò. Grazie per il codice e per gli altri consigli, tutto utile, ho imparato qualcosa di nuovo. Metto a posto il footer a breve, per il testo utilizzo l'opzione standard suggerita da Claudio.
Grazie anche a Claudio per il testo LEGGI: non conoscevo la possibilità di modificare i testi base del prodotto a livello delle impostazioni globali. Anche qui ho imparato qualcosa.
Salutoni ad entrambi e... alla prossima. Ciao.
se non hai risolto e vuoi continuare qui sotto, per riaprire il post basta togliere il "corretto".
se hai risolto ottimo...