Cómo crear un complemento de WordPress personalizado

¿Busca formas de crear un complemento de WordPress personalizado? En este tutorial, le mostraremos cómo construir un complemento WP a partir de cero, lo que le permitirá eliminar algunos elementos de las páginas de WooCommerce. Antes de pasar por el proceso, veamos por qué es posible que primero deba crear un complemento personalizado de WordPress. ¿Por qué crear un complemento personalizado en WordPress? Todos sabemos que hay una gran cantidad de complementos gratuitos y pagados disponibles en WordPress. Todos se desarrollan con varias características para aumentar la funcionalidad de su sitio. Sin embargo, algunas de las características de arado podrían ser inútiles para su sitio y pueden actuar como un peso adicional para su marco.
A veces, todo lo que necesita es un instrumento con una característica muy específica. Pero algunos complementos están tan sobrecargados con funciones adicionales que no podrá usarlos con el máximo potencial. En estos casos, solo puede crear un complemento de WordPress personalizado. Por ejemplo, suponga que desea eliminar elementos de la página del producto o de cualquier otra página de WooCommerce utilizando un complemento dedicado. La mayoría de los complementos le darán otras funciones adicionales, aparte de eliminar elementos. Esto aumentará el tamaño del complemento, así como el almacenamiento del sitio web, lo que también puede afectar el rendimiento de su sitio.
Por supuesto, también puede usar el script CSS o los ganchos de WooCommerce para eliminar los elementos. Pero podría traer algunos problemas a su sitio si actualiza su tema de WordPress sin ejecuciones adecuadas. Pero si crea un complemento personalizado, es menos probable que los cambios impidan su sitio bajo cualquier circunstancia. ¿Cómo crear un complemento de WordPress personalizado? Todo el proceso de crear un complemento de WordPress personalizado es bastante fácil de lo que piensas. Pero comencemos con algunas cosas que debemos tener en cuenta antes de crear un complemento personalizado. 1. Preparación Para comenzar, hay una serie de requisitos que debe cumplir para crear un complemento personalizado de WordPress. Son: instalación de WordPress en un servidor de localidad
Aunque puede desarrollar un complemento en un servidor en vivo, es una muy mala práctica hacerlo mientras el sitio web está en línea. Si realiza cambios innecesarios en el sitio web, puede pasar por algunos problemas serios. Por lo tanto, para evitarlos, deberá configurar un medio de prueba localhost para crear un complemento de WordPress personalizado si aún no tiene uno.
Use un editor de código
WordPress viene con un editor de complementos Built -in para agregar y modificar los códigos para sus complementos. Puede trabajar con él y crear un WordPress personalizado. Pero le sugerimos que use un editor de código (IDE) como texto sublime, código de estudio de Visual o cualquier editor similar.
Tienen varias herramientas y funciones necesarias para crear un complemento personalizado. Por lo tanto, es mucho más cómodo trabajar con un IDE, porque serán mucho mejores que el uso del editor de código WP.
Algunos conocimientos básicos sobre el desarrollo de WP. Para crear un complemento personalizado de WordPress, utilizaremos ganchos WP, funciones de PHP y definiremos nuestras propias funciones. Por lo tanto, le recomendamos que continúe con este tutorial solo si tiene conocimiento básico sobre el desarrollo de WordPress. De lo contrario, podría ser muy difícil para usted desarrollar un complemento personalizado usted mismo.
Estos son algunos de los requisitos y recursos básicos que necesita para crear un complemento personalizado. Asegúrese de que se cumplan todos estos requisitos antes de continuar con el tutorial. 2. Cree el archivo principal para el complemento de WordPress personalizado El primer paso para crear un complemento de WordPress personalizado es crear un archivo de complemento principal. De hecho, solo se requiere un archivo principal para crear un complemento. Debe comentarse un bloque sobre el nombre del complemento. Este es el único valor requerido por WP, por lo que puede reconocer que este es un complemento. Sin embargo, para seguir las buenas prácticas y evitar problemas, debemos ingresar otra información aquí.
Así que comencemos a trabajar en él y creemos este archivo. Abra la carpeta pública localhost y vaya a la instalación de WP para trabajar. Luego, navegue por la carpeta “WP-Context/Plugins” y verá todos los complementos instalados allí, simplemente agregaremos nuestro nuevo archivo de complemento personalizado aquí. Cree una nueva carpeta en la carpeta WP-Content/Plugins de su instalación de WP. Para una comprensión fácil, llamé al complemento Quadlayers_Custom_Products en este tutorial.
En esta carpeta, se encontrarán todos los archivos de complemento. Así que creemos nuestro archivo principal incluso en la carpeta que acabamos de crear. Debe estar en un archivo principal del formato de archivo .phpacest, que llamé quadlayers_cp.php, donde todo comienza. Es la puerta del complemento. Puede usar el editor de códigos para crear el archivo, pero asegúrese de que tenga la extensión PHP y esté correctamente formateado como un archivo PHP. Copie y pegue este código en el archivo: <? Php

/**

* @Link https://quadlayers.com/

* @From 0.0.1
* @Package Quadlayers Customs
* Nombre del complemento: Productos personalizados de Quadlayers
* Plugin Uri: https://quadlayers.com/
* Descripción: personalice una sola página del producto eliminando los artículos
* Versión: 0.0.1
* Autor: Quadlayers
* Dominio de texto: QLCP
*/
if (! definido (‘abspath’)) {die (‘-1’);}
Función start () {
if (is_admin () == true) {
Pregunte a plugin_dir_path (__file__). ‘Incluye/backend/quadlayers-backend-init.php’;
}
Pregunte plugin_dir_path (__file__). ‘Incluye/frontend/quadlayers-frontend-init.php’;
}
Function runit () {
add_action (‘init,’ inicio ‘);
}
ejecutarlo ();
Como puede ver, simplemente llamamos a dos archivos más desde aquí: quadlayers-frontand-init.php y quadlayers-back-init.php. Obviamente, uno trabajará en el frente y el otro en la parte posterior. Puede deducir claramente con sus nombres de archivos.
De estos, podemos asegurarnos de que el archivo backynd solo funcione en el backynd, porque usamos un condicionado con la función is_admin (). Esto significa que se activará solo cuando el administrador esté en el tablero de administración de WP. En este momento, tendrá algunos errores en su sitio, porque los archivos frontend y backend aún no existen. Así que vamos a crearlos. Cree una nueva carpeta en el directorio de complementos llamado Incluya. Luego agregue dos carpetas más dentro: backend y frontend. Para deshacerse de los errores de ruta incorrectos, cree dos archivos vacíos, cada uno dentro de cada una de estas carpetas: quadlayers-back-init.php en la carpeta de backend y quadlayers-frontend.php en la carpeta frontend.deci, esta sería la estructura Nuestros archivos de complemento final: quadlayers_produse_personalized
__Quadlayers_cp.php
__incluye
__Backend
__Quadlayers-back-init.php
__Frente
__Quadlayers-frontend-init.php 3. Opciones de back-end Después de haber agregado el archivo principal, podemos comenzar a agregar las opciones de fondo del complemento. Aquí, crearemos una pestaña del menú de complemento en el tablero de administración de WP. Esto permitirá a los usuarios elegir algunas opciones para ocultar o mostrar elementos en el front-end. Utilizaremos la API de configuración proporcionada por WP para esta demostración. No se preocupe si aún no comprende esto, porque no es tan difícil de aprender y hay mucha documentación al respecto.
Si desea saber más sobre esto, aquí hay una guía de API de configuración WP completa para el momento, simplemente copie y pegue el siguiente código a quadlayers-back-init.php <?
add_action ('admin_init', 'quadlayers_display_options'); add_action ('admin_men', 'quadlayers_cp_adminmen');
Quadlayers_cp_adminmenu () función {
add_menu_page (__ ('Quadlayers Custom Produce', 'Qlcp'), __ ('Quadlayers Custom Produce', 'QLCP'), 'Man_options', 'Qlcp', 'QuadlayerSopTospage');
}
Quadlayersopionspage function () {
?
settings_fields ('plugin_ql_page');
do_settings_sections ('plugin_ql_page');
botón de envío ();

Verificado Value = “1”>
}
Quadlayerscheckborender_2 function () {
$ options = get_option (‘qlcp_options’);
?>

Verificado Value = “1”>
}
Función QuadlayersCheckBorender_3 () {
$ options = get_option (‘qlcp_options’);
?>

Verificado Value = “1”>
}
Función QuadlayersCheckBorender_4 () {
$ options = get_option (‘qlcp_options’);
?>

Verificado Value = “1”>
}
Función QuadlayersCheckBorender_5 () {
$ options = get_option (‘qlcp_options’);
?>

marcado valor = “1”>}
Función QuadlayersCheckBorender_6 () {
$ options = get_option (‘qlcp_options’);
?>

Verificado Value = “1”>
}
Ahora, recargue la pantalla de back -end o active el complemento y verá una nueva pestaña en la barra lateral del menú del tablero.
La API de configuración de WP almacenará una matriz con todas estas opciones en la base de datos WP_OPTIONS. Puede verificarlo abriendo phpmyadmin en localhost y buscando la mesa. Debido a que estos son datos recién creados, se deben encontrar al final de la tabla
Por supuesto, la matriz QLCP_options está vacía en la base de datos de captura de datos anterior. Esto se debe al hecho de que todos los cuadros de selección se descargan en este momento. Puede intentar verificar algunos de ellos y volver a PhPMyAdmin para ver cómo se almacenan la configuración de WP.
Ahora que podemos almacenar la matriz de opciones en la base de datos, debemos tomar estas opciones y usarlas en front y. Estas opciones permitirán a los usuarios ocultar o mostrar diferentes elementos de su sitio. 4. Opciones front-end para agregar opciones front-end, copiar y pegar el siguiente código a Quadlayers-Frontend-it.php. Esto se hará cargo de los datos de la base de datos, que fue almacenada por el archivo de backend allí en una matriz. Después de eso, ocultará los elementos específicos de la página del producto, dependiendo de las opciones que sean verdaderas en la matriz de opciones. <? Php
$ options = get_option ('qlcp_options');
if (! is_șir ($ opciones)):
// título
If (isset ($ options ['quadlayers_checkbox_field_1'])) {remove_action ('wooCommerce_single_product_summary', 'wooCommerce_template_single, 5);


}

// cantidad

If (isset ($ options [‘quadlayers_checkbox_field_2’])) {
add_filter (‘wooCommerce_is_sold_individually’,
Función ($ return, $ producto) {
devuelve verdadero;
}, 10, 2
);
}
// sku
if (isset ($ options [‘quadlayers_checkbox_field_3’])) {
add_filter (‘wc_product_sku_enabled’,
Función ($ activado) {
devolver $ habilitado;
}
);
}
// meta
if (isset ($ options [‘quadlayers_checkbox_field_4’])) {
Remove_action (‘wooCommerce_single_product_summary’, ‘wooCommerce_template_single_meta’, 40);
}
// Pestaña Descripción
If (isset ($ options [‘quadlayers_checkbox_field_5’])) {
add_filter (‘wooCommerce_product_tabs’,
Función ($ tabs) {
grasa ($ tabs [‘descripción’]);
Devuelve $ pestañas;
}, 11
);
}
// Precio
If (isset ($ options [‘quadlayers_checkbox_field_6’)) {
add_filter (‘wooCommerce_get_price_html’,
Función ($ precio) {
devolver;
}
);
}
Terminara si;
Incluimos todo el código en un if condicional (is_string ($ opciones)). Por lo tanto, podemos verificar si no hay casillas de verificación, en cuyo caso el valor de la base de datos será una cadena. Entonces no tenemos que ejecutar este código en absoluto. Además, tenga en cuenta que usamos funciones anónimas. Funciona exactamente como en el caso de las funciones. Pero acabo de crear un código más corto para esta guía para principiantes. Entonces, si hay algunos valores almacenados de datos, cada una de las funciones de este código eliminará un cierto elemento dependiendo del índice específico de la matriz de la base de datos que esté presente. Es importante para usted, como principiante, comprender cómo interactué con la base de datos. Nuestros dos archivos interactúan con él, pero estos archivos de ninguna manera están conectados entre ellos. Incluso puede eliminar un archivo, y el otro continuará funcionando porque la base de datos aún tendrá los valores necesarios. Y eso es todo. En este momento, debería poder crear un complemento de WordPress personalizado para seleccionar elementos ocultados o mostrados en la página del producto. Backenda en frente
Conclusión Esta es nuestra guía sobre cómo crear un complemento personalizado de WordPress. Los complementos personalizados son muy útiles si desea tener características muy específicas para su sitio y no desea abarrotar su sitio con funciones abrumadoras de complementos WP dedicados. Para resumir, estos son los principales pasos para crear un complemento personalizado:
Crear el archivo de complemento principal
Agregar opciones de backend
Agregar opciones para front-end
El archivo principal del complemento en sí debe contener el backend y los archivos delanteros para el complemento personalizado. Luego puede continuar agregando las opciones de fondo del complemento, seguido de sus opciones frontales. Creé un complemento personalizado para ocultar los elementos de la página del producto. Pero, puede continuar cambiando estos archivos para crear el complemento con las características particulares que necesita. Sin embargo, si aún desea usar un complemento dedicado, también puede hacerlo. Pero en el caso de un complemento pagado, deberá instalar el complemento manualmente. Incluso puede usar complementos como WooCommerce Direct Checkout y WooCommerce Checkout Manager para ocultar artículos en otras páginas, como la página de compra. Mientras tanto, aquí hay más de nuestras publicaciones que pueden interesarle: los mejores complementos de pago de WooCommerce
Cómo crear un enlace de pago directo de WooCommerce
Los mejores complementos para completar automáticamente los comandos de WooCommerce
Esperamos que pueda desarrollar un complemento personalizado en WooCommerce sin ningún problema ahora. Comparta su experiencia en comentarios.