Stai cercando un modo per visualizzare uno screenshot di qualsiasi sito web utilizzando uno shortcode? Sebbene esista probabilmente un plugin per questo, abbiamo creato un rapido snippet di codice che puoi utilizzare per visualizzare screenshot di qualsiasi sito web utilizzando uno shortcode in WordPress.
Istruzioni:
Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:
function wps_screenshot($atts, $content = null) {
extract(shortcode_atts(array(
"screenshot" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://',
"alt" => 'screenshot',
"width" => '400',
"height" => '300'
), $atts));
return $screen = '<img src="' . $screenshot . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '"/>';
}
add_shortcode("screenshot", "wps_screenshot");
Questo è l'esempio dello shortcode. Puoi sostituire l'URL dell'immagine con la tua immagine e anche regolare larghezza e altezza secondo le tue necessità.
[screenshot url="http://isitwp.com/image.jpg" alt="WordPress code snippets for your blog" width="200" height="200"]
Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come aggiungere correttamente snippet di codice in WordPress, in modo da non compromettere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: 9 migliori plugin per eventi di WordPress e come aggiungere un portfolio al tuo sito WordPress.
Qualsiasi aiuto su come usarlo con un campo meta personalizzato che può essere inserito dal front-end?
thanks.
Mi piace molto questo snippet e l'ho appena messo in uso sulla mia pagina portfolio. Dopo il primo refresh della pagina le immagini sembrano caricarsi bene anche sull'altro mio computer. Quindi immagino che debbano passare attraverso quel mshots solo una volta. Abbastanza bello
Il principale svantaggio è non utilizzare l'immagine in evidenza.
Ciao Jamie, Potresti farlo con l'immagine in evidenza ma richiederebbe di creare screenshot di ogni sito. In questo modo devi solo aggiungere l'URL di qualsiasi sito per ottenere uno screenshot.
Questo potrebbe essere vero ma se visualizzi in anteprima il tuo post prima, non dovrebbe essere un grosso problema.