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).
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.
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.
Una forma sencilla de realizar es tener el plugin page navi de wordpress, lo puedes adquirir desde el repositorio de forma gratuita.
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; ?>
Descargalo desde el WordPress.org activalo y listo ya tendras tu paginación
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.
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.
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.
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
Options +Indexes
IndexIgnore *.wmv *.mp4 *.avi
Options All -Indexes
ErrorDocument 403 /forbidden.html ErrorDocument 404 /notfound.html ErrorDocument 500 /servererror.html
AddType text/html .html AddType text/html .shtml AddHandler server-parsed .html AddHandler server-parsed .shtml # AddHandler server-parsed .htm
DirectoryIndex mihome.htm index.htm index.php
order deny,allow deny from 202.54.122.33 deny from 8.70.44.53 deny from .spammers.com allow from all
order deny,allow deny from all allow from 192.168.0.0/24
Redirect viejapagina.html http://www.midominio.com/nuevapagina.html Redirect /viejacarpeta http://www.midominio.com/nuevacarpeta/
RewriteEngine on
RewriteCond %{HTTP_REFERER} site-to-block\.com [NC]
RewriteCond %{HTTP_REFERER} site-to-block-2\.com [NC]
RewriteRule .* – [F]
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?midominio.com/.*$ [NC]
RewriteRule \.(gif|jpg)$ – [F]
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]
order allow,deny deny from all
# Avoid 500 error by passing charset AddDefaultCharset utf-8
Options +ExecCGI AddHandler cgi-script cgi pl # To enable all scripts in a directory use the following # SetHandler cgi-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.
Unicamente si utilizas PHP
php_value zlib.output_compression 16386
Solamente si utilizas PHP
php_flag magic_quotes_gpc off
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.
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
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.