Gestores de contenidos

Diseño Web, Gestores de contenidos

Módulo editor de CSS para el backend de Drupal

Hace unos días tuvimos que modificar las páginas de un cliente en Drupal. El cambio que teníamos que hacer implicaba CSS. Pero no teníamos acceso a editar los ficheros (y tampoco queríamos). Así que descubrimos este módulo para editar CSS desde el backend, a través del navegador. Módulo editor de CSS para el backend de Drupal. Con este módulo, CSS Editor, la modificación de CSS (casi imprescindible al personalizar tu web) se hace muy sencillo. Está disponible para Drupal 7 y 8. Instálalo de manera normal, o por el backend o subiéndolo a la carpeta módulos (o sites/all/modules si es un multisite). Después actívalo desde la sección de módulos del backend. Cuidado: después tienes que configurarlo y activarlo para la plantilla que quieras (si no lo haces no aparecerá el editor). Una vez instalado y activado, ve a la plantilla elegida y verás que al final de la página principal de configuración de la misma aparece una ventana para editar CSS. Ahí el manejo es el de siempre, pon la clase, o el id que quieras, y cambia el estilo a tu gusto, estas modificaciones tendrán preferencia sobre el CSS de la plantilla. Recuerda borrar caché si no ves algo o poner !important. No tiene mucho más, cumple su objetivo. Te permite cambiar el editor a modo texto si lo prefieres (quien lo prefiere…) y poco más. Una gran ayuda para personalizar tus páginas web en Drupal.

Diseño Web, Gestores de contenidos, Trucos

Cómo exportar e importar posts, entradas, gratis en WordPress con las imágenes destacadas

Llevamos unos días migrando o renovando webs. En muchas ocasiones tenemos que pasar posts de una web antigua a una nueva con contenido, autor, comentarios e imagen destacada. Hoy os vamos a enseñar la manera más sencilla de hacer eso. Existen muchos plugins, en teoría gratuitos, para hacer esto. Los debemos haber probado todos. Algunos fallan, no funcionan bien, o están limitados a ciertos campos. Y, sobre todo con las imágenes, cuando queramos subir otros nos piden pasar a la versión de pago. ¿Quién querría migrar un post sin su imagen? Cómo exportar e importar posts en Wordress con imagen destacada. La solución, como ocurre frecuentemente, es más sencilla. Los plugins oficiales de WordPress funcionan muy bien, aunque hay que saber usarlos. Os recomendamos que uséis el orden que os indicamos (primero posts y luego imágenes). Exportar posts. Lo primero que tenemos que hacer es exportar los posts en la web antigua. Para eso no tenemos que instalar nada. Sólo ir a Heramientas > Exportar y seleccionar Entradas. Escoged la configuración que queráis y pinchad en Descargar el archivo de exportación.  Esto generará un archivo xml que, por cierto (ya hablaremos de esto otro día) es fácilmente editable si lo necesitas. Importar posts. Id al nuevo WordPress e instalad el plugin oficial para importar. Es este: Importador de WordPress. Una vez instalado ir a Herramientas >Importar y, al final, veréis la opción de importar entradas. Es fácil de usar, sólo tenéis que indicar el archivo exportado en el punto anterior, y seguir los pasos del asistente. Esto importará los posts, los autores, los comentarios y muchos campos personalizados (aunque algunos no podrás verlos). Exportar imágenes. Vamos a por las imágenes destacadas. Vuelve al WordPress original y ve a Herramientas >Exportar. Elige ahora la opción de Medios y de nuevo Descargar el archivo de exportación. Descargará las imágenes. Importar imágenes. Por último vamos al nuevo WordPress y, de nuevo en Importar, escogemos la misma opción pero ahora el fichero de imágenes que acabamos de exportar. Importará (va a tardar) las imágenes, y asignará cada imagen destacada a la del artículo en cuestión. Así tendremos los artículos con sus imágenes. Puede (tenemos que comprobarlo) que en la base de datos quede la asignación del as url de las imágenes al antiguo blog. Sólo tenemos que usar el plugin de Buscar y Reemplazar para cambiar dichas url por las nuevas.  

Diseño Web, Gestores de contenidos, Trucos

Estados y provincias en Prestashop 1.5, 1.6 y 1.7

Cuando estás configurando una tienda en Prestashop, con envíos fuera de España te encuentras con un problema muy extraño: no hay provincias. Y muchos transportistas cobran según zonas o provincias, no según países. En Prestashop 1.7 hay una sección ( Internacional>Localización) donde en teoría se puede importar las provincias de Internet o de un fichero en el servidor. NO FUNCIONA. No lo intentéis. Y cuando ves que no funciona entras en el fichero local del servidor (directorio localization) y ves que sólo España y dos o tres países más tienen provincias. Así que piensas que si descargas el Prestashop del país en cuestión (por ejemplo Portugal), debería tener el fichero con provincias. No lo tiene. Mi teoría es que no están en el core “todavía”. No se les ha ocurrido configurarlo. Alguien, en algún momento, debío pensar que era una buena idea, porque el problema lleva desde la versión 1.4, pero luego se quedó ahí. Solución para agregar estados y provincias en Prestashop. Hay dos soluciones. Por SQL. La primera es la que se lleva haciendo desde Prestashop 1.4.  y es agregarla por comandos de SQL. Funciona, y de hecho antes teníamos que agregar así hasta las de España. Pero, en mi opinión tiene varios problemas respecto al segundo método: Es tocar la base de datos, y mucha gente no sabe bien y asusta. Hay que usar phpMyAdmin o similar…hay gente que no sabe y ya es otra instalación. Tienes que asegurarte que los ids de los países no están ya cogidos (y si lo están cambiarlos) y comprobar que el id de zona es el que quieres. Pero funciona como decimos. Así que si optáis por este método haced copia de la base de datos y adelante. Os dejamos este enlace donde un usuario ha subido los comandos para cada país. Tenéis que abrir cuenta en los foros de Prestashop (gratis) para poder descargarlos y recordad comprobar bien los ids. Por fichero xml. En el directorio localizations de la raíz de tu servidor tienes un montón de ficheros xml por país. A estos ficheros se les puede agregar al final un apartado entre las etiquetas <states> </states> con los estados y códigos ISO que encuentras aquí. Una vez editado el fichero puedes ir al backend de tu tienda y en Internacional>Localización elegir el país, marcar la opción de provincias y en Descargar datos del paquete marcar la opción No. Esto hará que lea el fichero en el servidor (en vez de los inexistentes en Internet) y subirá esos estados. Obviamente la tarea es ardua, hay países con más de 200 provincias o estados. Así que, ya que lo hemos tenido que hacer por un cliente os dejamos aquí los ficheros. Sólo tenéis que subirlos a la carpeta que os hemos dicho, ir al backend e importar las provincias del fichero local país por país. Luego lo comprobáis en Internacional > Ubicaciones Geográficas >Provincias. Aquí tenéis los xml que hemos creado. Puede que tengáis que cambiar o modificar las zonas porque las hemos creado con respecto a nuestro cliente. Eso si el formato es sencillo (más que el del SQL): <state name=”Lower Silesia” iso_code=”PL-DS” country=”PL” zone=”Europa – Zona VI“/> Cambiad la zona a la que queráis (Europa sólo por ejemplo). Portugal Francia Alemania Mónaco Austria Bélgica Gran Bretaña Luxemburgo Países Bajos Suiza República Checa Dinamarca Polonia Eslovenia Eslovaquia Bulgaria Estonia Finlandia Croacia Hungría Irlandia Lituania Letonia Noruega Serbia Rumania Suecia          

Diseño Web, Gestores de contenidos, Trucos

Crear un usuario administrador de WordPress por base de datos

La semana pasada tuvimos un caso de una web que teníamos que reparar pero no teníamos acceso administrador. Era urgente y el cliente no estaba accesible, así que, como teníamos acceso a la base de datos, creamos uno por SQL. Hoy os enseñamos a hacerlo. Cómo crear un usuario administrador en WordPress por base de datos. Lo primero es obviamente tener los datos de acceso a la base de datos y poder acceder a ella o por comandos de SQL o por (más fácil) phpMyAdmin. Una vez tenemos este acceso. Método gráfico (phpMyAdmin). Haz una copia de la base de datos. No debería decirlo…pero siempre se debe hacer antes de modificarla. Cuando no lo haces “porque es fácil” es cuando falla. Ve a la tabla wp_users. Ahí dale a Insertar y rellenamos los siguientes campos. Campos (pongo los esenciales): –ID: Hay que usar uno que no exista en la base de datos. Mira los que hay en esa tabla y pon un número que no esté en uso. Por ejemplo el 6. –user_login: El usuario que vamos a usar, el que queráis. Por ejemplo goduser. –user_pass: En valor tienes que poner la contraseña que quieres. Pero en función pon MD5 para que la meta encriptada y no en texto plano. Si no no sólo es un fallo de seguridad pero WordPress no la entenderá. –user_nicename: Es el nombre de usuario corto. Puede ser el mismo que el login o (por ejemplo) uno el e-mail y el otro el nombre de usuario. –user_email: el e-mail del usuario. –user_registered: Pon una fecha. Te abre un calendario para ponerlo fácilmente. –user_status:  0 –display_name: El nombre que se mostrará a otros usuarios o en publicaciones. Dale a Continuar y, si no hay error, ya tienes el usuario creado. Pero todavía no podrás entrar o no será admin. Ahora tienes que ir a la tabla wp_usermeta. De nuevo dale a Insertar y rellena los siguientes campos. Campos: – unmeta_id: No pongas nada. Lo pone el sistema. –  user_id: El id que pusimos en la tabla wp_users. En el ejemplo 6. – meta_key: Pon esto: wp_capabilities –meta_value: Pon (verás que el otro admin también lo tiene):  a:1:{s:13:”administrator”;b:1;} Dale a Continuar y debería grabarse esos valores. Todavía no está. Vuelve a insertar en esta misma tabla, wp_usermeta, otro registro con los siguientes campos. Campos: – unmeta_id: No pongas nada. Lo pone el sistema. –  user_id: El id que pusimos en la tabla wp_users. En el ejemplo 6. – meta_key: Pon esto: wp_user_level –meta_value:  10 Dale a Continuar para que se guarde. Y ya estaría, ya podríais acceder al WordPress como administrador. Método por comandos SQL. Si no puedes usar phpMyAdmin te dejamos los comandos. Verás que son los mismos que hacemos en modo gráfico en el punto anterior. Haz copia de la base de datos. En la ventana de SQL con acceso a la base de datos pon los siguientes comandos. En azul puedes ver los valores que tienes que cambiar (mira arriba para la explicación): INSERT INTO ‘wp_users’ (‘user_login’, ‘user_pass’, ‘user_nicename’, ‘user_email’, ‘user_status’) VALUES (‘tuusuario‘, MD5(‘tucontraseña‘), ‘tunombrecorto‘, ‘tuemail‘, ‘0’); INSERT INTO ‘wp_usermeta’ (‘umeta_id’, ‘user_id’, ‘meta_key’, ‘meta_value’)  VALUES (NULL, (Select max(id) FROM wp_users), ‘wp_capabilities’, ‘a:1:{s:13:”administrator”;s:1:”1″;}’); INSERT INTO ‘wp_usermeta’ (‘umeta_id’, ‘user_id’, ‘meta_key’, ‘meta_value’)  VALUES (NULL, (Select max(id) FROM wp_users), ‘wp_user_level’, ’10’);   Como veis aquí crea el usuario (el id se lo dará SQL) y luego usa el max(id) para coger el último id que se ha creado (el tuyo). Nota: Si tenéis problemas con los comandos cambiad (pones a mano) las comillas simples ‘. A veces al copiar pegar se ponen como otros valores.

Diseño Web, Gestores de contenidos

Plugin Search & Replace. Busca y reemplaza texto en la base de datos desde WordPress

En muchas ocasiones tenemos que buscar y reemplazar, de manera masiva, texto en la base de datos de una página web.  Hasta ahora lo estábamos haciendo con alguna herramienta de Php, pero con este plugin no es necesario. Ahora se puede hacer desde el backend. Plugin Search & Replace. Este plugin es un gran descubrimiento para nosotros porque los scripts anteriores no son muy seguros (tienen fallos de seguridad). Además, hay que tener cuidado de no dejarlo en los servidores porque una persona extraña puede hacer estragos (por el acceso a la base de datos y por tener el usuario y contraseña de la misma). El plugin te permite activar y desactivarlo cuando quieras, además de desinstalarlo de manera sencilla. Y no necesita que pongas los datos de tu SQL (hosting, usuario, contraseña…), porque WordPress ya tiene acceso. Además es que está bien hecho. Nada más empezar te permite hacer una copia de la base de datos (esencial en estas cosas porque es fácil cometer un error). Después se puede hacer una búsqueda, y un reemplazo de varias maneras: a) como un simulacro, sin cambiar nada pero para ver a qué filas afectaríamos. Algo muy importante para poder concretar bien la búsqueda. b) Exportar los comandos para ejecutarlos desde otra herramienta (tipo phpMyAdmin). Todo esto con o sin compresión Gzip. También permite cambiar el dominio/URL de la instalación de WordPress desde una pestaña aparte o cambiar el prefijo de la base de datos. Tanto en el simulacro como en el final muestra de manera muy clara los cambios (y se pueden exportar para tener constancia). Sin duda un plugin que usaremos mucho en el futuro.

Diseño Web, Gestores de contenidos

Plugins para ejecutar comandos SQL en la base de datos desde el backend de WordPress.

Hace unos días tuvimos un problema: teníamos que cambiar ciertos parámetros de la base de datos de WordPress de un cliente pero no teníamos los datos de acceso (usuario y contraseña) a dicha base. El cliente tenía una gran diferencia horaria y el tema era urgente. Somos bastante expertos en buscar soluciones alternativas, así que se nos ocurrió intentar ejecutar comandos SQL desde el backend. Como siempre, no somos los primeros en haber pensado en ello y ya existen plugins al respecto. Os los dejamos por si os encontráis con problemas similares. Plugins para ejecutar comandos SQL en la base de datos desde el backend de WordPress. Lo que estos plugins permiten es ejecutar cualquier comando como lo harías desde un phpMyAdmin. De hecho, si no estás acostumbrado a SQL, puedes simularlo en un phpMyAdmin de prueba y luego copiar el comando. Todos funcionan de manera similar: tienen una ventana para ejecutar el comando, te permiten elegir las tablas (te las muestran) y te advierte mil veces que lo que haces tiene mucho peligro. Haz copia de seguridad siempre antes de ejecutar comandos directamente en la base de datos. Y recuerda que estos plugin tienen peligro, si alguien entra en tu web y puede ejecutarlos puede hacer un estropicio. Así que desactiva/desinstálalo tras usarlo. Eso si, poder modificar cualquier cosa de la base de datos desde el backend te da casi poder absoluto, sin tener que tener los datos de host y usuario de la base de datos. SQL Executioner. No se ha actualizado desde hace 2 años, pero hace su función. Nosotros lo usamos sin problemas. Al final es algo muy sencillo, así que no tiene por qué actualizarse. Run SQL Query. Parece una copia del anterior, o viceversa. Y lleva sin actualizarse el mismo tiempo. No lo hemos probado. MiwoSQL. Este al menos se ha actualizado más. Pero no lo hemos probado.  

Diseño Web, Gestores de contenidos, Trucos

Shortcoder. Crea tus propios shortcodes enWordPress e inserta código HTML y Javascript

Ayer necesitábamos insertar Javascript en una página de WordPress. No en todo el sitio, ya que para ello podemos usar Insert Footer and Header, sino sólo en una página. Y descubrimos este plugin que queremos compartir con vosotros porque sirve para esto y mucho más. Plugin Shortcoder. Este plugin te permite crear tus propios shortcodes. El shortcode puede contener desde sólo texto, a contenido multimedia, HTML, CSS o Javascript.  Una vez creado, podemos insertarlo donde queramos: página, entrada, widget… Esto te permite casi tantas opciones como quieras o como puedas imaginar. Lo más interesante para nosotros es que te permite insertar Javascript, por lo que, con un poco de conocimiento, podemos mejorar muchísimo las páginas y contenido de WordPress (ocultar partes, recibir información del cliente, acciones en el navegador, animaciones…). Además, admite parámetros por lo que podemos crear un shortcode “general” y personalizarlo al ir a insertarlo (con ids, nombres o el parámetro que queramos). La opción de CSS os permite crear vuestros estilos personalizados por códigos. Así podéis usar la tipografía, color, estilos etc que queráis en este código y luego usarlo de manera rápida. Os ponemos algún ejemplo de lo que se puede hacer: Nosotros lo hemos usado para crear una redirección a nivel de navegador. Con un pequeño programa en Javascript redirige al cliente a una nueva URL como si hubiera pinchado en un botón. Podéis generar eventos “onClick”. Es decir acciones que ocurran cuando se pinche en un botón o en un enlace. Podemos añadir códigos de Adsense, u otros anunciantes, para insertar anuncios. Podemos insertar códigos de vídeos (tipo embed) que no reconozca WordPress. Aquí os dejo algunos trucos con CSS.  

Diseño Web, Gestores de contenidos, Trucos

Modificar el CSS en DotNetNuke ( DNN) con el fichero Portal.css

DotNetNuke, también llamado DNN, es un gestor de contenidos para páginas web. En ocasiones queremos modificar el CSS de una web que usa este gestor, ¿cómo podemos hacerlo? No hace falta instalar nada, de hecho no hace falta modificar nada por FTP. Os enseñamos a hacerlo. Modificar el CSS en DotNetNuke, DNN. DNN dispone de un fichero en la raíz de tu sitio web, el fichero Portal.css. Este fichero puede modificarse a mano a través de FTP o SFTP. Pero no hace falta, afortunádamente se puede hacer desde el backend. Para ello (en la versión 7 al menos) debemos ir a Admin > Configuración del Sitio. Ahí veréis varias pestañas. Entre ellas una que pone Editor de hojas de estilo. Cualquier modificación que hagas en esta pestaña prevalecerá sobre las que están en los ficheros.  

Gestores de contenidos, Trucos

Dónde está el fichero de configuración de Prestashop 1.7.x

Escribo este artículo para tenerlo nosotros como referencia, porque en 2 días habremos buscado este fichero como 3 veces. A Prestashop le ha dado por cambiar el sitio del fichero, y ya no está en una ruta “muy razonable”. Así que por si a alguien pasa, y para que nosotros tengamos dónde encontrarlo de manera rápida, os dejamos la ruta del fichero de configuración de Prestashop 1.7.x Ruta del fichero. El fichero de configuración tiene información como (y sobre todo) el servidor de la base de datos, el nombre de la misma, usuario y clave. Además tiene configuración del servidor de correo, cookies, y el secret (hash) de Prestashop. Por lo tanto es útil encontrarlo para poder editar la base de datos o cambiar la configuración. Puedes encontrar el fichero en:  app/config/parameters.php  

Diseño Web, Gestores de contenidos, Trucos

Añadir o quitar columnas en la página de Inicio (y otras) de Prestashop

Una pregunta que nos hacen de vez en cuando, y que muchas veces también tenemos que recordar nosotros. ¿Cómo se cambiar el formato de la página de Inicio de Prestashop? No en cuanto a diseño de módulos, que obviamente depende del tema elegido, sino en cuanto a añadir o quitar columnas. ¿Cómo puedo poner home en full width o cómo añadir una barra a la derecha o a la izquierda? Columnas en la página de Inicio. La verdad es que está algo escondido. Tenéis que entrar en el backend, e ir a Diseño y a la plantilla que estéis usando. A la derecha tendréis un botón que pone “Seleccionar Diseño“. Ahí entraréis en la página de la imagen donde podéis seleccionar el formato de la página de Inicio, y otras como las de Productos, Contacto, Tiendas etc. Podréis decir que sean full width, con barra lateral a la izquierda, a la derecha o a ambos lados. Recordad que luego, podemos configurar en cada módulo si queremos que aparezca en una página u otra. O sea que podemos tener módulos que aparezcan sólo en la barra lateral del Inicio, o en la barra lateral de todas menos la página de Inicio. Un truco sencillo pero que nos permite personalizar mucho nuestra tienda.    

Scroll al inicio