Etiqueta: desarrollo web

Categorías
hoy aprendí ...

…que Wix es super atractivo (pero no todo lo que brilla es oro)

Tengo que trabajar con un colega en la construcción de un sitio web. Él usa Wix y yo tiro más para el lado de WordPress.

Pero como siempre me interesa aprender cosas nuevas, y ya tenía ganas de meterle mano al Wix, decidí que armaríamos en esa plataforma.

Lo primero es que es super atractiva, con colores, animaciones, una interfaz muy cuidad, con guías paso a paso, ayudas. Todo como para que el que tenga ganas le resulte fácil empezar a armar una página o sitio web. Casi parece un juego de Lego.

Pero algunas cosas se nota que están todavía las están incorporando, cosas que en WordPress ya las doy por echo (está bien, son casi 16 años y una comunidad gigante de desarrolo y soporte), pero las principales que necesitaba son:

  • Capacidad idioma
  • Que varios usuarios puedan editar (al mismo tiempo en diferentes partes)

Pero logramos resolver varias cosas y salimos adelante.

El principal problema fue el blog de entradas que el feed no cambiaba con el cambio de idioma. Hay una solución alternativa que propone la gente de Wix que es tagear las entradas por idioma y luego armar una página para cada feed de idioma y filtrar por el tag.

Otro problema que tuvimos, pero esto le puede pasar a cualquiera, es que en el home teníamos un ligthbox de video que reproducía automático al entrar, pero generaba problema con la animación de entrada de la cabecera y menú. Al cerrar el video desaparecía el menú y la cabecera.

La solución fue desactivas las animaciones de entrada (perdimos un poco de brillo en pos de la funcionalidad)

Sin embargo resulta interesante.

Categorías
hoy aprendí ...

… que a veces resolver algunas cosas de WordPress son más simples de lo que parece.

Un cliente me contactó porque su sitio web en WordPress se había «desarmado un poco»: en el home algunas cosas se desejustaron de la maquetación (apenas) y lo más importante, en una sección ya no le aparecían las imágenes.

La sección en cuestión usa un armado con solapas para separar los contenidos ligados a días específicos de la semana. Cada día tenía cargada una serie de imágenes, a modo de flyers, para cada actividad. Había dejado «funcionar», o por lo menos eso parecía porque no aparecía cuando se visualizaba la página desde la parte pública.

Cuestión que me pongo a relevar qué plugins tenía instalados. Un montón, y algunos con funciones similares como los site builders.

Dado que no tenía forma de hacer un backup completo de la base de datos, quería tocar lo menos posible y no actualizar ningún plugin ni nada.

Mientras trataba de ofrecerle una maquetación alternativa con el builder que sí funcionaba (o al menos eso pensaba yo), que le permitiera cargar las imágenes y separarlas por día de la semana (y que no sea un choclazo, vamos, que quede amigable), me encuentro que al querer aplicarle la misma plantilla de página ¡el contenido dejó de aparecer!

El problema era que la página había estado usando una plantilla que no le correspondía: específicamente la de archives. Cuando hago el cambio en la página original que no funcionaba, ¡empezó a funcionar de nuevo!

Por cierto, también aprendí que los builders pueden ser atractivos al principio, pero tienen demasiados pasos para hacer cosas sencilla. Igualmente me resultó interesante la forma en que se manejaban:

Categorías
hoy aprendí ...

…a personalizar items del menú en WP según el idioma con qTranslate-X (o como es mejor leer el manual antes de tratear)

Tengo un sitio web en WordPress con el plugin qTranslate-X y 2 idiomas configurados: español e inglés. Y necesito apuntar un item del menú principal a 2 sitios distintos según el idioma.

Estaba a punto de ponerme a hacer una modificación al theme, aplicando algún tipo de filtro (con PHP o con javascript en el peor de los casos) y buscando la forma de obtener el idioma visualizado, se me ocurre leer en el sitio de desarrollo del plugin un poco la documentación por si hay algo… y encuentro las FAQ.

Una de ellas tenía la respuesta a lo que necesitaba hacer:

# How can I customize menu depending on the language?

If you wish a menu item not to show up for a specific language, remove its translation for that language from “Navigation Label” field in menu editor.

Entonces veo que la solución es duplicar el item del menú con 2 URL distinas, pero en cada idioma sólo dejo la Etiqueta de navegación que me interesa, de manera tal que el item con la etiqueta vacía en un idioma no se muestra.

La única desventaja es que si se llega a tener muchos items que deben cambiar la URL según el idioma, el menú en el administrador termina siendo un colador con huecos entre los items visibles y lo del otro idioma a ocultar.

Y chau.

Categorías
hoy aprendí ...

A reemplazar una etiqueta HTML con jQuery

Para reemplazar una etiqueta HTML conservando su contenido, por ejemplo:

<code>
    <p>contenido html</p>
</code>

Por

<pre>
    <p>contenido html</p>
</pre>

Ejecutar

$('code').replaceWith(function(){
    return $("<pre />").append($(this).contents());
});

Atención a la nota que indica que conserva el HTML dentro.

Gracias: https://stackoverflow.com/questions/7093417/using-jquery-to-replace-one-tag-with-another/7093472#7093472

Categorías
hoy aprendí ...

… a hacer una redirección con HTACCESS

El tema es que se muda uno de los sitios a otro servidor y como el dominio por ahora es temporario, hasta que se pueda hacer la transferencia del mismo, lo que vamos a hacer en esta primera etapa es redireccionar.

Pensaba hacerlo con PHP pero quería probar el HTACCESS primero.

Tengo entendido que existe una directiva REDIRECT que puede enviar el tipo 301 (permanente) o 302 (temporario). Buscando un poco encontré: Cambio de URL redirección 301 con .htaccess (vía Desarrollo WEB)

Donde se explica básicamente la redirección, me quedo con:

Ahora, si deseamos hacer una redirección de una URL de un dominio a la misma URL, pero en otro dominio, podríamos hacer algo como esto:

redirectMatch 301 ^(.*)$ http://www.desarrolloweb.com$1

Pero como no quiero hacer 301, cambio ese valor

En mi caso sería entonces

redirectMatch 302 ^(.*)$ http://www.nuevodminio.com$1