Post correlati ai modelli di immagine nel widget della barra laterale YARPP

sto usando YARPP Plugin WordPress ed è fantastico. Tutta la personalizzazione che puoi fare è fantastica, ma volevo avere post relativi alle immagini nella barra laterale del widget. Sembra che le persone siano più attratte dalle immagini e quando ho pensato di ottenere un altro componente aggiuntivo; nessuno di quelli che ho trovato mi piaceva di più. Quindi ecco un modello che volevo condividere con tutti coloro che ne hanno bisogno e che lo apprezzano.

Questo modello è per il widget della barra laterale in YARPP.

Se conosci WordPress, è probabile che tu sappia come installare un plugin. Ecco il link per YARPP, scaricalo e installalo.

Prima di tutto, non voglio che tu modifichi i file e poi te ne pentirai, quindi per favore fai il backup dei tuoi file. (template-widget.php e Style.css) prima di provarlo, nel caso in cui desideri ripristinare le impostazioni originali. Detto questo … iniziamo.

1- Modificheremo il file template-widget.php situato nella cartella dei plugin di WordPress (cerca un altro plug-in di post correlati cartella), svuota il file template-widget.php file e copia il codice sottostante e salva il file.

Nota: nel codice seguente devi fornire un percorso per una miniatura predefinita nel caso in cui non sia presente alcuna miniatura per il post.

[code] have_posts ()):?>

   Nessun post correlato ancora [/code]

2- Ora dobbiamo solo aggiungere del codice al file Style.css per farlo sembrare carino, la Style.css Si trova nella cartella dei temi di WordPress.

Aggiungi il codice seguente a Style.css in qualunque sezione tu preferisca, qui puoi giocare con lo stile e renderlo tuo, quindi salvare e chiudere il file.

[code]/ * Articoli correlati-barra laterale Gioca con queste impostazioni finché non trovi quello che ti piace * /
ul.related-posts-sidebar1 {
larghezza: 265px;
margine: 1px;
imbottitura: 1px;
stile elenco: nessuno;
float sinistro;}
ul.related-posts-sidebar1 li {
larghezza: 265px; h
otto: 60px;
margine: 1px;
imbottitura: 1px;
galleggiante sinistro;
overflow: nascosto;
}
ul.related-posts-sidebar1 img {
margine: 1px;
imbottitura: 1px;
galleggiante sinistro;
}
ul.related-posts-sidebar1 a {
larghezza: 265px;
altezza: 60px;
galleggiante sinistro;
margine: 1px;
imbottitura: 1px;
decorazione del testo: nessuna;
dimensione del carattere: 13px;
colore: # 262525;
}
ul.related-posts-sidebar1 to: hover {
decorazione del testo: nessuna;
sfondo: # 2CB9F6;
Colore bianco;
}
[/code]

3- Il nuovo modello di widget cercherà una miniatura con l'estensione "Thumbnail_url" campo. Per mostrare la miniatura, vai a uno dei tuoi post o creane uno nuovo e poi trova la sezione "Campi personalizzati" (Vedi immagine 1); in "Nome", digita thumbnail_url e in "Valore" qui devi aggiungere il percorso per la miniatura. Ripeti questo processo per ogni post.

Fare clic sull'immagine per espanderla. Immagine 1.

Suggerimento: se utilizzi il browser Chrome, vai alla sezione "Media", fai clic con il pulsante destro del mouse su una delle miniature desiderate e fai clic su "Copia l'URL dell'immagine", Se stai utilizzando le impostazioni predefinite di WordPress, l'immagine in miniatura avrà una dimensione di 150px x 150px; non preoccuparti perché il codice in template-widget.php si ridimensionerà per adattarsi a 52px x 52px o qualsiasi dimensione tu fornisca. Leggi il codice per riferimento.

Suggerimento 2: quando hai finito con questo progetto, potresti voler salvare una copia di "Template-widget.php" nel caso in cui ci sia un aggiornamento in futuro e il file venga sovrascritto.

Siete pronti!

Vedi un output di immagine di esempio di seguito:

YARPP sidebar thumbnail sample

Ottenere Un altro plug-in di post correlato per WordPress qui

15 luglio 2010, aggiornamento:

È appena uscita una nuova versione di YARPP (v3.1.9) e sono state apportate alcune modifiche. Se desideri continuare a utilizzare questo modello, procedi nel seguente modo:

1- Crea una copia di "Template-widget.php"

2- Cambia il nome in "Yarpp-template-widget.php"

3- Apri il file e all'inizio, prima di qualsiasi codice, aggiungi questo:

Pubblicazioni correlate

Salva e chiudi il file.

4- Carica il nuovo "Yarpp-template-widget.php" nella cartella del tuo tema dove hai tutti gli altri file yarpp-template- *.

5- Vai su "Aspetto"> "Widget" nel file Pubblicazioni correlate (YARPP) Seleziona widget "Visualizza utilizzando un file modello personalizzato" e scegli quello appena creato "Yarpp-template-widget.php", Fare clic su "Salva" e tutto dovrebbe tornare alla normalità.

leggere  Sintesi tecnica: arresti anomali di Xbox Live, strumento di preparazione di Windows 10, ...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *