Come mettere un cursore sulla pagina principale di WordPress. Installazione del cursore in header wordpress. Preparare la struttura sotto il cursore

Ciao amici! C'era bisogno imposta un bellissimo modello di scorrimento sul sito? Se sì, questa è una lezione per te. In esso, ti dirò quanto velocemente (massimo - in 5 minuti!) E costruire un cursore funzionale.

Non ci sono wordpress strumenti standardche potremmo implementare concepiti. Pertanto, per creare un cursore, useremo le funzionalità del plugin Meta Slider.. Questo è un wordpress gratuito e megapopular wordpress - più di 800mila utenti lo hanno scaricato.

Bonus eccellente per webmaster di lingua russa - il plugin ha un completo localizzazione russa. Baister!

Algoritmo di installazione in WordPress Slider Image

Installa il plugin. Meta Slider.. Attivalo.
Vai alla sezione Meta Slider. Nel menu del pannello di amministrazione (a sinistra).
Fai clic sul segno "+".
Clic Aggiungi slide.. Guida dal computer o selezionare MediaGalery. Immagini per un cursore.
Aggiungi il collegamento desiderato e la descrizione della diapositiva.
Imposta il cursoreutilizzo degli strumenti situati nel menu laterale (a destra). Non descriverò le opzioni - sono russualificati, intuitivamente comprensibili e semplici. Noto solo che oltre al set di impostazione standard (effetti, design, dimensione del cursore), c'è una scelta di quattro opzioni di scorrimento (scivoli R., scorrevoli, cursore flex, cursore di moneta e cursore NIVO). Hai finito con le impostazioni, fai clic su Salva.
Copia situata nella parte inferiore della pagina slider Breve Code. E inserirlo sulla pagina desiderata.
È possibile aggiungere un cursore al sito (per iscritto o pagina) usando il pulsante Aggiungi cursore (Visualizzato nell'editor di voci (pagine)).
Se necessario, inserire un cursore nel modello, utilizzare il codice situato nel blocco. Usando Sulla scheda Inserire nel modello.

Perché è utile sapere come avvolgere i robot nel gruppo, se ti sforzi per la promozione nel social network - questo sta parlando di questo prezzomm.com. Come avvolgere i robot vkontakte molto e rapidamente - analisi in diversi modi. Ciò che è pericoloso per il gruppo il trucco sbagliato, come trovare un artista affidabile.

Come risultato delle azioni realizzate in questa lezione, ho ricevuto un cursore di questo tipo:

Ho trascorso meno di cinque minuti sulla sua configurazione - installazione in Wordpress Slider Funzionamento semplice, d'accordo? Se hai un "Building Slider", parlaci delle difficoltà nei commenti. Comunicare eventuali problemi!

Molto spesso sul sito è necessario creare un bel cappello su cui le immagini cambieranno o aggiungono banner che cambieranno se stessi o semplicemente vogliono diluire la statica della pagina. In questo articolo vorrei dire come creare un cursore su wordpress.

Installazione del cursore sul sito Web di WordPress - Plugin M-Vslider

La scelta è caduta sul plugin M-Vslider, è molto conveniente, consente di configurare Cursore Ai tuoi gusti. A proposito in modo più dettagliato:

Per prima cosa devi scaricare ultima versione Plugin dal sito WordPress ufficiale.

Viene visualizzata una tabella sullo schermo in cui verranno visualizzati tutti i cursori creati per il sito, il codice per l'inserimento al sito, nonché le loro caratteristiche. Un cursore è stato creato standard.

Per modificare il cursore esistente, fai semplicemente clic sulla matita e andare alle impostazioni. O è possibile creare un nuovo clic sul pulsante "Aggiungi nuovo cursore".

Nelle impostazioni che puoi modificare:

larghezza, altezza del cursore;
effetti usati quando la transizione
intervalli temporanei
È possibile aggiungere immediatamente proprietà CSS.
il numero di immagini che verranno utilizzate

Dopo tutte le modifiche necessarie, salviamo il cursore e può aggiungere con calma un cursore al nostro sito. attraverso shortkoda., A proposito sarà simile a questo:

Puoi aggiungere un cursore a qualsiasi articolo e qualsiasi pagina.

E se si desidera aggiungere direttamente al modello nell'intestazione o dove, quindi utilizzare Codice PHP.Sembrerà così.

if (function_exists ("rslider")) (

Inoltre, il plugin del cursore può essere visualizzato utilizzando un widget in cui è possibile ritirare la diapositiva o lo slide-school.

In generale, tutto, ora puoi facilmente fai un cursore per il sito su WordPress.

Grazie per la vostra attenzione, spero che l'articolo sia stato utile per te.

2 voti

Gentili visitatori, vi danno il benvenuto sulle pagine del mio blog di partenza. Oggi ti dirò quanto semplice, e soprattutto consegnerò un bellissimo cursore al tuo sito. Sarà un elemento di design accattivante per qualsiasi articolo o un'eccellente alternativa all'unità pubblicitaria da cui è possibile effettuare un profitto.

Dal 2013, tutti i tipi di ricerca profetizzano la cura sciidesista dalle pagine di Internet, ma la loro popolarità non svanisce ancora. Cosa non si dice, loro "rivivono" il portale, attira l'attenzione sulle informazioni. Vogliono cliccati su di loro. Certo, se il cursore è bello e compilato con competenza, ma torneremo a questo.

Parlerò del cursore WordPress. Come portare qualcosa di attraente e interessante per il tuo sito rapidamente, gratuito e nemmeno in possesso di conoscenza speciale. Discutiamo se farlo con le tue mani. E ne avrai alcuni utili sovietici Riempimento.

Bene, iniziamo?

Meta Slider.

Per cominciare, vorrei parlarti miglior plugin. Per il sito sul wordpress. Un caso raro quando riesci a trovare qualcosa di prezioso e libero allo stesso tempo.

Se leggi il mio articolo su qualcosa, ricorda come ero indignato da alcune frasi. L'utilità da quella pubblicazione costa anche denaro.

Bene, mostriamo come lavorare con il programma.

Installazione

Quindi, un articolo dettagliato sul fatto che tu possa leggere su WordPress nel mio blog. Ripetere brevemente cosa fare in una particolare situazione. Entriamo nella sezione plug-in e selezioniamo la scelta "Aggiungi nuova" dall'elenco alla riga di ricerca a destra angolo superiore Drive: "Meta Slider" e Enter. Non appena la pagina con applicazione necessaria Aperto, fai clic su "Set".

Non dimenticare di attivare Meta Slider attraverso la scheda "installata" o nella finestra che si apre dopo l'installazione.

Di conseguenza, una nuova categoria dovrebbe apparire nel pannello di controllo sulla destra. Puoi acquistare una versione Pro per $ 19 o divertiti gratuitamente, a mio avviso le sue funzioni sono sufficienti, quindi l'acquisizione non è necessariamente.

Funzionalità

Ora scopriamo come creare e inserire un carosello, a volte è anche chiamato il cursore. Andiamo all'applicazione facendo riferimento a destra (nel pannello Amministratore TordPress) e fare clic su Plus accanto alla frase "Aggiungi nuovo".

Puoi scaricare qualsiasi foto di foto, ma non consiglio di commentare. Nessuno non navigherà troppo. Il numero ottimale varia da tre a otto.

A destra delle immagini caricate è il campo in cui è possibile inserire l'indirizzo della pagina a cui una persona si muoverà quando viene premuto nella foto. Puoi anche aggiungere una descrizione, un taglio di disegno e alt alle immagini.

Inoltre, hai 4 opzioni di progettazione. Nel video, appena sotto, mostrerò ciò che assomiglia a ciascuno di loro.

Versione Pro Assume tutti gli effetti degli effetti, cioè, poiché una diapositiva verrà sostituita da un altro, per ogni metodo di visualizzazione. NEL versione gratuita Caratteristiche limitate. Ma sono ancora abbondanti. Una buona opzione lo troverai.

Oltre a 4 varianti di design di base, è possibile scegliere un altro di quattro schemi di colore.

Inoltre, c'è anche una configurazione aggiuntiva. Se si desidera fornire il lettore con la possibilità di commentare il controllo, è necessario inserire un segno di spunta accanto alla parola "frecce". Anche la navigazione è possibile attraverso i punti. Assicurati di lasciare che il lettore la possibilità di autocontrollo, specialmente se si tratta di un'unità pubblicitaria.

Per quanto riguarda le taglie, puoi consegnarle. Tuttavia, il plugin non è stupido, vede le massime restrizioni e automaticamente incorporato nel design. Se lo installi pannelli laterali La pagina principale, un po 'più tardi, mostrerò come farlo, quindi le proporzioni cambieranno automaticamente.

Avanti Vai a "Impostazioni estese". Qui è possibile aumentare o diminuire la durata del display del telaio e la velocità dell'animazione. Non dovrebbero muoversi molto rapidamente, altrimenti lascerai il tuo sito. Se hai un sacco di foto, è meglio permettere alle immagini delle immagini con una rotazione.

Durante il cambiamento dell'immagine, l'immagine può essere divisa in diverse parti. Non ti consiglio di specificare una piccola quantità. Altrimenti sarà ricco degli occhi. Bene, invece del tiratore, consiglio di aggiungere il tuo testo per riavvolgere.

Nello screenshot qui sotto puoi vedere il cursore creato da me. Per rendere più facile, consiglio di utilizzare la possibilità di anteprima. Nel menu Creazione, ci sono due pulsanti utili in alto: "Mostra" per vedere le modifiche e salvare.

Nella parte inferiore del pannello a destra c'è un codice breve da inserire nel record e per. Gli sviluppatori avanzati ne hanno bisogno, e mostrerò i principianti come raggiungere un effetto elegante metodi semplici. Ma più in seguito.

Per prima cosa vedi come appare il cursore. Naturalmente, tutto deve essere testato sul tuo sito, ho perso molto e non ho mostrato in questo video, ma puoi già creare una visione approssimativa del programma.

Integrazione nel blog

Inserire il carosello creato non è difficile. Per questo, non è necessario niente di speciale. L'unica cosa che ho dimenticato di menzionare nel paragrafo precedente, chiamare correttamente i cursori da non confondere.

Aprire l'ingresso a cui si desidera aggiungere un nuovo cursore o crearne uno nuovo. Quindi, inserire il cursore sulla posizione stimata in cui si trova il carosello. Ora fai clic su "Aggiungi cursore", il pulsante è nella parte superiore del campo di lavoro.

Seleziona il nome desiderato e fai clic su "Inserisci slideshow" dall'elenco.

Pronto. Nel mio caso sul sito sarà simile a questo.

Per mettere il blocco pagina principale Vai alla categoria " Aspetto"-" widget ". In alto vedrai "Meta Slider".

Trasferire questo tuffo nella posizione desiderata in cui sarà il cursore. Se vuoi metterlo subito dopo la ricerca, allora in questa lista dovrà essere qui. Selezionare un cursore dall'elenco di creato e salvare le modifiche.

Nel mio sito di test, il blocco a destra sembra così.

Il design di questo sito coinvolge l'alloggio nell'area del contenuto e nel seminterrato, la parte inferiore del sito. Se voglio aggiungere un blocco qui, soffro solo un grido nel posto giusto.

Il display sul sito cambierà immediatamente.

In conclusione, vorrei darti diverse raccomandazioni. Se vuoi ottenere buoni guadagni dalla pubblicità, ti consiglio vivamente di non saltare il design delle immagini stesse. Una persona richiede molto tempo per capire tutte le sottigliezze del marketing, leggi un sacco di libri sulla pubblicità visiva e le abilità di progettazione di hone.

Fino a quando non si può sviluppare in questa zona, ti consiglio di ricorrere all'aiuto dei freelance. Puoi farlo sui siti Weblancer.net. e Fl.ru. . Il primo è leggermente più semplice, e nel secondo puoi incontrare veri professionisti.

Il prezzo dipende dal tuo budget, ma penso che l'immagine ti costerà un massimo di 500 rubli. Per questo importo è possibile acquistare tre, ma in questo caso ci saranno meno di quelli che vogliono soddisfare l'ordine, il che significa il risultato che peggiorerai.

Ti auguro il successo e se ti piace questo articolo - iscriviti alla newsletter. A nuove riunioni.

Accetto che la presenza di un cursore di immagini sul sito sembra piuttosto bella. Il cursore sulla pagina principale del sito non è solo un aspetto elegante, ma anche una buona informativa dell'oggetto del tuo sito per i visitatori.

Il cursore creerà con l'aiuto del popolare plug-in Meta Slider e testano il suo lavoro - sull'argomento ventisessueen.

Creando un cursore

Quindi, dopo aver installato e attivando il plugin nel pannello di amministrazione, verrà visualizzata una nuova voce di menu. Meta Slider.Quando si passa a cui si accede alla finestra principale del cursore.

Poiché non viene creata una singola diapositiva, c'è solo un unico pulsante con l'iscrizione " Crea il tuo primo present slideshow". Dopo averlo premuto, si apre la finestra del tuo primo cursore.

Quindi, hai creato un cursore vuoto, che è il nome predefinito Nuovo cursore. Se è necessario rinominarlo, questo può essere fatto cliccando sulla scheda sinistra in alto e inserisci un nuovo nome.

Quindi, il cursore viene creato, ora è necessario aggiungere diapositive ad esso, che può essere eseguita premendo il pulsante a destra Aggiungi slide.. Dopo aver aggiunto tutte le foto, la finestra avrà il seguente modulo:

Prima di pubblicare un cursore sul sito, è possibile leggere i parametri che il plugin offre.

La prima cosa che dovrei dire è eliminare qualsiasi diapositiva. Per fare ciò, è necessario portare il cursore sull'immagine della diapositiva, dove viene visualizzata l'icona del cesto rosso e clicca su di esso.

Nella pagina Editor del cursore, è anche possibile specificare le sue dimensioni, l'effetto di commutazione, l'aspetto.

Inoltre, sei disponibile e altre impostazioni: Allungamento del cursore sull'intera larghezza, allineamento al centro, riproduzione automatica delle diapositive, foto di taglio "intelligente", mostrando diapositive in ordine inverso, tempo di commutazione scorrevole, tempo di visualizzazione, ecc.

Quindi, dopo aver aggiunto tutte le diapositive e le impostazioni necessarie, fare clic sul pulsante. Salva. Quindi hai creato un cursore di fotografia.

Uscita del cursore sul sito

Ora ha bisogno di ritirarsi sul sito. Per questo, il plugin offre due opzioni: mostra un cursore su una pagina separata o inserisci un codice speciale nel modello del tema.

Per mostrare in una pagina separata, la prima cosa necessaria per creare una pagina ( Pagine\u003e Aggiungi nuovo), in cui inserire uno spazio speciale che il plugin ti offre. Si può vedere nella finestra di modifica del cursore (nel nostro caso ).

Dopo aver pubblicato la pagina puoi vedere il tuo cursore su di esso.

Per inserire il cursore nell'argomento del tuo sito (richiamiamo che usiamo l'argomento Ventisessueen.) È necessario apportare modifiche ai file del tema. Per fare questo, vai Aspetto -\u003e Editor, Seleziona l'argomento Ventisessueen. e nell'elenco dei file temi disponibili Trova Header.php intestazione.