< Tu wordpress a medida />

¿Qué estás buscando?

¿Qué archivos puedes y debes bloquear desde .htaccess?

Es importante para la seguridad de tu WordPress que utilices el archivo .htaccess para bloquear accesos a archivos importantes de tu instalación y que podrían estar en el punto de mira de posibles hackeos.

¿Qué archivos puedes bloquear desde htaccess?

Bloquea archivos de la carpeta wp-includes para evitar que los usuarios puedan inyectar código malicioso en sus archivos.

# Bloquea wp-includes 
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^wp-admin/includes/ - [F,L]
RewriteRule !^wp-includes/ - [S=3]
RewriteRule ^wp-includes/[^/]+\.php$ - [F,L]
RewriteRule ^wp-includes/js/tinymce/langs/.+\.php - [F,L]
RewriteRule ^wp-includes/theme-compat/ - [F,L]
</IfModule>

Deshabilita el archivo wp-config donde hay demasiada información sensible sobre nuestra instalación

#Deshabilitar el archivo wp-config
<files wp-config.php>
order allow,deny
deny from all
</files>

Deshabilita el propio archivo htaccess  para que no puedan inyectar reedirecciones

#Deshabilitar el archivo htaccess
<files ~ "^.*\.([Hh][Tt][Aa])">
order allow,deny
deny from all
satisfy all
</files>

Y, aunque esto sucedía en versiones más antiguas de WordPress, sigue evitando también la navegación por directorios de tu sitio

#Deshabilita la navegación por directorios de tu sitio
Options All -Indexes
Sin comentarios

Como hacer que los adjuntos del formulario de Elementor lleguen a tu email

El plugin de Elementor PRO tiene un widget muy útil que es el formulario, pero, si este formulario contiene adjuntos, estos adjuntos llegan a tu servidor y lo que hace el plugin es enviarte un email con un enlace para descargar este archivo adjuntado.

adjunto

Si lo que quieres es que el documento o archivo adjunto llegue directamente a tu email y no se almacene en tu servidor. Tienes que añadir este código a tu functions.php

Para ver este contenido tienes que ser Usuario Premium, puedes suscribirte a En Código Wordpress Premium y acceder al contenido exclusivo, descargas y soporte por solo 3.99€/mes
Sin comentarios

¿Cómo solucionar el aviso “Served Scaled Image” de GTmetrix?

Si estás midiendo la velocidad de tu página web a través de gtmetrix.com y te aparece la advertencia o error “Served Scaled Image”, tu web está perdiendo tiempo de carga por culpa de las imágenes. Aquí te explico que significa este error y como solventarlo.

servescaled

Served Scaled Image, lo que realmente quiere decir es que tú estás subiendo imágenes de, por ejemplo (como ves en la imagen), 1600×700 píxeles y WordPress las está redimensionando en los tamaños que necesita el theme o plugin que estés usando, por ejemplo en este caso 322px x 141px. Este proceso, obviamente, hace ralentizar el tiempo de carga de tu web.

La Solución para Served Scaled Image

Lo que tienes que hacer es que WordPress pueda crear una imagen en ese tamaño para que no tenga que redimensionarla.

Accede al escritorio WordPress > Ajustes > Medios y crea la miniatura que GTmetrix haya indicado en el error. Como ves en el ejemplo de la imagen, en este caso sería (322x141px).

Tamaño miniatura

Una vez guardados los cambios, aún no se habrá solucionado, esto es porque cuando añades los nuevos tamaños, estos se aplicarán únicamente en las imágenes que subas a partir de este momento.

Para poder redimensionar las imágenes anteriores, instala y activa este plugin Regenerate Thumbnails.

Ahora en tu escritorio Herramientas > Regenerate Thumbnails, haz clic en el botón Regenerate Thumbnails for All Attachments.

Ahora sí, habrás solucionado el problema Served Scaled Image, si no es así ponte en contacto con nosotros y vemos tu caso.

Sin comentarios

Añadir Código de Analytics en functions.php excluyendo usuarios logueados o administradores

Como ya sabes, hay muchas formas de añadir el código de seguimiento de Google Analytics en tu página web: Mediante un plugin, añadiendo el script en el header.php y la manera menos conocida, añadiendo el script en functions.php.

Aquí vemos como hacerlo de esta última manera, en la que además, te permite no rastrear las visitas que se hagan cuando un usuario está logueado en nuestra página web.

Añade este código en tu functions.php y ya tendrás implementado Google Analytics sin rastrear las visitas logueadas.

/* Añadir código Analytics excluyendo users */
add_action('wp_head', 'ecw_analytics_code');
function ecw_analytics_code(){
if(is_user_logged_in()==false) { ?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXX-1');
</script>
<?php  }
};

Si lo que quieres es que no rastree las visitas únicamente de usuarios administradores usa este otro código.

/* Añadir código Analytics excluyendo admin users */
add_action('wp_head', 'ecw_analytics_code');
function ecw_analytics_code(){
if ( !current_user_can('administrator') ){ ?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXX-1');
</script>
<?php  }
};

Date cuenta que tienes que cambiar dos veces el UA que aparece en el código A-XXXXXXX-1, por el tuyo propio.

Si tienes cualquier duda sobre esto no dudes en escribirme

Sin comentarios

Mostrar un aviso solo para Internet Explorer

Vamos a crear un topbar o barra superior con un aviso que se mostrará solo en usuarios que accedan desde Internet Explorer. Esto nos servirá para avisar a los navegantes que, por ejemplo, nuestra web no es compatible con este navegador.
error-internet
Para ello, añade este código en el archivo functions.php de tu WordPress

Para ver este contenido tienes que ser Usuario Premium, puedes suscribirte a En Código Wordpress Premium y acceder al contenido exclusivo, descargas y soporte por solo 3.99€/mes
Sin comentarios

Como redirigir 404 a tu página de Inicio

Si has tenido algún problema en tu web con las redirecciones y tienes muchas páginas “perdidas” que te llevan a un 404 lo mejor es que esas páginas sean redirigidas, por ejemplo, a la HOME para no perder estos visitantes.

Esto se hace añadiendo en tu functions.php este sencillo código:

add_action( 'template_redirect', 'redirect_404_to_home' );
function redirect_404_to_home() {
    if ( is_404() ) :
      wp_redirect( 'https://tudominio.com', 301 ); 
	  exit;
    endif;
}

Como ves, puedes poner la URL que tu quieras, no tiene porque ser la HOME, aunque esto sea lo más habitual.

¿Has podido hacerlo o era lo que buscabas? Si no es así, ponte en contacto con nosotros y te ayudaremos a solucionarlo.

Sin comentarios

Error 404 en archivo options.php

Otro de los errores que nos podemos encontrar en WordPress es que cuando vayamos a actualizar un plugin o hacer algún cambio en los ajustes de alguno de ellos, aparezca este error en el archivo options.php de nuestra instalación:

error404-php

La solución a este problema lo puedes encontrar aquí:

Para ver este contenido tienes que ser Usuario Premium, puedes suscribirte a En Código Wordpress Premium y acceder al contenido exclusivo, descargas y soporte por solo 3.99€/mes
Sin comentarios

Tabla Responsive con HTML y CSS

Algunas veces nos han preguntado como hacer una tabla responsive en HTML y en CSS que sea sencilla, compatible con todos los dispositivos y que sirva para cualquier plantilla. Pues aquí os dejamos el código HTML y CSS para que la puedas añadir en tu web modificándola a tu gusto.

Quedaría de esta manera

tabla-responsive-html

CÓDIGO HTML

<table class="tablazul">
<thead>
<tr>
<th>Título 1</th>
<th>Título 2</th>
<th>Título 3</th>
<th>Título 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Contenido Celda 1</td>
<td>Contenido Celda 1</td>
<td>Contenido Celda 1</td>
<td>Contenido Celda 1</td>
</tr>
<tr>
<td>Contenido Celda 2</td>
<td>Contenido Celda 2</td>
<td>Contenido Celda 2</td>
<td>Contenido Celda 2</td>
</tr>
<tr>
<td>Contenido Celda 3</td>
<td>Contenido Celda 3</td>
<td>Contenido Celda 3</td>
<td>Contenido Celda 3</td>
</tr>
<tr>
<td>Contenido Celda 4</td>
<td>Contenido Celda 4</td>
<td>Contenido Celda 4</td>
<td>Contenido Celda 4</td>
</tr>
</tbody>
</table>

CÓDIGO CSS

table.tablazul {
  border: 1px solid #DDDDDD;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.tablazul td, table.tablazul th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.tablazul tbody td {
  font-size: 13px;
	    padding-left: 5px;
}
table.tablazul tr:nth-child(even) {
  background: #DADBE2;
}
table.tablazul thead {
  background: #006AA3;
}
table.tablazul thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
	    padding-left: 5px;
}

 

Espero que esta tabla te ayude a crear la tuya propia y, si necesitas algún desarrollo más a medida, escríbenos.

Sin comentarios

Como poner en mantenimiento solo nuestra tienda de Woocommerce

Si necesitas poner en mantenimiento solo tu tienda online y no tu página al completo, hemos creado este sencillo código que te permite deshabilitar solo tu carrito y checkout, mostrando el mensaje que quieras a tus clientes.

Para ver este contenido tienes que ser Usuario Premium, puedes suscribirte a En Código Wordpress Premium y acceder al contenido exclusivo, descargas y soporte por solo 3.99€/mes
Sin comentarios