¿Como añadir imágenes SVG en WordPress?

habilitar imagenes svg en wordpress

¿POR USAR IMÁGENES EN FORMATO SVG?

SVG es el formato vector utilizado en los sitios web, y estas imágenes se pueden escalar sin perder la calidad. Con SVG podemos utilizar tanto en teléfonos inteligentes y pantallas de visualización de gran alcance y televisores. Los archivos SVG también podemos darle animaciones y colores directamente desde nuestro archivo CSS (hoja de estilos).

¿CÓMO HABILITAR EL SOPORTE PARA SVG EN WORDPRESS?

Para esto hay dos maneras. Instalar un plugin desde elrepositorio de WordPress:

O también si no deseamos instalar un plugin, podemos hacerlo de una forma sencilla añadiendo 2 funciones.
Abrimos nuestro archivo functions.php en nuestro tema activado y añadimos función:

Luego abrimos nuestro archivo .htaccess y justo detrás de la línea

#End WordPress

Añadimos el código:

Guarde los cambios en el archivo y ya podremos disfrutar de la posibilidad de añadir a los archivos SVG en nuestro gestor multimedia de WordPress.

Relative post type en wordpress

En algunos de nuestros proyectos necesitamos mostrar post relacionados en nuestro WordPress, pero usando un custom post type, se que en la actualidad existen plugins que realizan este proceso, pero en caso de que desees personalizarlo a tu gusto te dejo el código fuente de este que es muy simple.

y todo listo con ello podrás recuperar las entradas relacionadas controlando la cantidad que desees mostrar.

Si te sirvio, no olvides compartirlo y dejarnos un mensaje.

PAGINATION WORDPRES CON PAGE NAVI

pagination query posts page navi

Una forma sencilla de realizar es tener el plugin page navi de wordpress, lo puedes adquirir desde el repositorio de forma gratuita.

PASO 1: LOOP DE PAGINACÍON

el loop de tus entradas debe de estar de esta forma.

PASO 2: INSTALA EL PLUGIN DE PAGE NAVI

Descargalo desde el WordPress.org activalo y listo ya tendras tu paginación

Condicional is_home() WordPress

is home wordpress loop

Cuando realizamos nuestras propias plantillas en wordpress nos encontramos con el problema de mostrar solo algunas contenidos en el home de la página web.

Para este propósito WordPress nos provee en su documentación como poder realizar.

Solo necesitamos añadir este trozo de código en nuestro desarrollo.

Es posible solo poner is_home() en el loop de WordPress pero encontré de que es necesario añadir is_front_page() por que al poner uno de nuestro template como página principal is_home() no reconoce así que con los podemos asegurar ello.

espero haber ayudado, no olviden comentar.

Error de WordPress. No disponible por mantenimiento

Error de WordPress. No disponible por mantenimiento

WordPress hoy en día se a convertido en uno de los CMS favorito para los desarrolladores y para las personas que hacemos el posicionamiento SEO por ser mas ligero. Pero en la producción tenemos un problema que nos da preocupación cuando nos sale el mensaje “No disponible por mantenimiento programado. Vuelve a comprobar el sitio en unos minutos” y nuestra página web se queda colgada.

Este error se produce en le proceso de actualización de los plugins o el propio wordpress se queda colgada y al recargar la pagina web nos muestra este mensaje sin ninguna información de solución y no tenemos ni idea de que hacer.

la solución de este error es simple ya que cuando se realiza la actualización se genera de forma automática un archivo llamado .maintenance en el inicio de nuestro pagina, para dar solución a este mensaje lo que debemos realizar es acceder mediante nuestro cliente FTP luego buscar este archivo y proceder a eliminar, esto nos soluciona el problema del mensaje y se habilita nuestra página web.

Reales WP – Real Estate WordPress Theme

Reales WP – Real Estate WordPress Theme

Este tema de WordPress Real Estate WordPress Theme premium con un diseño moderno, limpio, intuitivo y totalmente sensible, que se ve perfecto en cualquier tableta tamaño o la pantalla del móvil. Esto está cargado con un montón de características como la sumisión propiedad Front-end y editar, avanzada de auto búsqueda completa, la integración de Google Maps, filtro de Propiedades avanzadas, códigos cortos útiles, colores personalizados, Ingresar con Facebook y Google cuentas, registro de agentes Front-end, Añadir propiedades a favoritos y mucho más. Descarga gratuita Reales WP v1.0.3 WordPress Tema, Reales WP v1.0.3 Gratis Descargar el tema de WordPress.

Configurar correctamente el archivo .htaccess

Configurar correctamente el archivo .htaccess

Un archivo .htaccess es una forma de configurar los detalles de su sitio web sin necesidad de modificar los archivos de configuración del servidor. El período que comienza el nombre del archivo será mantener el archivo oculto dentro de la carpeta.

Puede crear el archivo .htaccess en un editor de texto (asegúrese de nombrar sólo .htaccess sin ninguna otra extensión o nombre) y luego subirlo a su sitio a través de un cliente FTP.

Además, la colocación del archivo .htaccess es importante en el home del hosting. Las configuraciones en ese archivo afectarán todo en su directorio y los directorios bajo él.

Reglas de redirección de nuestros sitios web
En este caso se necesita tener activado el módulo rewrite.load de Apache

Habilitar la navegación del directorio

Bloquea algunos tipos de archivos para mostrar

Deshabilitar la navegación del directorio

Personalizar mensajes de error

Hacer que los SSI trabajen con HTML/SHTML

Cambiar la página por defecto (en el siguiente orden)

Bloquear el acceso al sitio a ciertas IP

Permitir el acceso sólo a usuarios de la red local (LAN)

Redireccionar visitantes a Nueva Página/Carpeta

Bloquear el acceso al sitio a ciertas referencias

Bloquear el acceso a nuestros ficheros desde otros servidores (Hot Linking)

Mostrar un mensaje cuando se acceda desde otros sevidores a nuestros ficheros

Agrega la siguiente línea al código para bloquear el acceso a nuestros ficheros desde otros servidores

Hacer invisible el archivo .htaccess (o cualquier otro)

Evitar el error 500

Conceder el acceso CGI a una carpeta

Cambiar la extensión del script

Ahorrar ancho de banda

Unicamente si utilizas PHP

Apagar las magic_quotes_gpc

Solamente si utilizas PHP

UberMenu v3.2.0.1 WordPress Mega Menu Plugin

UberMenu WordPress Mega Menu Plugin
UberMenu es altamente personalizable Mega Menú fácil de usar y sensible WordPress plugin. Este trabaja fuera de la caja con el sistema de menús de WordPress 3, lo que es fácil para empezar, pero lo suficientemente potente como para crear configuraciones de menú de mega altamente personalizadas y creativas.

Ubert Menu WordPress

 

Compresión Gzip en WordPress sin usar plugins

compresion gzip

Siempre necesitamos que nuestros sitios web en WordPress estén mucho mas rápido y esto hace que necesitemos habilitar la compresión GZip que realiza en enviar nuestros documentos en un formato comprimido para que ocupen menos espacio y se distribuyan de forma más rápida.

Podemos realizar este proceso de dos formas:

Podemos buscar plugins que nos permite realizar este proceso para ello ingrese a su administración de su pagina web y añade /options.php y quedaría algo así

www.dominio.com/wp-admin/options.php

Nos muestra un listado de opciones de nuestro sitio. Buscamos esta palabra “Gzip” y cambiamos el valor 0 a 1 y con esto seria todo, así de fácil.

Pero si queremos no cargar más plugins a nuestro template podemos realizar de la siguiente forma.

necesitamos acceder al archivo .htaccess que se encuentra en la raíz de nuestro sitio web. y añadimos este pedazo de código.

Guardamos los cambios realizados y eso es todo. Para poder saber si es correcto lo que acabamos de realizar, lo podemos comprobar desde GZip Test. Usted ingresa su dominio y le da clic a check.

Si te fue de ayuda, no olvides dejar su comentario.

Master Slider – WordPress Responsive Touch Slider

MASTER SLIDER wordpress plugin

es un gráfico de alta calidad hecha junto con el contenido deslizante material destinado a Wp, utilizando enormes hardware esfuerzo transiciones aceleradas. Esta herramienta facilita la navegación wordpress conmovedora utilizando elemento golpe que ha experimentado nunca antes. Es una verdad de respuesta junto con deslizador amigable móvil o portátil que funciona mejor en todas las principales tecnologías. Maestro deslizante plataforma wordpress basada plug-in es un gran slider capa al mismo tiempo, utilizando la capacidad de agregar cualquier Web material de codificación dentro de las capas.

Master slider wordpress