![\"\uc6cc\ub4dc\ud504\ub808\uc2a4](\"https:\/\/cooss.net\/wp-content\/uploads\/2025\/04\/image-23-1024x535.png\" "\\"\\"")
<\/figure>\n\n\n\n2. \u00bfQu\u00e9 es un shortcode?<\/h2>\n\n\n\n
Un shortcode es una cadena simple que permite insertar f\u00e1cilmente c\u00f3digo HTML o PHP complejo. Por ejemplo, `<\/p>\n\n\n
[my_shortcode]<\/p>\n\n\n\n
` al usar este shortcode, se ejecutar\u00e1 la funci\u00f3n vinculada ‘my_shortcode’ que has escrito en functions.php, permitiendo que se muestre una cadena espec\u00edfica, una lista de im\u00e1genes o simplemente realice una acci\u00f3n espec\u00edfica en su lugar.<\/p>\n\n\n\n
Puede parecer complicado al principio, pero una vez que te acostumbras, es f\u00e1cil de abordar<\/mark> y se puede utilizar de manera \u00fatil para extender las funcionalidades de WordPress.<\/p>\n\n\n\n Puedes crear shortcodes agregando funciones personalizadas en el archivo functions.php.<\/p>\n\n\n\n Por ejemplo, si has escrito [my_shortcode] en tu publicaci\u00f3n, al principio solo se mostrar\u00e1 como [my_shortcode].<\/p>\n\n\n\n Sin embargo, despu\u00e9s de agregar el siguiente c\u00f3digo en functions.php, en lugar de [my_shortcode] se mostrar\u00e1 ‘Hello. Good to see you.’<\/p>\n\n\n\n Al agregar funciones personalizadas en el archivo functions.php, es com\u00fan a\u00f1adirlas al final del archivo. Para evitar conflictos con otros c\u00f3digos, es mejor no modificar el c\u00f3digo existente. \u00a1Aseg\u00farate de hacer una copia de seguridad antes de agregar el c\u00f3digo!<\/p>\n\n\n\n En WordPress, un Child Theme es una forma segura de modificar y extender las funcionalidades y el dise\u00f1o del tema principal. Al actualizar un tema que usas con frecuencia, es esencial utilizar un Child Theme para no perder las personalizaciones. Si no usas un Child Theme, los estilos y funcionalidades pueden desaparecer durante las actualizaciones.<\/p>\n\n\n\n Vamos a detallar un poco m\u00e1s.<\/p>\n\n\n\n Por defecto, el archivo functions.php se encuentra en la carpeta del tema. Aunque puedes modificar los archivos en la carpeta del tema seg\u00fan sea necesario, en tales casos, si el tema se actualiza por razones de seguridad o mejoras de funcionalidad, los archivos modificados pueden ser sobrescritos, lo que puede hacer que dudes en actualizar. Por lo tanto, se crea y utiliza un Child Theme para heredar las funcionalidades del tema original y permitir modificaciones por parte del usuario, asegurando que las modificaciones no se pierdan incluso si el tema se actualiza.<\/p>\n\n\n\n Como se muestra en la imagen anterior, en COOSS.NET hemos creado un tema llamado Kava-child que hereda el contenido del tema Kava.<\/p>\n\n\n\n <\/p>\n\n\n\n Crear un Child Theme es sencillo. Sigue estos pasos:<\/p>\n\n\n\n Ahora, al activar el Child Theme, las funcionalidades que agregaste se aplicar\u00e1n de manera segura.<\/p>\n\n\n\n Al activar el Child Theme, puedes crear tu propio sitio web \u00fanico mientras mantienes las funcionalidades del tema padre. Adem\u00e1s, cuando se actualiza el tema padre, solo necesitas reemplazar el tema padre, y las funciones, estilos y plantillas a\u00f1adidas en el tema hijo seguir\u00e1n disponibles.<\/p>\n\n\n\n Cuando utilizas el tema Kava, se proporciona por defecto el Kava Child Theme para satisfacer esta necesidad. Esto ayuda a los usuarios a agregar muchas funciones sin cambiar el tema original.<\/p>\n\n\n\n P\u00e1gina de descarga del tema Kava: https:\/\/crocoblock.com\/kava\/<\/a><\/p>\n\n\n\n <\/p>\n\n\n\n3. Agregar shortcodes en Functions.php<\/h2>\n\n\n\n
function my_shortcode_function() {\n return \"Hello. Good to see you.\";\n}\nadd_shortcode('my_shortcode', 'my_shortcode_function');\n\n<\/code><\/code><\/pre>\n\n\n\n3.1. Ubicaci\u00f3n para agregar funciones de usuario<\/h3>\n\n\n\n
4. Necesidad de un Child Theme<\/h2>\n\n\n\n
4.1. C\u00f3mo crear un Child Theme<\/h3>\n\n\n\n
\n
\n
\/*\nTheme Name: Kava Child\nTemplate: kava\n*\/\n\n<\/code><\/code><\/pre>\n\n\n\n5. Provisi\u00f3n del tema Kava y Kava Child<\/h2>\n\n\n\n
![\"\uc6cc\ub4dc\ud504\ub808\uc2a4](\"https:\/\/cooss.net\/wp-content\/uploads\/2025\/04\/image-24.png\" "\\"\\"")
<\/a><\/figure>\n\n\n\n
![\"\uc6cc\ub4dc\ud504\ub808\uc2a4](\"https:\/\/cooss.net\/wp-content\/uploads\/2025\/04\/image-25.png\" "\\"\\"")
<\/a><\/figure>\n\n\n\n