15 octubre 2019

Cómo subir archivos .webp en sitios web WordPress



Cómo subir archivos .webp en sitios web WordPress


Al intentar subir una imagen con el formato .webp,  en un sitio web con WordPress, sale un mensaje de error y no permite subir el archivo:
    mi-imagen.webp
    Lo siento, este tipo de archivo no está permitido por motivos de seguridad.


Para solucionar el problema hay que añadir esta función en el archivo functions.php del sitio web:


//Habilitar la subida de archivos no permitidos
function bp_mime_type ( $mime_types ) {
    $mime_types['svg'] = 'image/webp';
    $mime_types['svg'] = 'image/svg+xml';
    return $mime_types;}
   
   add_filter('upload_mimes''bp_mime_type'11);


Se pueden incluir varios tipos de MIME en la misma función como en el ejemplo anterior donde también se está habilitando los archivos .svg

Esta tabla, lista los tipos de MIME más importantes para la web:

Extensión
Tipo de documento
Tipo de MIME
.aac
Archivo de audio AAC
audio/aac
.abw
Documento AbiWord
application/x-abiword
.arc
Documento de Archivo (múltiples archivos incrustados)
application/octet-stream
.avi
AVI: Audio Video Intercalado
video/x-msvideo
.azw
Formato  eBook Amazon Kindle 
application/vnd.amazon.ebook
.bin
Cualquier tipo de datos binarios
application/octet-stream
.bz
Archivo BZip
application/x-bzip
.bz2
Archivo BZip2
application/x-bzip2
.csh
Script C-Shell
application/x-csh
.css
Hojas de estilo (CSS)
text/css
.csv
Valores separados por coma (CSV)
text/csv
.doc
Microsoft Word
application/msword
.epub
Publicación Electrónica (EPUB)
application/epub+zip
.gif
Graphics Interchange Format (GIF)
image/gif
.htm
.html
Hipertexto (HTML)
text/html
.ico
Formato Icon
image/x-icon
.ics
Formato iCalendar
text/calendar
.jar
Archivo Java (JAR)
application/java-archive
.jpeg
.jpg
Imágenes JPEG
image/jpeg
.js
JavaScript (ECMAScript)
application/javascript
.json
Formato JSON
application/json
.mid
.midi
Interfaz Digital de Instrumentos Musicales (MIDI)
audio/midi
.mpeg
Video MPEG
video/mpeg
.mpkg
Paquete de instalación de Apple
application/vnd.apple.installer+xml
.odp
Documento de presentación de OpenDocument
application/vnd.oasis.opendocument.presentation
.ods
Hoja de Cálculo OpenDocument
application/vnd.oasis.opendocument.spreadsheet
.odt
Documento de texto OpenDocument
application/vnd.oasis.opendocument.text
.oga
Audio OGG
audio/ogg
.ogv
Video OGG
video/ogg
.ogx
OGG
application/ogg
.pdf
application/pdf
.ppt
Microsoft PowerPoint
application/vnd.ms-powerpoint
.rar
Archivo RAR
application/x-rar-compressed
.rtf
Formato de Texto Enriquecido (RTF)
application/rtf
.sh
Script Bourne shell
application/x-sh
.svg
Gráficos Vectoriales (SVG)
image/svg+xml
.swf
Small web format (SWF) o Documento Adobe Flash
application/x-shockwave-flash
.tar
Aerchivo Tape (TAR)
application/x-tar
.tif
.tiff
Formato de archivo de imagen etiquetado (TIFF)
image/tiff
.ttf
Fuente TrueType
font/ttf
.vsd
Microsft Visio
application/vnd.visio
.wav
Formato de audio de forma de onda (WAV)
audio/x-wav
.weba
Audio WEBM
audio/webm
.webm
Video WEBM
video/webm
.webp
Imágenes WEBP
image/webp
.woff
Formato de fuente abierta web (WOFF)
font/woff
.woff2
Formato de fuente abierta web (WOFF)
font/woff2
.xhtml
XHTML
application/xhtml+xml
.xls
Microsoft Excel
application/vnd.ms-excel
.xml
XML
application/xml
.xul
XUL
application/vnd.mozilla.xul+xml
.zip
Archivo ZIP
application/zip
.3gp
Contenedor de audio/video 3GPP
video/3gpp
audio/3gpp if it doesn't contain video
.3g2
Contenedor de audio/video 3GPP2
video/3gpp2
audio/3gpp2 if it doesn't contain video
.7z
Archivo 7-zip
application/x-7z-compressed


14 octubre 2019

Lista de colores para HTML

Lista de colores básicos con nombre, código HEX y código RGB para HTML

COLOR

Nombre

código HEX

código RGB

WHITE#FFFFFFRGB(255, 255, 255)
SILVER#C0C0C0RGB(192, 192, 192)
GRAY#808080RGB(128, 128, 128)
BLACK#000000RGB(0, 0, 0)
RED#FF0000RGB(255, 0, 0)
MAROON#800000RGB(128, 0, 0)
YELLOW#FFFF00RGB(255, 255, 0)
OLIVE#808000RGB(128, 128, 0)
LIME#00FF00RGB(0, 255, 0)
GREEN#008000RGB(0, 128, 0)
AQUA#00FFFFRGB(0, 255, 255)
TEAL#008080RGB(0, 128, 128)
BLUE#0000FFRGB(0, 0, 255)
NAVY#000080RGB(0, 0, 128)
FUCHSIA#FF00FFRGB(255, 0, 255))
PURPLE#800080RGB(128, 0, 128))

07 octubre 2019

Cómo añadir el ID de seguimiento de Google Analytics en WordPress

Para añadir el código de seguimiento de Google Analytics en un sitio web con Wordpress, hay varias opciones:

1º.- Desde el panel de administración del tema. Este sería el método más sencillo y más ligero para el procesamiento del código. Ya sabemos, que hay que minimizar el peso y la velocidad de carga una pagina web, para el robot de Google y por supuesto, para nuestros lectores y usuarios.

Ejemplos:

Panel de Opciones del tema Webnus



















2º.- Insertando el script directamente en el código fuente del archivo header.php, dentro de la etiqueta
Para este método, es necesario usar un tema hijo para evitar la perdida de los cambios con las actualizaciones del tema.




















3º.- Crear una función en el archivo functions.php




Post Labels

WordPress macOS Linux diseño gráfico Error color plantilla CentOS 7 Plesk PHP RGB SSH Servidor Windows XAMPP aplicación web colores gratis logo pantone sitio web video Edición de Vídeo Plugin Recursos Solución SysAdmin acceso diseño diseño web edición editar imagen mac nube página web sistema software software libre tamaño 2020 Audiovisuales CMS CentOS 6.9 Google HEX HTML PHP.INI Puertos URL actualización actualizar ai aplicaciones aplicación aspecto básicos certificado comercio electrónico conexión corazón desarrollo web emails emotiva flores footer fotografía frase functions.php gratuito iMac illustrator imagenes login mantenimiento mapas motivación online optimización página rendimiento tema texto velocidad verano web $cfg .new 1 TB 1&1 2021 2022 21.5 22 2D 3D 500GB 6.4.3 A0 A1 A2 A3 A4 A5 A6 A7 A8 Abierto AfterEffects Alexa Amazon COVID-19 Captura Videojuegos Capturar Pantalla Capturar Vídeo y Audio Cheat Sheet Classic Blue CleanMyPC Cloud Cloud Server Coronavirus Código Código Abierto DIN Daylimotion Developer ELRepo ETIMEDOUT Grabación de Vídeo Guía H1 Herramientas Hoja de Referencia Homebrew Huawei I+D Illuminating Javascript Kernel LMS Live Streaming MIME Mail MySql NPM Núcleo OPPO Onyx PEAR PH Permisos Productos SEM SSL Terminal Tutoriales UX Ultimate Grey Videotutoriales Web Services WooCommerce Xiaomi abuelos accesibilidad activado admin adminiración adolfo agencia agua almacenamiento alt altura amor ampliar ancho animacionlogo app apple apps aprende archivo archivos arranque arte ataque ataques atico auriculares axioma año banco banners barcos basic 2 becquer beneficios bing bitcoin blog bodas booteable buscadores calendario caminando cancion captura de pantalla cara carpeta casa chmod cliper comandos conexion configuración contacto contraseña control convertir copywriter corazones correo cortar crear cuenta curso cámara reflex código libre das depurado derrotas desarrollo aplicaciones descargar deseo desintalar dibujo direccion disco SSD distro dns domina dominio don quijote dos mil doubleclick duda editor email encriptar esfuerzo español esquema de colores estudio estándar examina exposición familia favicon fecha filezilla formación formato formulario fracasos ftp fuentes fuerza bruta funcion función git golosina googleads grado gratuita gráficos guerrero gustavo h2 hacemos herramienta hijos hotel http https humano humanos icono iconos ideas inaccesible incertidumbre indispensables inspiración instagram instalar internet invalid inversión j balvin jeff bezos jscomposer karol g keyworks largo plazo launchpad libre liderazgo limpieza lirios living coral logoanimation límite lógica manual manzanita mar marinero marketing online medidas mejorar memoria metaetiquetas mi miel migrar miro modificar modificar.cambiar modo moscas motivadora mover mp3 mp4 mueren mujer mundo musical más móviles neón ni contigo ni sin ti nicky jam nietos node.js nulled oficina olas omnivus opensource optimista optimizar padres palabras clave paleta panal pantallas pantallazo panza papel pareado particion partición pastel pc pegar penthouse perfecto personalización personalizado personalizar personas pesca petunia photoshop phpMyAdmin pie de página planos poblado poderoso poesía posible posicionamiento preferido prestaciones prisiones privacidad privada privado programas proporcional protocolo publisites quijote rechazado redactium redactor de contenidos reflexión reggaeton relacion relación remitente remix resolución restablecer resurgir rosas rápido samsung sancho screenshot sea seguridad seguro sentimientos seo ser servicios simulador sistemas slider revolution smartphone smtp snapshot spam subida tablets temp dir tendencia terabox titulo tmp trabajo txt título ubuntu unidad usb utilidad vacío vectoriales vencer ventas veo versiones verso very peri vicio videologo videos webp www youtube éxitos