¿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:

/**
 * Soporte SVG del Gestor multimedia
 */
function wpcontent_svg_mime_type( $mimes = array() ) {
  $mimes['svg']  = 'image/svg+xml';
  $mimes['svgz'] = 'image/svg+xml';
  return $mimes;
}
add_filter( 'upload_mimes', 'wpcontent_svg_mime_type' );

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

#End WordPress

Añadimos el código:

# Add SVG Mime Types
AddType image/svg+xml svg
AddType image/svg+xml svgz

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.

<?php
$related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'numberposts' => 3,'post_type' => 'tour', 'post__not_in' => array($post->ID) ) ); ?>
				
	<ul class="relativecalssist">
	<?php if( $related ) foreach( $related as $post ) {
	setup_postdata($post); ?>
		<li>
			<?php  the_post_thumbnail(); ?>
			<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
		</li>

	<?php } ?>
	</ul>
				
<?php wp_reset_postdata(); ?>

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.

<?php $paged = (get_query_var('page')) ? get_query_var('page') : 1;
$args=array('category_name'=>'categoryname here','posts_per_page'=>12,'paged'=>$paged); //determina la categoria a mostrar y la cantidad de post
query_posts($args);	 ?>
<?php if ( have_posts() ) :  while ( have_posts() ) : the_post(); ?>
		    
	<?php endwhile; ?>
	<?php bh_pagination();?> // codigo de páginación <?php wp_pagenavi(); ?>
<?php endif; ?>

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.

<?php if ( is_home() || is_front_page() ) : ?>
  	contenido solo para el home
  <?php else: ?>
	contenido para los que no son de home page.
<?php endif ?>

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

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Habilitar la navegación del directorio

Options +Indexes

Bloquea algunos tipos de archivos para mostrar

IndexIgnore *.wmv *.mp4 *.avi

Deshabilitar la navegación del directorio

Options All -Indexes

Personalizar mensajes de error

ErrorDocument 403 /forbidden.html
ErrorDocument 404 /notfound.html
ErrorDocument 500 /servererror.html

Hacer que los SSI trabajen con HTML/SHTML

AddType text/html .html
AddType text/html .shtml
AddHandler server-parsed .html
AddHandler server-parsed .shtml
# AddHandler server-parsed .htm

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

DirectoryIndex mihome.htm index.htm index.php

Bloquear el acceso al sitio a ciertas IP

order deny,allow
deny from 202.54.122.33
deny from 8.70.44.53
deny from .spammers.com
allow from all

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

order deny,allow
deny from all
allow from 192.168.0.0/24

Redireccionar visitantes a Nueva Página/Carpeta

Redirect viejapagina.html http://www.midominio.com/nuevapagina.html
Redirect /viejacarpeta http://www.midominio.com/nuevacarpeta/

Bloquear el acceso al sitio a ciertas referencias

RewriteEngine on
RewriteCond %{HTTP_REFERER} site-to-block\.com [NC]
RewriteCond %{HTTP_REFERER} site-to-block-2\.com [NC]
RewriteRule .* – [F]

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

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?midominio.com/.*$ [NC]
RewriteRule \.(gif|jpg)$ – [F]

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

RewriteRule \.(gif|jpg)$ http://www.midominio.com/no_robes.gif [R,L]

Hacer invisible el archivo .htaccess (o cualquier otro)

order allow,deny
deny from all

Evitar el error 500

# Avoid 500 error by passing charset
AddDefaultCharset utf-8

Conceder el acceso CGI a una carpeta

Options +ExecCGI
AddHandler cgi-script cgi pl
# To enable all scripts in a directory use the following
# SetHandler cgi-script

Cambiar la extensión del script

AddType application/x-httpd-php .gnegne será ahora tratado cómo un archivo PHP, se puede hacer lo mismo con x-httpd-cgi para archivos CGI, etc.

Ahorrar ancho de banda

Unicamente si utilizas PHP

php_value zlib.output_compression 16386

Apagar las magic_quotes_gpc

Solamente si utilizas PHP

php_flag magic_quotes_gpc off

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.

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
# END GZIP

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