Cómo utilizar con Conditional fields el operador lógico OR para campos referencia a término de taxonomías en Drupal 7

Cuando utilizamos el módulo Conditional fields con Drupal 7 queremos que unos campos aparezcan condicionados por, por ejemplo, los valores de otro campo. Cuando los valores de ese campo son términos de una taxonomía y queremos que algunos de estos términos afecten al primer campo (es decir, utilizar el operador lógico OR) tenemos utilizar el número tid de la taxonomía en la pestaña Manage dependencies.

Utilizando un ejemplo, imaginemos que tenemos un campo Nº de botellas que queremos que aparezca cuando en otro campo proveniente de una taxonomía que llamamos Producto tenemos los valores: Leche, Agua y Vino, pero no queremos que aparezca el campo Nº de botellas para el resto de los valores del campo Producto, por ejemplo para Chocolate, Pan, etc.

Cuando vamos a la pestaña «Manage Dependencies» dentro de nuestro Content Type o Tipo de Contenido (que está entre la pestaña Gestionar campos y Gestionar presentación) crearemos una nueva dependencia donde Dependent es el campo «Nº de botellas» y Dependee es «Producto» y dejamos igual lo que viene por defecto (The dependent field is visible when the dependee has value…) y pulsamos el botón «Add dependency». En Values input mode elegimos «Any of these values (OR)» y ponemos el tid de cada una de los términos de las taxonomías. Para saber este número vamos a la taxonomía y cuando estamos viendo los términos al poner el ratón sobre el enlace Editar veremos que tenemos una url así: nuestaweb/taxonomy/term/numero/edit, el tid de cada término sera el valor número en su url. Dejamos el resto igual y pulsamos en el botón «Guardar las opciones».

Cómo poner llamada o chat a un usuario o varios usuarios de Skype con HTML

Si queremos poner un enlace en una web para que puedan llamar o chatear a un usuario de Skype o varios usuarios es muy sencillo. Se utiliza skype: nombreskype y opciones adicionales, siendo nombreskype el skype id.

Tenemos las siguientes opciones:

  1. Si queremos que se pueda llamar a un usuario de skype pondremos lo siguiente:
  2. <a href="skype:nombreskype?call">Llamar a la cuenta de nombreskype</a>
  3. Chatear con el usuario de skype
  4. <a href="skype:nombreskype?chat">Chatear con la cuenta de nombreskype</a>
  5. Enviar un mensaje de voz al usuario de skype
  6. <a href="skype:nombreskype?voicemail">Enviar un mensaje de voz a la cuenta de nombreskype</a>
  7. Hacer una llamada a varios usuarios de skype a la vez
  8. <a href="skype:nombreskype;nombreskype2?call">Llamar a la cuenta de nombreskype y nombreskype2</a>
  9. Chatear con varios usuarios de skype a la vez
  10. <a href="skype:nombreskype;nombreskype2?call">Chatear con la cuenta de nombreskype y nombreskype2</a>

Cómo desactivar los sábados y domingos del calendario en datepicker de Jquery

Si queremos desactivar en el calendario los días del fin de semana, sábado y domingo, tenemos que incluir este script en el head de nuestro página web:

$(function() {
   $('#txtDate').datepicker({ 
       beforeShowDay: $.datepicker.noWeekends 
   });
});

Aplicando esté código tendríamos lo siguiente:

Jquery desactivar datepicker sabados y domingos

Aquí está todo el código completo para que funcione en un archivo html:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
  <script>
  $(function() {
   $('#txtDate').datepicker({ 
       beforeShowDay: $.datepicker.noWeekends 
   });
});
</script>
</head>
<body>
Fecha: <input type='text' id='txtDate' />
</body>
</html>

Ver versión móvil de un sitio web con User Agent Switcher en Firefox

Si tenemos necesidad de probar como queda una web en los distintos dispositivos móviles podemos utilizar la extensión User Agent Switcher con Firefox: https://addons.mozilla.org/es/firefox/addon/user-agent-switcher/

Después de instalarla en la pestaña del menú herramientas tendremos una nueva extensión con el nombre «Default User Agent».

User Agent Switcher

Si vemos la portada de Mcdonalds en versión web en la que he estado trabajando:

Web Mcdonalds versión web

Si utilizamos ahora User Agent Switcher para seleccionar como se vería en un Iphone con IOS 4_2.1:

User Agent Switcher seleccionar Iphone

Y así quedaría la web en versión móvil en Firefox:

Mcdonalds versión móvil

Este es un ejemplo de como se vería la versión móvil de una web en Firefox. Igualmente tenemos la posibilidad de ver como quedaría en según un gran número de parametros: Según el navegador por IOS utilizada (Windows, Mac, Linux y Unix), según el móvil (Android, iOs, Linux, Maemo, Palm y Symbian) y cómo ven nuestra web los robot o spiders de Google, Yahoo, etc.

 

Cómo traducir el texto de un widget en WordPress utilizando qTranslate

Para traducir el texto de un widget de WordPress utilizando qTranslate tenemos que incluir delante del texto de cada idioma lo siguiente [:XX] siendo XX el idioma elegido (definido con 2 letras).

Por ejemplo, si queremos poner un texto en inglés y español hariamos lo siguiente:

[:en]My English Title[:sv]Mi título en español

Esto vale tanto para títulos como para contenidos de cualquier widget.

Cómo insertar el selector de idiomas de qTranslate en WordPress en cualquier sitio de la plantilla o template

Si tenemos instalado qTranslate en nuestro WordPress es posible que queramos situar el selector de banderas de los idiomas en el header u en otra zona. Si queremos insertarlo en el header tenemos que ir al archivo de la plantilla de WordPress donde se programa en header, generalmente header.php. Ahí insertamos lo siguiente:

<?php if ( function_exists( 'qtrans_generateLanguageSelectCode' ) ) qtrans_generateLanguageSelectCode( 'image' ); ?>

Después vamos al css de la plantilla, generalmente style.css y ponemos lo siguiente:

#qtranslate-chooser { list-style-type:none; float:right }
#qtranslate-chooser li { float : left; margin-right: 5px; margin-top: 10px; }

Podemos cambiar estos valores como queramos para que quede bien ajustado. Yo tuve que cambiar en una plantilla margin-right y margin-top para que quedara como yo quería.

CAPTCHA en cualquier tipo de contenido de Drupal 7

Si queremos que aparezca CAPTCHA en un tipo de contenido en concreto tenemos que ir a Configuración > Usuarios > CAPTCHA

Vemos que sólo utiliza CAPTCHA por defecto en los formularios de contacto:

Comment form CAPTCHA

Para añadir CAPTCHA a un tipo de contenido en concreto vamos a la última fila que esta en blanco añadimos: comment_node_CONTENT_TYPE_form (sustituyendo CONTENT_TYPE por el nombre que le asigna drupal 7 a ese tipo de contenido) y seleccionamos el tipo de pregunta que queramos (en nuestro caso Math).

Haciendo los pasos de arriba, si vamos a cualquier nodo de ese tipo de contenido vemos que el CAPTCHA aparecerá al final.

CAPTCHA en las entradas de Blog de Drupal 7

Cuando instalamos CAPTCHA vemos que por defecto no aparece el CAPTCHA en las entradas de Blog.

Para que aparezca vamos a Configuración > Usuarios > CAPTCHA

Vemos que sólo utiliza CAPTCHA por defecto en los formularios de contacto:

Comment form CAPTCHA

Para añadir CAPTCHA a las entradas por Blog en la última fila que esta en blanco añadimos: comment_node_blog_form y seleccionamos el tipo de pregunta que queramos (en nuestro caso Math), quedando así:

Comment node blog CAPTCHA

Finalmente si vamos a cualquier entrada del blog podemos comprobar que ha añadido el CAPTCHA al final.

Cómo ver .htaccess y otros archivos ocultos en FileZilla

Si queremos ver y editar el archivo .htaccess utilizando Fillezilla tenemos que habilitar «Forzar mostrar archivos ocultos». Para esto hacemos lo siguiente:

  1. Abrimos FileZilla
  2. Pulsamos en la pestaña «Servidor»
  3. Marcamos la opción «Forzar mostrar archivos ocultos»

Como esto ya podremos ver .htaccess y otros archivos ocultos