Come configurare smartphone e PC. Portale informativo
  • casa
  • Internet, Wi-Fi
  • Wordpress ha il proprio banner per diverse pagine. Posizionamento di un banner o pulsante nell'intestazione di WordPress

Wordpress ha il proprio banner per diverse pagine. Posizionamento di un banner o pulsante nell'intestazione di WordPress

Ciao mondo!

Ci sto pensando da molto tempo, per dedicare un articolo sul mio sito web al widget di testo su WordPress, perché penso che questa sia una funzionalità molto interessante che ti permetterà di aggiungere qualsiasi cosa al tuo sito web. Qualsiasi codice HTML, fotografie, video, immagini, banner, solo testo, in generale, usa la tua immaginazione. E in questo articolo ti racconterò nel dettaglio come fare tutto questo con facilità e piacere.

Molti blogger, subito dopo aver creato il proprio sito web, iniziano a pensare a come posizionare una sorta di banner sul proprio sito web, con quello di qualcun altro o con la propria pubblicità, o semplicemente inserire sul sito alcuni dei loro e-book, video corsi, video formazione ed ecc., praticamente qualsiasi cosa. È qui che sorgono le domande, come farlo, in modo semplice e veloce, senza caricare file sull'hosting, senza cercare tutti i tipi di codici HTML, come farlo? Per saperne di più...

Aggiunta di un banner al sito web!

Penso che non sia necessario spiegare dove si trova la pagina Widget su WordPress, ma molti potrebbero ancora non sapere dell'esistenza e dello scopo del widget Testo. Allora è il momento di conoscere il widget Testo e tutti i suoi vantaggi. Quindi, vai alla pagina Widget e trova il widget – Testo.

Quindi, ok, ora sai dove si trova il widget Testo e ora puoi trascinare questo widget sulla barra laterale, nel punto in cui verrà visualizzato il tuo banner, foto, video o qualunque cosa. A proposito, ho parlato in dettaglio della barra laterale in. Ora iniziamo a creare il banner.

Adesso ne hai bisogno crea un nuovo Post su WordPress, ma non è necessario pubblicare il post, lo useremo come bozza. Aggiungi la foto che desideri utilizzare come banner al tuo post e centra l'immagine. Ad esempio, ho acquisito uno screenshot di un'immagine per il mio banner per pubblicizzare una società di hosting di qualità.

Quindi incolla il collegamento sito o pagina del tuo sito a cui desideri che una persona arrivi quando fa clic sul tuo banner. E seleziona la casella - Apri in una nuova finestra/scheda. Ho aggiunto il mio link di affiliazione al sito web della società di hosting. Alla fine, fai clic su – Aggiungi collegamento.

Ora nella pagina Post, vai alla scheda Testo.

Copia il codice HTML risultante e salva il record. A proposito, la bozza con la voce può essere eliminata in seguito, basta non eliminare la foto che hai caricato per il banner dal sito.

Come probabilmente hai già capito, il codice HTML risultante deve essere inserito nel widget Testo nella pagina Widget. E fare clic sul pulsante – Salva.

Questo è tutto, il nostro banner è pronto, puoi andare al sito web e vedere cosa abbiamo fatto. Penso che sia andata alla grande! davvero niente, pulito, in centro, proprio quello che ti serve. Adesso chi clicca su questo banner verrà indirizzato al sito della società di hosting, link a cui ho specificato nelle impostazioni.

Certo, puoi sperimentare con le immagini, puoi inserire un'immagine GIF in cui qualcosa lampeggerà o si muoverà, per questo ci sono un sacco di servizi e applicazioni gratuiti su Internet, se cerchi puoi trovare qualsiasi cosa. Posso consigliarti uno di questi servizi che ho utilizzato, un servizio semplice e interessante, si chiama -

Carichi le tue immagini sul servizio, puoi averne una, puoi averne diverse e scegliere gli effetti per esse. Sperimenta effetti e impostazioni, premi i pulsanti e capirai tutto.

Sì, e inoltre me ne ero completamente dimenticato, puoi anche aggiungere l'attributo Titolo al nostro banner, di cosa si tratta? questo accade quando passi il mouse sopra un'immagine e viene visualizzato un suggerimento di testo, una spiegazione o una parola di addio, assomiglia a questo:

Per aggiungere un attributo titolo a un'immagine, Puoi anche creare una voce o aprire una voce esistente per la modifica, aggiungere una foto, selezionare l'immagine e fare clic sulla scheda visualizzata: Modifica.

Quindi, nei parametri dell'immagine, specifica l'attributo titolo e fai clic su Aggiorna o Salva.

Questo è tutto, vai sul tuo sito web, passa il mouse sull'immagine e vedrai un suggerimento testuale: l'attributo Titolo.

Cos'altro puoi aggiungere al widget Testo? Puoi aggiungere un video utilizzando lo stesso schema, centrarlo, ridurre le dimensioni per rimpicciolire il video, selezionarlo e utilizzare il cursore del mouse per ridurlo alla dimensione desiderata.

Lo stesso con qualsiasi testo puoi aggiungere, solo in modo che il tuo testo sia uniforme, in paragrafi e non tutto in un mucchio, devi selezionare la casella - Aggiungi automaticamente paragrafi.


Questo è tutto quello che ho, infine, vorrei consigliarti di sperimentare di più, con tutto, non solo con il widget Testo :-)) finché non ci incontreremo di nuovo!


Come aggiungere un banner a un sito web: tutto sul widget Testo. WordPress aggiornato: 23 ottobre 2016 da: Ilya Zhuravlev

Ciao!. Oggi parlerò di come inserire il tuo banner nella barra laterale del tuo blog WordPress.

Per inserire un banner nel tuo blog WordPress, hai prima bisogno del banner stesso, poi, dopo averlo preparato, devi caricarlo sul tuo hosting. Puoi farlo dal menu principale del pannello di amministrazione, lì devi trovare la scheda "File multimediali", passare il mouse sopra e apparirà un menu a discesa in cui devi fare clic sul menu "Aggiungi nuovo". In questa scheda, fai clic sul pulsante “Seleziona file”, seleziona il tuo file e fai clic sul pulsante Carica.

Dopo il download, vieni automaticamente indirizzato al menu "File multimediali" - "Libreria", ora devi copiare il percorso del file. Per fare ciò, cerca il pulsante "Cambia" sotto il nome del tuo banner e fai clic su di esso, quindi si aprirà una nuova finestra. In esso devi copiare il collegamento al tuo file; ti servirà per incollarlo successivamente nel codice del banner stesso. Puoi semplicemente copiare il collegamento nel blocco note per non perderlo in futuro.


Dopo che hai configurato tu stesso tutti i valori del tuo codice, devi inserirlo; per questo abbiamo bisogno del blocco “Testo”. Cerchiamo il blocco “Testo” nel pannello dei widget, di solito è in fondo, facciamo clic su di esso e selezioniamo il punto in cui desideri inserirlo, quindi fai clic su “Aggiungi widget”. Nel mio caso non ci sono molti posti, ma nel tuo tutto potrebbe essere diverso, poiché tutto dipende dal tema che hai installato.


Dopo aver aggiunto il widget, vai automaticamente al pannello che hai specificato sopra, nel mio caso è la “Barra laterale superiore”. Se non hai effettuato la transizione, puoi salire tu stesso e guardare il blocco "Testo" vuoto nel pannello che hai aggiunto. In esso dovrai incollare il codice che hai creato sopra e fare clic sul pulsante "Salva".

Assomiglierà a questo nell'immagine qui sotto, verrà indicato solo il tuo codice.

Spero che tu abbia trovato utile questo articolo. Se ti è piaciuto questo articolo o hai qualcosa da aggiungere, lascia i tuoi commenti..

In questo articolo imparerai come installare un banner su un sito che gira su WordPress. Un metodo adatto ai principianti, poiché è il più semplice, il più semplice e il più comprensibile.

I banner sono immagini, animate o statiche, che quando cliccate ti portano ad un indirizzo specifico. Sono il tipo di pubblicità più comune. E se sai come installare un banner, potrai vendere spazi banner sul tuo sito web.

Prima di installare i banner, scopri i consigli per loro:

  • È meglio utilizzare un banner animato, poiché uno statico si fonde con il design dell'intero sito.
  • Un banner animato non dovrebbe cambiare troppo spesso in modo che il visitatore possa vedere cosa viene disegnato su ogni fotogramma.
  • È meglio creare un banner in formato immagine gif e non sotto forma di immagine flash swf, poiché i banner flash provocano una reazione negativa da parte dei motori di ricerca.
  • Le immagini dei banner non dovrebbero pesare troppo per non caricare il sito.
  • Facendo clic sul banner si dovrebbe aprire un'altra pagina in una nuova scheda, non la stessa.

Come installare un banner

Per installare un banner non è necessario essere un programmatore. In WordPress tutto può essere implementato più facilmente, senza conoscere il codice, anche se bisogna comunque armeggiare con il codice. Chi è pigro può utilizzare un plugin speciale. Su di lui .

Per installare un banner, procedi come segue:

  • Apri l'editor dei post (voce della console “Post”, sottovoce “Aggiungi nuovo”).
  • Fai clic sul pulsante "Aggiungi media" e carica un'immagine banner.
  • Una volta caricata l'immagine nei suoi attributi, nell'elenco Link, seleziona Personalizzato e specifica il link a cui desideri reindirizzare il banner.
  • Nell'editor dei post, vai alla scheda "Testo". Vedrai un codice banner che puoi installare ovunque sul sito o distribuirlo affinché qualcun altro lo installi.

Esistono due modi per installare un banner in WordPress:

  • Il primo è semplice. Vai alla voce “Aspetto”, sottovoce “Widget” e trascina il widget “Testo” nell’area desiderata. Incolla al suo interno il codice del banner e verrà visualizzato sul sito.
  • Il secondo è più complesso, ma differisce dal primo in quanto il banner può essere installato non solo nell'area widget, ma anche in qualsiasi punto del sito. In questo metodo il codice del banner deve essere inserito in uno dei file del tema. Prima di fare ciò, non dimenticare di fare una copia di backup del sito in modo che non ci siano problemi in seguito.

Ora sai come installare un banner. Nella maggior parte dei casi, puoi utilizzare il primo metodo semplice, adatto a quasi tutti.

(1 valutazioni, media: 5,00 su 5)

Oggi la pubblicità è parte integrante della maggior parte dei siti Internet. In questo tutorial ti mostreremo come aggiungere banner a diverse parti del tuo sito WordPress. La maggior parte dei siti che offrono banner ti forniranno l'intero codice del banner, quindi tutto ciò che devi fare è decidere dove vuoi posizionare il banner e seguire le istruzioni di seguito.

Come aggiungere banner per i siti WordPress

Questa guida tratta i seguenti argomenti:

È pratica comune utilizzarlo per aggiungere banner. Esistono due modi per farlo: se il tuo tema supporta una barra laterale, puoi aggiungerla Testo widget con il codice banner al suo interno oppure puoi aggiungere il codice direttamente a barra laterale.php il tuo file del tema.

Se il tuo tema supporta i widget, vai a Aspetto -> Widget. Quindi trascina Testo widget nell'area widget appropriata. Nel nostro caso sarà “Barra laterale principale”. Per questo tutorial, posizioneremo questo widget proprio sotto il campo di ricerca. Infine incolla il codice del banner, imposta un titolo per il widget (questo è facoltativo, lascialo vuoto se non vuoi avere un titolo sopra il tuo banner) e fai clic sul pulsante Salva.

Ciò ti consentirà di posizionare il banner che desideri nella barra laterale del tuo sito WordPress.


D'altra parte, se il tuo tema non ha un'area widget nel piè di pagina/intestazione, dovrai aggiungere i banner manualmente. Per fare ciò, nella pagina di amministrazione, vai a Aspetto -> Editor. Per questo tutorial aggiungeremo un banner personalizzato alla tua intestazione. Poiché aggiungeremo un banner all'intestazione del sito, seleziona intestazione.php dall'elenco dei file disponibili per la modifica. Tieni presente che il codice all'interno di questo file varierà a seconda del tema scelto. È necessario conoscere le competenze HTML di base per aggiungere questo banner.


Innanzitutto, trova e apri il tag corpo. Nel tema WordPress predefinito ventidodici appare così:

>

Subito dopo, aggiungi il seguente codice:

È necessario sostituire BANNERLINK E LINK ALL'IMMAGINE all'URL in cui fornisci un collegamento all'immagine del banner. E infine, sostituisci i parametri larghezza E altezza alle dimensioni effettive dell'immagine del banner.

Questo codice mostrerà il tuo banner nella parte superiore del tuo sito. Tieni presente che, a seconda del tema che stai utilizzando, potrebbe essere necessario spostare il codice per portarlo dove desideri.


Tieni presente che abbiamo inserito il banner nell'elemento div. Lo abbiamo fatto perché vogliamo applicare uno stile a questo banner. Per fare ciò, seleziona style.css dalla colonna di destra e durante l'aggiornamento della pagina aggiungere le seguenti righe:

Banner di intestazione (visualizzazione: blocco; margine: 10px automatico; larghezza: 480px)

Questo avrà il banner al centro e aggiungerà anche un margine superiore, il che lo farà sembrare molto migliore. Naturalmente, questo è solo un esempio: puoi sfruttare tutta la potenza dei CSS per modellare il banner come preferisci.


Aggiungere un banner nel piè di pagina è sostanzialmente la stessa cosa con una piccola differenza: devi aprire il file footer.php invece di intestazione.php. Quindi tutto ciò che devi fare è incollare il codice nel punto in cui desideri che venga visualizzato il banner.

Utilizza i plugin per mostrare banner sulla tua pagina

Se desideri visualizzare più di un banner su una pagina, monitorare gli annunci visualizzati e funzionalità più avanzate, ti consigliamo di utilizzare uno dei plug-in di gestione dei banner WordPress disponibili.

Poiché questo dipende dalla struttura e dalle esigenze specifiche del tuo sito, ti consigliamo di sfogliare i plugin banner nella directory dei plugin di WordPress per trovare l'estensione più adatta alle tue esigenze. Dopo averlo fatto, puoi installarlo come qualsiasi altro plugin di WordPress seguendo le istruzioni nella nostra guida pratica.

Molti blogger alle prime armi si trovano ad affrontare il problema di inserire un banner nella propria risorsa, mentre si aspettano in anticipo un risultato rapido ed efficace ricevendo da loro un gran numero di clic o abbonati.

Le speranze svaniscono già ai primi tentativi e alle installazioni di prova infruttuose dei banner. Inizia la ricerca di programmi di codifica, servizi online per la generazione di codici e chi più ne ha più ne metta.

Se hai una risorsa su WordPress, quindi secondo la descrizione proposta modifica del codice del banner e installarlo sul tuo sito web si risolve molto rapidamente.

Innanzitutto, prima di realizzare il tuo banner, decidine le dimensioni. Il formato non fa alcuna differenza: "swf" o "gif", ma il file "swf" è di dimensioni più piccole ed è più popolare tra gli utenti per le sue funzioni aggiuntive.

Il banner di affiliazione è già pronto per il posizionamento, poiché ha un codice di incorporamento già pronto, ma devi prepararne uno tuo.

Ottieni il codice del banner.

Come plug-in aggiuntivo per l'editor di post WordPress, abbiamo installato il plug-in Ultimate TinyMCE sulla nostra risorsa. Non abbiamo ancora bisogno di un plugin più conveniente, sebbene esistano molti altri plugin simili. Dopo averlo installato nelle opzioni del menu, oltre a quelli di cui avevamo bisogno, abbiamo attivato il pulsante "Inserisci/Modifica file multimediale". Questa opzione dell'editor ha grandi capacità con la modifica dei file multimediali, ma concentriamoci sulla carne.

Carichiamo il nostro banner (lo abbiamo in formato swf) direttamente nei file multimediali o nella sezione file del database. Puoi andare su qualsiasi server che ti piace, l'importante è avere un collegamento funzionante e valido ad esso, attraverso il quale puoi vedere un file multimediale funzionante e in esecuzione.

Dopo aver visualizzato il codice nell'editor multimediale, puoi fare clic sul pulsante "Inserisci" e salvare il codice sulla pagina, che lascerai come bozza. Puoi semplicemente copiare e salvare il codice in un blocco note sul tuo computer, ma un modo comodo e veloce per modificarlo e visualizzarlo è salvare la pagina o pubblicare il codice del banner in bozze.

Dopo che il banner ha iniziato a funzionare sul sito e quando non pubblichi i tuoi post ogni ora, il plug-in "Ultimate TinyMCE" nel pannello di amministrazione può essere facilmente disattivato per alleviare parte del carico del sito.

I migliori articoli sull'argomento