Configurar carpeta temporal en Drupal 7

22/05/2013 Dejar un comentario

Supongamos que hemos desarrollado nuestro sitio en Drupal 7. Hemos estado trabajando en local, y todo funciona correctamente. Pero al subir el sitio completo por FTP al servidor, comenzamos a ver mensajes de error de tipo:

Warning: fileowner(): stat failed for temporary...

Siempre que estos mensajes contengan información relativa a temporales o que nos informen sobre algún error en los temporales es casi seguro que se debe a que Drupal no es capaz de localizar la carpeta temporal. Y esto es así porque su ubicación no coincide en nuestro servidor local y en el servidor remoto, por lo que deberemos modificar su path.

Para ello nos dirigiremos a Configuración -> Sistema de Archivos Aquí nos aparece la sección directorio temporal, en donde indicaremos la ruta a nuestra carpeta tmp del servidor.

temporal-drupal-7

Categorías:Aplicaciones Etiquetas: , , ,

Traducir ficheros .po

20/05/2013 Dejar un comentario

En numerosos sitios utilizan ficheros .po que contienen las cadenas de texto para la traducción del sitio. Debido al formato especial de éstos ficheros, aunque se pueden editar con un editor de texto plano, recomendamos la utilización de herramientas especificas para ello, como es el caso de Poedit. Este editor gratuito y multiplataforma no permite crear la traducción del sitio de manera muy sencilla.

Poedit está disponible para entornos Windows, Linux y Mac y podemos cambiar el idioma de la interfaz para convertirlo al español. Las traducciones se pueden realizar muy fácilmente ya que tan solo deberemos pulsar en la cadena texto en el idioma original y escribir la cadena traducida en el espacio destinado para ello.

Una vez finalizada la traducción guardaremos el proyecto para generar un fichero .po traducido. También nos permite generar el archivo .mo o exportar todo el proyecto a un fichero .html

Los ficheros de traducciones .po son utilizado por numerosas aplicaciones para traducir el entorno como por ejemplo WordPress o Drupal. Para descargar Poedit deberás acceder a su página oficial o sourceforge

poedit

Categorías:Aplicaciones Etiquetas: , , , ,

Desactivar el servicio de email para un dominio en concreto

20/05/2013 Dejar un comentario

Es posible que en un momento dado se necesite desactivar el servicio de email de un dominio en concreto, y por la razón que sea, nos es imposible acceder al panel de control de Plesk.

En estos casos deberemos acceder via SSH con permisos de root y teclear lo siguiente:

/ usr/local/psa/bin/domain -u nombre_dominio.com -mail_service false

 

Categorías:Plesk Etiquetas: , , , ,

Viewport ayuda a visualizar tu página en dispositivos móviles

13/05/2013 Dejar un comentario

La etiqueta viewport, inicialmente fue creada para ser añadida dentro de los “meta” de una página web. Esta etiqueta se usa para que los navegadores de los dispositivos móviles, escalaran correctamente las páginas, indicando el tamaño al cual se debía mostrar la página.
Su sintaxis básica es:

<meta name="viewport" content="
    width = [pixels | device-width ],
    height = [pixels | device-height],
    initial-scale = float,
    minimum-scale = float,
    maximum-scale = float,
    user-scalable = [yes | no]
">

Ahora bien, desde la W3C, lo que se está intentando es realizar la migración de meta viewport a CSS, apareciendo pues, la directiva @viewport, siendo su sintaxis:

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

e indicando el ancho que queremos que tenga la página, que en este ejemplo será el ancho que permita el dispositivo. Otros valores podrán ser:

  • min-width o max-width
  • min-height o max-height
  • min-zoom, max-zoom o user-zoom
  • zoom
  • orientation

Puedes consultar la página de referencia de la W3C para ver las posibilidades de @viewport para adaptar nuestra página web a los tamaños de los dispositivos móviles.

 

Categorías:Diseño y Programación Etiquetas: , , , ,

Superponiendo divs mediante CSS

07/05/2013 Dejar un comentario

Por norma general, todas las etiquetas html ocupan un espacio dentro de la página. Este modelo de cajas se posicionan unas junto a otras o bien unas debajo de otras. Pero si lo que queremos es que unas cajas se superpongan con otras, deberemos “romper” la barrera para que una caja se sitúe por encima de otra. Para ello, deberemos echar mano de las etiquetas CSS position y z-index.

Etiqueta position:

La etiqueta position tiene por defecto el valor static. Para ubicar un <div> generalmente se usa otro div contenedor con valor relative para que se adapte a la página. En su interior ubicaremos nuestro div indicando position absolute y dandole los valores necesarios para posicionarlo dentro del contenedor, tal y como se muestra en el siguiente ejemplo:

<div style="position: relative;">
  <div style="position: absolute; left: 40px; top: 40px;"> CUADRO 1 </div>
</div>

En el caso de querer superponer una caja encima de otra, tan solo tendremos que indicar los valores oportunos a ambos divs:

<div style="position: relative;">
  <div style="position: absolute; left: 40px; top: 40px;"> CUADRO 1 </div>
  <div style="position: absolute; left: 80px; top: 90px;"> CUADRO 2 </div>
</div>

Aunque para el ejemplo hemos añadido mas estilos a las cajas para aumentar su visibilidad, gracias al posicionamiento obtendríamos un resultado como el siguiente:

superponiendo-divsEtiqueta z-index:

Gracias a la incorporación de la etiqueta z-index en nuestro código, podremos alterar el orden natural de las cajas. Z-index modificará el orden, siendo las capas mas visibles para el usuario las que tengan un número mayor, quedando mas ocultas las que tengan un indice menor, tal como vemos en el siguiente ejemplo:

<div style="position: relative;">
  <div style="position: absolute; left: 10px; top: 25px; z-index: 1;"> CUADRO 1 </div>
  <div style="position: absolute; left: 30px; top: 80px; z-index: 3;"> CUADRO 2 </div>
  <div style="position: absolute; left: 50px; top: 120px; z-index: 2;"> CUADRO 3 </div>
</div>superponiendo-divs-2

Nuevo metatag para las noticias de Google

06/05/2013 Dejar un comentario

Google ha ideado un nuevo metatag, indicado especialmente para que los redactores den una idea aproximada del artículo que están creando, y así Google News sea capaz de ubicarlo mejor.

google-noticias

Hasta ahora, el servicio de noticias de Google, categorizaba los artículos según los titulares y su contenido, pero gracias a la etiqueta “news_keywords“, podremos indicar una serie de términos, que ayudarán a posicionar mejor al articulo, dentro de la categoría que efectivamente le corresponda.

Su uso es simple. Bastará con indicar dentro del <head> y junto con las otras etiquetas meta la etiqueta news_keywords de la siguiente forma:

<meta name=”news_keywords” content=”listado de palabras clave separadas por comas”>

Hay que destacar, que la incorporación de ésta etiqueta no significa una mejora en el posicionamiento, sino que el contenido del articulo estará ubicado en la categoría que le corresponda.

Para ampliar la información, puedes consultar la página de ayuda de Google sobre la nueva metatag news_keywords.

Seguridad en WordPress con Better WP Security

24/04/2013 Los comentarios están cerrados

Debido a los ataques producidos las últimas semanas hacia blogs de la plataforma WordPress, muchos usuarios se han interesado por utilidades que mejoren la seguridad de éstos sitios. Uno de los plugins que mas comentarios favorables esta recibiendo es Better WP Security, ya que con unos pocos clics de ratón, aumentaremos considerablemente la seguridad de nuestro sitio.

Lo primero será instalar Better WP Security, por lo que accederemos al área de plugins, pulsaremos sobre Añadir nuevo, lo buscaremos y pulsaremos sobre Instalar ahora.

better-wp-security-1

Una vez instalado, nos aparecerá una nueva sección a la derecha, llamada Seguridad. Pulsamos y lo primero que nos sugiere el plugin es hacer una copia de seguridad de la base de datos, que por supuesto haremos.

En el siguiente paso, debemos autorizar al Better WP Plugin a que realice los cambios oportunos para securizar nuestro blog, a lo que también contestaremos afirmativamente.

Finalmente, nos pregunta si queremos activar la protección básica (automática) o por el contrario, queremos activar las protecciones manualmente.

better-wp-security-2

Dependiendo de tus conocimientos, puedes elegir una opción u otra. Nosotros nos decantamos por la protección básica, para ver como trabaja este plugin, así que pulsamos sobre Asegurar mi equipo contra ataques básicos y nos aparece un listado de todos los puntos sensibles del sistema, en los cuales dependiendo del color, pueden requerir de nuestra atención:

  • Color verde: Tenemos los deberes hechos
  • Color naranja: Algún aspecto se debe mejorar
  • Color rojo: Grave fallo de seguridad
  • Color azul: son fallos que se deben intentar corregir en la medida de lo posible, aunque no suponen un riesgo grave.

better-wp-security-3

Cada uno de los puntos analizados, provee de un enlace hacia la opción de configuración que modifica dicho parámetro. Debemos prestar especial atención a los puntos rojos e intentar corregirlos de inmediato, ya que presentan fallos importantes de seguridad en tu blog.

Como hemos comentado al principio, ésta herramienta nos proporciona un entorno mediante el cual, podremos activar ciertos parámetros que nos ayudarán a mantener mas protegido nuestro blog de WordPress.

 

Categorías:Aplicaciones, Seguridad Etiquetas: , ,