Crear un widget para wordpress

Un widget es una pequeña aplicación, que los usuarios pueden instalarse en su web, blog, red social…

Vamos a crear un simple widget para nuestro sidebar como la imagen superior

Para crear un widget vamos a crear una carpeta, la cual llamaré ez-social-widget

y la guardaremos en nuestro blog de wordpress en la siguiente ruta:

blog > wp-content > plugins

Creamos una carpeta aunque sea para un solo archivo, ya que posteriormente podríamos añadir funciones, estilos y un largo etcetera de modificaciones, si fueran precisas

Creamos nuestro archivo php llamado ez-social-widget, podemos hacerlo con notepad, dreamweaver o cualquier editor que utilicemos

Empezamos con el código completo y luego lo iremos explicando por partes:

<?php
/*
Plugin Name: ez-social-widget
Plugin URI: https://www.samuelezerzer.es/
Description: Enlaces para suscribirse
Author: Samuel Ezerzer
Version: 1
Author URI: https://www.samuelezerzer.es/
*/

function widget_social() {
              echo "<div id='news'>";
              echo "<div id='twitter'>";
              echo "<p style='text-align:center; margin:10px 0;'><a href='http://twitter.com/samuelezerzer/' title='sigueme en Twitter [se abre en una nueva pagina]' target='_blank'><img src='./wp-content/plugins/ez-social-widget/images/twitter.png' alt='twitter' width='179' height='34' /></a></p>";
              echo "</div>";
              echo "<div id='facebook'>";
              echo "<p style='text-align:center; margin:10px 0;'><a href='http://www.facebook.com/pages/MNDESIGN-SEO-Web-Design/146491822057946?v=app_4949752878' title='Unete a mi [se abre en una nueva pagina]' target='_blank'><img src='./wp-content/plugins/ez-social-widget/images/facebook.png' alt='facebook' width='179' height='34' /></a></p>";
              echo "</div>";
              echo "<div id='feeds'>";
              echo "<p style='text-align:center; margin:10px 0;'><a href='https://www.samuelezerzer.es/feed/' title='Mi RSS'><img src='./wp-content/plugins/ez-social-widget/images/feeds.png' alt='RSS' width='179' height='34' /></a></p>";
              echo "</div>";
              echo "</div>";
}

function init_widget_social(){register_sidebar_widget('ez-social-widget', 'widget_social');}

add_action('plugins_loaded', 'init_widget_social');
?>

Nuestra primera parte del código se utiliza para reconocerlo en nuestra administración del blog

de esta forma poder reconocerlo de los demás y activarlo para luego utilizarlo en la zona plugin

/*
Plugin Name: ez-social-widget //este sería el nombre del plugin
Plugin URI: https://www.samuelezerzer.es  //la ruta de la página del plugin
Description: Enlaces para suscribirse  //Descripción breve del plugin
Author: Samuel Ezerzer  //autor o creador del plugin
Version: 1   //la version del plugin
Author URI: https://www.samuelezerzer.es   //ruta del autor o creador del plugin
*/

function widget_social() {
              echo "<div id='news'>";
              echo "<div id='twitter'>";
              echo "<p style='text-align:center; margin:10px 0;'><a href='http://twitter.com/username/' title='sigueme en Twitter [se abre en una nueva pagina]' target='_blank'><img src='./ruta de la imagen desde wp-content/images/twitter.png' alt='twitter' width='179' height='34' /></a></p>";
              echo "</div>";
              echo "<div id='facebook'>";
              echo "<p style='text-align:center; margin:10px 0;'><a href='http://www.facebook.com/pages/ruta de tu pagina de fans' title='Unete a mi [se abre en una nueva pagina]' target='_blank'><img src='./ruta de la imagen desde wp-content/images/facebook.png' alt='facebook' width='179' height='34' /></a></p>";
              echo "</div>";
              echo "<div id='feeds'>";
              echo "<p style='text-align:center; margin:10px 0;'><a href='http://www.tudominio.com/feed/' title='Mi RSS'><img src='./ruta de la imagen desde wp-content/images/feeds.png' alt='RSS' width='179' height='34' /></a></p>";
              echo "</div>";
              echo "</div>";
}

y para acabar

function init_widget_social() {register_sidebar_widget('ez-social-widget', 'widget_social');}//Registra el widget y le dice la función la cual debe llamar para que se ejecute

add_action('plugins_loaded', 'init_widget_social');//Cuando se produzca el evento determinado se ejecute el método

Espero sea de vuestra utilidad