Integrar Owl Carousel en un plugin de WordPress: Preparar nuestro espacio de trabajo
() translation by (you can also view the original English article)
Esta es la segunda parte del tutorial paso a paso sobre el desarrollo de plugins. Como recordaréis, en la anterior parte hemos hablado del concepto de plugin y hemos definido el plan del proceso de desarrollo. Si no has leído la primera parte del tutorial, te recomiendo leer ese artículo antes de continuar adelante con este tutorial.
En esta parte, vamos a preparar nuestro espacio de trabajo para que continuar trabajando en nuestro plugin resulte lo más sencillo posible.
Definiremos lo que necesitamos para trabajar y crearemos la estructura del plugin de acuerdo a su funcionalidad. Al final verás tu plugin activado en Escritorio. Así que, empecemos.
El espacio de trabajo
Lo primero que necesitamos para el desarrollo del plugin es, por supuesto, una instalación de WordPress. Para este tutorial, utilizo una instalación nueva y fresca de WordPress 3.8.1 que es la última versión en el momento de la escritura de este tutorial.
El segundo requisito para el desarrollo del plugin es, obviamente, tu editor de código favorito. Los editores de código PHP y JavaScript funcionan mejor para el desarrollo de plugins.
Por lo tanto, para el desarrollo del plugin necesitas dos cosas:
- Una instalación de la última versión de WordPress
- Tu editor de código favorito
Crear el plugin
Es importante prestar suficiente atención al nombre del plugin. El nombre del plugin debe describir qué hace este y además, debe ser único. Dado que nuestro plugin se basa en Owl Carousel, vamos a denominarlo 'Owl Carousel for WordPress'. Para aplicarle un nombre de plugin único, también añadiremos un prefijo a nuestras funciones: WPT.
De alguna manera, esto lleva al nombre 'WPT Owl Carousel for WordPress'. A medida que desarrollamos el plugin de WordPress, no hay necesidad de decir 'for WordPress'. Así que, finalmente, el nombre del plugin es 'WPT Owl Carousel' que es único y descriptivo al mismo tiempo.
Mucho más simple, ¿verdad?
El siguiente paso es asignar al archivo del plugin un nombre correcto. Este debe derivar del nombre del propio plugin. En nuestro caso, es wpt-owl-carousel
. Como nuestro plugin incluirá más de un archivo, tenemos que crear una carpeta de plugins y colocar todos los archivos del mismo dentro de ella.
Para ello, dirígete a la carpeta de plugins de WordPress que es /wp-content/plugins/
. Crea aquí la carpeta wpt-owl-carousel
. Esta será la carpeta de nuestro plugin.
En la carpeta del plugin, crea el archivo wpt-owl-carousel.php
, este es el archivo principal del plugin. WordPress buscará en este archivo la información del mismo. Esta información debe almacenarse en la cabecera del plugin.
Para añadir esta información copia el siguiente código al principio de tu archivo wpt-owl-carousel.php
.
1 |
<?php
|
2 |
/**
|
3 |
* Plugin Name: WPT Owl Carousel
|
4 |
* Plugin URI:
|
5 |
* Description: Add Owl Carousel to your posts and pages.
|
6 |
* Version: 0.1
|
7 |
* Author: oksamyta
|
8 |
* Author URI:
|
9 |
* License: GPL2
|
10 |
*/
|
11 |
?>
|
Cada línea de este código se explica bastante bien por sí misma, no obstante, vamos a asegurarnos de que todo quede claro.
-
Plugin Name
, un nombre de plugin fácil de usar que se mostrará en el listado de plugins en la página de plugins de WordPress. -
Plugin URI
, enlace a la página de inicio del plugin. Déjalo en blanco si tu plugin no dispone de una página web -
Description
, breve descripción de la funcionalidad del plugin. También se muestra en la página de plugins. -
Version
, versión del plugin en el siguiente formato 1.0 -
Author
, nombre del autor del plugin -
Author URI
, enlace a la página del autor del plugin o sitio web -
License
, Un 'slug' de licencia bajo el cual se distribuye el plugin.
Guarda wpt-owl-carousel.php
y navega a la página de plugins de WordPress. Allí, deberías ver WPT Owl Carousel en la lista de plugins. Actívalo y ya estamos listos para la siguiente parte de esta serie.
Puedes descargar el código fuente desde GitHub.
Conclusión
En esta parte de la serie paso a paso sobre el desarrollo de plugins, hemos preparado el espacio de trabajo para el desarrollo de plugins, hemos creado el plugin más sencillo y lo hemos activado en el escritorio.
Ahora estamos listos para la siguiente parte de esta serie que será sobre la página Ajustes.