Para construir un mapa con leaflet con clustering y elementor como el que hay en el enlace superior Necesitamos: Elementor Elementor Custom Skin Instalar Leaflet Map Instalar Extensions for Leaflet Map Obtenemos la latitud y longitud guardada en sendos campos personalizados. Previamente los hemos guardado con la ayuda del Plugin Meta Box Este es el… Seguir leyendo Post geolocalizados con Elementor, Leaflet Maps y Clustering
Categoría: WordPress
Modelo de datos básico con el paquete de Meta Box
Documentamos nuestro proceso para crear y gestionar un modelo de datos desde el admin panel de WordPress con este plugin. En ocasiones usamos variantes para modelados de datos algo más complejos. Para un modelo básico entonces, seguimos estos pasos de instalación: Meta Box desde el repositorio de plugins. (Gratuito) MB Custom Post Type: para poder… Seguir leyendo Modelo de datos básico con el paquete de Meta Box
Acceder a REST API en WordPress cuándo no está activado mod_rewrite
Para acceder a los endpoints de la REST API de WordPress por defecto se usa la dirección url dominio.com/wp-json (Salvo que se haya modificado). ¿Pero qué pasa si por las circunstancias adversas nuestro servidor no tiene activado el módulo mod_rewrite de PHP? Pues para ello podemos usar un parámetro $_GET llamado ‘rest_route’ cuyo valor sea… Seguir leyendo Acceder a REST API en WordPress cuándo no está activado mod_rewrite
Query de fechas con Elementor + JetEngine
Si en un proyecto WordPress con Elementor tenemos que hacer Querys avanzadas con «Listings» de diseño personalizado. JetEngine es una gran opción, es de pago pero merece la pena. Todo sin escribir código; sabemos que no es lo ideal siempre, pero este método nos puede salvar algún proyecto que otro. A saber, tenemos la siguiente… Seguir leyendo Query de fechas con Elementor + JetEngine
Expresiones regulares recurrentes
Listado de expresiones regulares que se irá completando con el tiempo. Eliminar párrafos que sólo contienen una imagen en html
Grids para Gutenberg
De los plugins más intuitivos y menos pesados para gestionar columnas y crear sistemas de cuadrícula para Gutenberg.
Amcharts + From data to Viz
Amcharts Librería de visualización de datos + plugin de WordPress, unos efectos muy bien conseguidos, con una intro bastante currada en su web, hecha a base de sus propias herramientas de visualización. AmCharts 4 incluye gráficos y mapas de geolocalización. From data to Viz Es una web donde te guían hacia el gráfico más apropiado… Seguir leyendo Amcharts + From data to Viz
Accesibility First
PUXL is a free and open-source and eco-friendly library to create front-end Web interfaces. It helps you build accessible and responsive sites with lightweight HTML. Live accessibility errors detection: mark the elements that fail and include the solution ready to copy, paste and solve. Automatically calculates the perfect color tone that passes the accessible contrast tests.… Seguir leyendo Accesibility First
Max Mega Menu para WordPress
Este plugin resuelve de manera bastante eficaz la creación de un menú WP como ‘mega menu’. Permite habilitar o deshabilitarlo, agregar widgets al menú y personalizar el comportamiento con CSS y sus propios ajustes. No tenemos porqué preocuparnos por los móviles porque está contemplada la versión responsive. Eso sí si queremos opciones avanzadas en un… Seguir leyendo Max Mega Menu para WordPress
Optimizar imágenes en WordPress
Vale que hoy día hay como una obsesión por el WPO (Web Performance Optimization), porque la gente tiene que vender su película y eso. Y sí, está bien que una página cargue los más rápido posible, pero sin obsesionarse… Sin embargo, hay casos clarísimos en los que hay que hacer algo: si por ejemplo tienes… Seguir leyendo Optimizar imágenes en WordPress
Wooprice Calculator Pro
Creo que es la primera vez que recomiendo un plugin de pago para WordPress, pero es que este me resultó casi magia cuando entendí como funciona. Hay versión free, pero no es nada espectacular, lo increíble es la versión pro (unos 50$ para 3 sites, que es decente): tienes un producto con tarifas megacomplejas en… Seguir leyendo Wooprice Calculator Pro
Cargar los CSS de Elementor en header
Cuando usamos bloques de Elementor como templates (headers o footers) y los cargamos con actions desde nuestro functions.php, los estilos personalizados son encolados por Elementor en el footer, esto produce flickerings y cargas de elementos css con lag. Para solucionarlo y llevarnos todos los estilos CSS producidos por Elementor a la cabecera tendremos que encolar… Seguir leyendo Cargar los CSS de Elementor en header
Pequeñas cosas con WP-CLI: llamandolo desde php en línea de comandos para scrapear datos
WP-CLI es la caña, y muy útil para casos como éste: tenemos unos 11.000 usuarios en una instalación WordPress, sin avatar. Este caso es un poco particular, porque el avatar lo vamos a sacar de una plataforma privada, sin API… pero el mismo modelo es aplicable, por ejemplo, si tenemos usuarios de twitter para cada… Seguir leyendo Pequeñas cosas con WP-CLI: llamandolo desde php en línea de comandos para scrapear datos
Formatear salida de cantidades
Con esta función podremos mostrar grandes cantidades con un formato más legible y cómodo. Ejemplo: 11259 –> 11.3 K Fuente: https://gist.github.com/RadGH/84edff0cc81e6326029c
¡No hagas esto! Borrados masivos en WordPress directamente desde la BD
No lo hagas,.. pero alguna vez puede ser necesario (por ejemplo, una importación fallida de algunos cientos de miles de registros). Este ejemplo elimina los posts que están en la papelera. Con cambiar el WHERE a post_type=’tu_post_type’ ya puedes liarla parda :) DELETE wp_posts,wp_term_relationships,wp_postmeta,wp_term_taxonomy FROM wp_posts LEFT JOIN wp_term_relationships ON ( wp_posts.ID = wp_term_relationships.object_id )… Seguir leyendo ¡No hagas esto! Borrados masivos en WordPress directamente desde la BD
Instalar WP-CLI sin sudo
WP-CLI es una potentísima herramienta para trabajar con WordPress desde línea de comandos, sin usar el navegador web. Esto es especialmente útil para realizar procesos por lotes o que podrían consumir mucho tiempo, evitando una carga innecesaria para el servidor web y, en general, haciendo las cosas mucho más rápidas. Aquí está toda la información… Seguir leyendo Instalar WP-CLI sin sudo
Theme Premium WordPress Para Magazine o Blog
Theme estilo magazine bien diseñado con una gran experiencia, lectura inmersiva. Buenas valoraciones. https://themeforest.net/item/paperback-magazine-wordpress-theme/13511026
Configurar servidor para wordpress
En primer paso, hay que asegurarse de que el servidor está actualizado, para ello escribimos (en el caso de que sea centos): yum update -y Una vez actualizado, instalamos los paquetes necesarios para wordpress yum install -y httpd mariadb-server mariadb php php-mysql php-fpm php-pecl-memcache mod_ssl openssl (previo a esto instalar Mariadb10) # vi /etc/yum.repos.d/MariaDB.repo [mariadb]… Seguir leyendo Configurar servidor para wordpress
Recategorizar posts en WordPress
Bulk move Enlazamos un fantástico plugin para reorganizar entradas, sobre todo en rediseños de blogs, cuando queremos limpiar muchas categorías que se han ido utilizando a lo largo de la historia de la página y han dejado de utilizarse para sintetizarse en nuevas u otras ya existentes. Es muy sencillo de utlizar, una vez instalado… Seguir leyendo Recategorizar posts en WordPress
Añadir campos personalizados de WordPress en la edición rápida y proceso por lotes
Adjuntamos un tutorial localizado y testeado por nuestro WordPress Developer @flewps para añadir en nuestra edición de posts la posibilidad de hacer «Quick Edit & Bulk Edit» con campos personalizados. Tutorial: http://wpdreamer.com/2012/03/manage-wordpress-posts-using-bulk-edit-and-quick-edit/
Scroll back to top plugin
Las páginas con mucho scroll están de moda y el usuario necesita volver arriba de forma más fácil. Para cuando hay poco tiempo y todo es tan fácil como instalar un plugin de WordPress y dar un poco de estilo (si eso). Editado Noviembre 2021 El anterior plugin quedó un poco atrás, actualizamos con otro. Siempre… Seguir leyendo Scroll back to top plugin
Cheat Sheet: Búsquedas avanzadas con WordPress
Recurso para refrescar trozos de código muy útiles para hacer custom loops y forms de búsqueda avanzada con WordPress, muy currado como todo lo que hacen en SmashingMagazine: https://www.smashingmagazine.com/2016/03/advanced-wordpress-search-with-wp_query/
Columnas personalizadas en listado Admin de WordPress
Un plugin chulébrico (y casi imprescindible) para cuando empezamos a añadir campso meta como locos en lso Custom Post types, y calro, queremos poder localizar por esos en el listado de admin… Admin Columns
Que llega… AMP (Accelerated Mobile Pages)
Lo explica perfectamente Fernando Plaza en Ayuda WP, con este plugin «imprescindible»: http://ayudawp.com/personalizar-amp/ Y para ampliar: http://ayudawp.com/amp-wordpress/ http://ayudawp.com/amp-seo-wordpress/ Por cierto, claro: Datos del dominio ampproject.org Domain Name: AMPPROJECT.ORG Domain ID: D177248413-LROR WHOIS Server: Referral URL: http://www.markmonitor.com Updated Date: 2015-10-31T03:45:45Z Creation Date: 2015-08-31T16:13:25Z … Registrant ID: mmr-87489 Registrant Name: DNS Admin Registrant Organization: Google Inc. Registrant… Seguir leyendo Que llega… AMP (Accelerated Mobile Pages)
Mobile First (y httpS omnipresente)
Solo un recordatorio a un par de enlaces que solemos tener en cuenta por aquí: – https://design.google.com/ – (su nuevo «Resizer», que parece funcionar solo con https, hay que ponerse las pilas con https://letsencrypt.org/ , de paso): http://design.google.com/resizer/ — Editado tras el comentario de Dani: De hecho, lo curioso de esta historia es que hay… Seguir leyendo Mobile First (y httpS omnipresente)
Migrando: Imágenes destacadas en WordPress from anywhere
Es un caso muy concreto, pero que nos sucede sobre todo cuando remodelamos una web antigua que tiene muchas entradas. Tanto si venimos de un WP bastante antiguo como de otro CMS, puede que no se esté usando el campo «featured image» y en su lugar haya un meta field, u otro mecanismo. Hay plugins… Seguir leyendo Migrando: Imágenes destacadas en WordPress from anywhere
Profundizando en D3.js con ejemplos
Algunos sitios con ejemplos interesantes utilizando D3.js, o sólo como inspirtación, o para ver cosas bonitas: – http://christopheviau.com/d3list/gallery.html – https://github.com/mbostock/d3/wiki/Gallery – http://bost.ocks.org/mike/ – http://blog.udacity.com/2015/01/15-data-visualizations-will-blow-mind.html Continuará…
Temas WP sectoriales y de directorios
Unos apuntes rápidos para un proyecto futuro: http://www.wpemy.com/top-10-business-directory-and-listing-wordpress-themes/ http://www.premiumpress.com/ Continuará…
Permalinks en WordPress Multisite (sin /blog)
WordPress en su versión multisite añade el slug /blog a los singles de posts (y custom post types), resultando permalinks del tipo www.whatever.com/blog/categoria/nombre-de-la-entrada En el 99% de los casos no querremos ver ahí ese /blog. Gestionar la estructura de permalinks es fácil, pero es importante tener en cuenta el orden. 1. En el admin de… Seguir leyendo Permalinks en WordPress Multisite (sin /blog)
Aplicaciones de mockups en dispositivos reales
Una alternativa gratuita de gran calidad a https://placeit.net/: magicmockups.com para mostrar nuestras maquetas y prototipos de una forma muy atractiva. Alguna más: http://smartmockups.com/ http://mockdrop.io/ http://picapp.net/ http://mockupsjar.com/ http://shapeitapp.com/
Receta para optimizar el rendimiento de un sitio web con WordPress en 5 minutos. O 10.
No es magia, y no sustituye un trabajo más serio de optimización de tiempos de carga de una web, pero esta chuleta dará resultados muy rápidos: Habilitar compresión gzip Siempre que esté configurado en el servidor. Añadir al .htaccess: # BEGIN GZIP <ifmodule mod_deflate.c> AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript </ifmodule> #… Seguir leyendo Receta para optimizar el rendimiento de un sitio web con WordPress en 5 minutos. O 10.
Frameworks para construir un theme WordPress
Esta entrada hace las veces de post it, hay alternativas a Bootstrap para construir un theme WordPress, con aspecto bastante goloso, será cuestión de probarlas cuando tengamos la oportunidad en proyectos. Para el que lo lea y no sepa a lo que me estoy refiriendo. Básicamente son paquetes con estructuras CSS y código JS, que… Seguir leyendo Frameworks para construir un theme WordPress
Plugin Options Framework
Este plugin está por probar en algún proyecto, me lo he encontrado buscando otros asuntos y me han llamado la atención el número de descargas. Cuando me sea posible (y si me acuerdo) editaré la entrada con feedback sobre él: Options Framework
Añadir campos meta en media library de WordPress
Este enlace puede ser muy útil, por ejemplo, en proyectos que requieran crear un slide con campos configurables (Título, descripción, enlace de destino, etc), pensando en combinar con campos meta en un post, página o custom post type que nos permitan añadir imágenes y ordenarlas. Por ejemplo, nuestro preferido, el plugin Meta-Box de Rilwis. http://www.wpbeginner.com/wp-tutorials/how-to-add-additional-fields-to-the-wordpress-media-uploader/
Paginación rota en WordPress
Una de los aspectos de la programación para WP, que nunca me resulta a la primera, es la paginación. Puede haber varias causas por la que la paginación no funcione, pero si ya has descartado todos los posibles errores y parece inexplicable, fíjate en si estas usando query_posts para montar el loop. Si es así… Seguir leyendo Paginación rota en WordPress
WordPress, JQuery y AJAX
Juntos pero no revueltos. Para poder usar un php que se sirva de funciones de WordPress para dar una respuesta AJAX, tenemos que seguir estos pasos: 1. Añadir en functions.php: [code] function get_my_option_108143(){ //estas líneas son solamente un ejemplo de aplicación $num_plazas=get_post_meta( $_POST[‘id_parking’], ‘insur_plazas_disponibles’, true ); if($num_plazas): echo $num_plazas; else: echo 0; endif; exit(0); }… Seguir leyendo WordPress, JQuery y AJAX
Themes Parallax para WordPress
Las webs no están al margen de las modas y para que los hipsters de awwwards no se escandalicen con un añejo nivoslider, ahora hay que usar Parallax en tu sitio web. Para no complicarse la vida (es un decir) y quedar como un señor, para eso está WordPress y sus maravillosos themes. Le hemos… Seguir leyendo Themes Parallax para WordPress
Customizar página login de WordPress
Añadiendo estas cuantas líneas de código a nuestro functions.php podemos customizar fácilmente la página de login de nuestro WordPress ( http://siteurl/wp-login.php ) [code] /************* CUSTOM LOGIN PAGE *****************/ // calling your own login css so you can style it //Updated to proper ‘enqueue’ method //http://codex.wordpress.org/Plugin_API/Action_Reference/login_enqueue_scripts function bones_login_css() { wp_enqueue_style( ‘bones_login_css’, get_template_directory_uri() . ‘/library/css/login.css’, false );… Seguir leyendo Customizar página login de WordPress
Parametrizar opciones para un theme wordpress con OptionTree
OptionTree es un plugin de gran versatilidad. Te permite prácticamete crear cualquier opción para un theme dentro de un menú general en el administrador. Una de las utilidades que más me ha ahorrado quebraderos de cabeza en proyectos es poder pre cargar campos con cualquier custom post type, para que sean accesoibles desde el panel… Seguir leyendo Parametrizar opciones para un theme wordpress con OptionTree
Cargar código javascript dentro de una página de wp-admin
Hoy me he encontrado con la necesidad de desactivar el input de post_title dentro del administrador de wordpress. El problema a parte de tener que tener que incluir el código js, era que no quería desactivarlo en todas las entradas y páginas, sino solamente para un determinado post type. La solución al primer problema, incluir… Seguir leyendo Cargar código javascript dentro de una página de wp-admin