Cómo crear un plugin para WordPress

ByLuis

Aunque aquí ya hemos hablado de cómo se crea un plugin para WordPress, toda la información que tengamos que nos ayude a entender mejor cómo se realizan los plugins, siempre nos vendrán bien.
En este caso, con la ayuda de la generación de un plugin genérico, nos muestran paso a paso el proceso de generación del plugin, desde la estructura básica, la función para la generación de la página de administración y la inclusión de las funcionalidades del plugin dentro de la estructura de WordPress. Paso a paso y muy bien explicado.
PHP: Making your own WordPress plugin
Vía / Pixel Groovy

Similar Posts

Gutenberg Snippet block

ByLuis

Últimamente estoy trabajando bastante con Gutenberg, tiene sus cosas buenas y malas. Sea como sea, es el futuro de WordPress, así que toca aprender.

Lo más interesante de todo es poder usar lo que sabía de webpack, React, HMR, … Y para practicar he hecho un plugin que permite añadir snippets de código en los posts usando los bloques de Gutenberg

Para ello uso la librería highlight.js que permite destacar código de forma sencilla. Aquí un ejemplo

//  Import CSS.
import './scss/style.scss';
import './scss/editor.scss';
import icon from './icon';
import edit from './edit';
import save from './save';
import attributes from './attributes';

import { __ } from '@wordpress/i18n'; // Import __() from wp.i18n

export const name = 'sentidoweb/snippet';

export const settings = {
	// Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.
	title: __( 'Snippets editor', 'sw-snippet' ), // Block title.
	icon: icon,
	category: 'common', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.
	keywords: [
		__( 'code', 'sw-snippet' ),
		__( 'format', 'sw-snippet' ),
		__( 'snippet', 'sw-snippet' ),
	],

	attributes,
	edit,
	save,
};

Snippet Block en Github

| |

Laboratorio: cómo hacer un plugin para WordPress

ByLuis

Post2PDFAlgo que nos gusta hacer en Sentido Web es explicar cómo se hacen las cosas, no solo mostrar scripts que encontramos o que inventamos, para así que quienes estén interesados, puedan aprender cómo hacerlo ellos mismos.

El otro día sacamos a la luz el plugin para WordPress Post2PDF y hoy vamos a explicar que es lo que hicimos para desarrollarlo.

El plugin consta de dos archivos principales (a parte de los de la librería), el plugin en sí y un script que es llamado por el plugin que es el que se encarga de la exportación a formato PDF.

Read More “Laboratorio: cómo hacer un plugin para WordPress”

Añadir estilos y scripts a la administración de plugins en WordPress

ByLuis

Cuando estamos desarrollando un plugin para WordPress y queremos que la administración del plugin tenga estilos y scripts propios, ya sea para darle cierta interactividad o diseño, o bien podremos incluir los estilos o librerías a pelo en la página del plugin, o bien podremos hacer que WordPress añada lo estilos y los scripts en el head del HTML. Para realizar esto, deberemos utilizar las acciones admin_print_styles y admin_print_scripts:

add_action('admin_print_styles', 'incluir_css');
add_action('admin_print_scripts', 'incluir_script');

function incluir_css() {
  echo '';
}

function incluir_script() {
  echo '';
}

Así de sencillo.

Añadir class a la lista de categorías descriptivo en WordPress

ByLuis

Uno de las cosas que no me gustan de WordPress es la costumbre de añadir las clases a los elementos basados en el ID del mismo y no en su slug. Esto ocurre en todo, pero en este caso es con la lista de categorías generadas por wp_list_categories, devolviendo un HTML parecido a este:

  • Mi categor&iactute;a

    • Si queremos indicar estilos específicos para estas categorías, por ejemplo para añadir un icono a cada categoría, no nos sirve el class basado en ID, porque nos encontramos con que dependiendo de cuando se genere esta categoría, habrá que cambiar el css, siendo más lógico obtener un código como este:

  • Mi categor&iactute;a

    • Para poder conseguir esto, deberíamos añadir en nuestro functions.php lo siguiente.

    
add_filter('wp_list_categories', 'mete_slug_en_class', 10, 2);
function mete_slug_en_class($output, $args) {
  return preg_replace_callback('#]+)class="([^"]+)"([^>]*)>]+)>([^<]+)<\/a>#', function($m) {
    return ''.$m[5].'';
  }, $output);
}
    | | | |

    Cómo destacar en el menú de navegación el acceso en que nos encontramos

    ByLuis

    Imaginemos que tenemos un menú de navegación y queremos diferenciar la opción de Home, el About, el Contacto… ya que en esos momentos estamos en uno de ellos.

    ¿Cómo hacerlo? En Babblative nos enlazan algunos métodos para hacerlo:

    Method 1 – WordPress: WordPress actually has this feature built-in. WP-List-Pages

    Method 2 – PHP: Jem’s Trendy Active CSS Tabs or Matt’s Intelligent Menu’s. I’ve personally had middling success with PHP on a manually maintained site and little success with it on Textpattern.

    Method 3 – Textpattern: You can either muck around with multiple templates, which is bloated and unnecessary, or you can use this method. If you choose to use the multiple templates then you’ll need to read how do I use a different page layout for each section?

    Method 4 – Manually Maintained Sites: Use Hicksdesigns method to highlighting current page with CSS

    Keep Reading: Keeping a ‘current state’ on navigation, Keeping Navigation Current With PHP, EasyNav, Setting the Current Menu State with CSS

    Vía / Babblative

    Lista de funciones para las plantillas de WordPress

    ByLuis

    Alguna que otra vez he tenido que hacer una plantilla para WordPress (o un plugin) y la verdad es que la documentación que ofrece WP no me gusta demasiado.

    Esta lista de funciones para plantillas nos puede ayudar a localizar lo que necesitamos para nuestro desarrollo, ya que agrupa las funciones en:

    • Autor
    • Categorías
    • Comentarios
    • Fecha y tiempo
    • Generales
    • Enlaces
    • Permalinks
    • Entradas
    • Etiquetas

    WordPress Template Tags Reference Guide