Como aplicar filtros a una imagen con CSS

,

La propiedad de CSS «filter» es una herramienta muy útil para aquellas personas que quieren usar efectos visuales sobre una imagen, es como usar los filtros de Photoshop pero para navegadores. Esta propiedad te permite aplicar filtros como por ejemplo cambiar el brillo de una imagen, hace que sea en colores sepia o en escala de grises. En este post veremos el cómo aplicar estos filtros así como la sintaxis que se usa:

Cuál es la sintaxis

Existen dos opciones de escribir esto en las hojas de estilos CSS. La primera de ellas es poner cada parámetro (brillo, saturación, etc.) en diferente línea:

La segunda opción es ponerlo todo en la misma línea y separar cada parámetro con un espacio en blanco:

La última línea que pone «filter: none;» sirve para quitar todos los filtros que tiene aplicados una imagen.

Cambiar el brillo

Para cambiar el brillo de la imagen, se hace con el parámetro «brightness». Permite valores con porcentaje (%) y sin él. El valor 0% o 0 mostrará la imagen completamente en negro, por el contrario si se pone el valor 100% o 1 no se apreciará ningún cambio en la imagen. Para subir el brillo, los valores tendrán que estar por encima de esos valores. Si no se indica ningún valor por defecto se usará 100% o 1.

Filtro brightness CSS

Cambiar el contraste

A la hora de cambiar el contraste de la imagen mediante CSS pasa igual que para el brillo, si se usa el valor 0% o 0 la imagen se quedará en negro, si se usa 100% o 1 la imagen no sufrirá ningún cambio. Para que se note algún cambio se tienen que poner valores por encima de esos. Por defecto se usará el 100% o 1 si no se indica ningún valor.

Filtro contrast CSS

Cambiar a sepia

Para convertir la imagen en colores sepia hay que usar valores entre 0% y 100% o también se pueden usar valores entre el 0 y el 1, como por ejemplo 0.6, donde el 0 sería la imagen sin ningún cambio y el 100% o 1 sería completamente en colores sepia. Si no se indica ningún valor, por defecto se usará el valor de 100% o 1. No funciona si ponemos valores negativos.

Filtro sepia CSS

Cambiar a escala de grises

Para convertir la imagen a escala de grises el valor también será entre 0% y 100% o entre 0 y 1. Si se usa el valor mínimo, la imagen no sufrirá ningún cambio. En cambio, si se usa el valor máximo, la imagen se verá totalmente a escala de grises. Si el valor está vacío, por defecto cogerá el valor máximo. Con esta función no se permite usar valores negativos.

Filtro grayscale CSS

Cambiar la saturación

A la hora de saturar la imagen, si se usa el valor 0% o 0 la imagen estará sin saturar, si se usa el 100% o 1 la imagen estará sin cambiar. Para ver más cambios los valores tendrán que estar entre 0% y 100% o mayor que 100%. Por defecto cogerá el valor 100% y los valores negativos no están permitidos.

Filtro saturate CSS

Cambiar los valores HUE

Este filtro aplica una rotación de los colores. El valor se mide en grados (deg) y es el número de grados alrededor del círculo de color que se ajustarán en la imagen. El valor será entre 0 y 360. Si se usa el valor mínimo la imagen no sufrirá ningún cambio y por defecto también coge ese valor si está vacío.

Filtro hue-rotate CSS

Cambiar la nitidez

Este filtro aplica un efecto borroso sobre la imagen. El valor se mide por píxeles (px) pero no se permiten porcentajes. Por defecto se usará el valor 0 si no es válido o está vacío.

Filtro blur CSS

 

Esperamos que os sirva de ayuda a la hora de crear filtros en una imagen desde los estilos CSS. Existen más opciones de esta función de CSS que podéis mirar en el siguiente enlace: https://www.w3schools.com/cssref/css3_pr_filter.php

 

/por

Mejores extensiones para Mozilla Firefox

Mozilla Firefox es otro de los navegadores más usados por los usuarios. Os mostramos algunas de las extensiones más comúnes y que os harán vuestra experiencia de navegación mucho mejor.

Adguard

Esta extensión bloquea eficazmente todos los tipos de publicidad en todas las páginas web así como las ventanas emergentes.

Algunas páginas donde bloquea anuncios son: Facebook, Youtube, páginas de periódicos, etc.

Adguard Extensión para Mozilla Firefox

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Dark Reader

Esta extensión, al igual que en Google Chrome, permite activar y desactivar el modo oscuro del navegador.

Además, también tiene un modo claro con brillo reducido y colores sepia.

Dark Reader Extensión para Mozilla Firefox

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Stylus

Con esta extensión puedes rediseñar libremente tus sitios web favoritos usando hojas de estilo CSS personalizadas. También incluye funciones avanzadas como por ejemplo diseños opcionales, opciones de iconos y colores, puedes instalar temas de otros diseñadores y desarrolladores, hacer copias de seguridad de tus diseños, etc.

Stylus Extensión para Mozilla Firefox

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Lastpass

Esta extensión es un gestor de contraseñas y las mantiene seguras y accesibles en la nube. Solo tendrás que recordar la contraseña de acceso a Lastpass para poder ver todas tus contraseñas guardadas. Además, podrás acceder desde cualquier dispositivo, incluyendo las aplicaciones para Android y para iOS. Todas tus contraseñas estarán a salvo gracias a que las protege con una encriptación de grado militar.

LastPass Extensión para Mozilla Firefox

Para poder descargarla lo podéis hacer desde el siguiente enlace.

LanguageTool

Esta extensión te ayuda con la gramática y la ortografía a la hora de escribir correos electrónicos o contenido en la web. Corrige los errores mientras escribes o bien haciendo clic. Con ella podrás mejorar la gramática y no se necesita ningún registro o suscripción.

LanguageTool Extensión para Mozilla Firefox

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Avast Online Security

Esta extensión te ayuda a evitar que accedas a sitios web peligrosos y estafas de phising usando datos de crowdsourcing. Puedes comprobar la calificación de cualquier sitio web que visites incluso da la opción de que tú mismo puedas calificar los sitios web a los que accedas según su fiabilidad.

Avast Online Security Extensión para Mozilla Firefox

Para poder descargarla lo podéis hacer desde el siguiente enlace.

 

Esperamos que estas extensiones para Mozilla Firefox os sean de gran ayuda a la hora de navegar en Internet.

/por

Mejores extensiones para Google Chrome

Google Chrome es uno de los navegadores más usados hoy en día, por ello os presentamos algunas de sus extensiones más conocidas y usadas que os pueden facilitar vuestro día a día en el trabajo o en casa:

Touch VPN

Esta extensión te permite tener una VPN totalmente gratuita y con ancho de banda ilimitado. Esto te da la opción de visualizar las páginas desde el país que tú elijas con solo pulsar un botón.

Touch VPN

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Traductor de Google

Para aquellas personas que suelen navegar por páginas de diferentes idiomas, esta extensión les será muy útil ya que simplemente con pulsar el icono de la extensión podrán escribir una palabra que quieran traducir sin tener que cambiar de pestaña e incluso pueden traducir una página entera. También se pueden seleccionar partes de un texto para traducirlas sin que afecte al resto de la página web.

Traductor de Google

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Push to Kindle

Esta herramienta envía la página web por la que estás navegando directamente a tu cuenta de kindle y la podrás leer tranquilamente y con tranquilidad desde tu dispositivo.

Solo tendrás que pulsar el icono de la extensión y escribir a qué cuenta de Kindle lo quieres enviar.

Push to Kindle

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Grammarly for Chrome

Esta es una extensión imprescindible para aquellas personas que suelen escribir en inglés desde Google Chrome.

Esta aplicación se encarga de analizar lo que estás escribiendo y corrige errores ortográficos, gramaticales, símbolos de puntuación, etc.

Tiene una versión gratuita y otra de pago pero con la opción gratuita sería suficiente.

Grammarly for Chrome

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Google Arts & Culture

Esta herramienta está diseñada para la gente que le gusta el arte. Lo que te permite esta extensión es que cada vez que abras una nueva pestaña se mostrarán obras de distintos pintores, artistas contemporáneos o artistas callejeros de todo el mundo.

Google Arts and Culture

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Escritorio Remoto de Chrome

Esta aplicación está creada por Google y te permite conectarte remotamente a otro ordenador utilizando Chrome. Podrás controlar todo del otro ordenador como ficheros, carpetas, menús, programas, etc.

Esta extensión funciona a través de tu cuenta de Google con la que tendrás que utilizarla para acceder a otros ordenadores o móviles.

Chrome Remote Desktop

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Documentos de Google sin conexión

Te da la posibilidad de acceder a Drive y a sus herramientas como son los Documentos, Hojas de cálculo o Presentaciones de Google sin necesidad de conectarte a Internet.

Es muy útil cuando lo necesitas durante un viaje o si te encuentras en un lugar donde la cobertura no es muy buena.

Documentos de Google sin conexión

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Dark Reader

Te ofrece la posibilidad de activar el modo oscuro en cualquier página que visites. No solo cambia el blanco de fondo por el negro y las letras a blanco, sino que reduce el brillo de las imágenes cuando sea necesario, analiza los colores que tiene la web.

Te permite ajustar el brillo, el contraste, la intensidad de los colores, cambiar las fuentes de texto, elegir en qué sitios web lo quieres aplicar y en cuales no, tiene la opción de usar colores sepia, etc.

Dark Reader

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Screencastify

Permite grabar tu pantalla del ordenador, grabar audio, editarlos y compartirlos en segundos. Además, puedes realizar preguntas interactivas al espectador.

Screencastify

Para poder descargarla lo podéis hacer desde el siguiente enlace.

uBlock Origin

Esta extensión es un bloqueador de publicidad. Bloquea prácticamente todos los anuncios y consume muy pocos recursos del ordenador.

Si estás navegando en una página pero quieres desactivar la aplicación y que aparezcan los anuncios, es tan simple con pulsar un botón. Los anuncios volverán a aparecer pero solamente en la página que estás visitando en ese momento, el resto de páginas seguirán con los anuncios bloqueados.

uBlock Origin

Para poder descargarla lo podéis hacer desde el siguiente enlace.

Video Downloader professional

Esta extensión es completamente gratuita y muy sencilla de utilizar que te permitirá descargar vídeos en cualquier página web donde esté alojado.

Para descargar los vídeos solamente hará falta pulsar un botón y se guardarán en diferentes resoluciones. Cuando la descarga haya finalizado ya se podrán reproducir sin necesidad de conexión a Internet.

Video Downloader Professional

Para poder descargarla lo podéis hacer desde el siguiente enlace.

/por

¿Cómo añadir y quitar las www de tu página web?

,

Puede que te preguntes si es importante o no el usar las www en tu página web para el rendimiento del SEO. La respuesta es no, es simplemente un tema de preferencias o de estética pero debes saber cómo añadir o quitar las www de tu dominio para asegurar que Google lo indexe correctamente.

En este artículo te explicaremos lo siguiente:

Cómo quitar las www de tu dominio

Si prefieres que tu sitio web sea sin el prefijo www puedes añadir el siguiente código en tu fichero .htaccess en el directorio principal de tu web (Solamente para servidores con Apache):

Cómo quitar las www de tu página web con .htaccess

Para que esto funcione correctamente, el módulo de Apache mod_rewite tiene que estar instalado y habilitado en el alojamiento donde se encuentra tu web. Una vez añadido este código no es necesario reiniciar el servicio de Apache.

Añadir las www a tu página web

Por el otro lado, si lo que quieres es añadirlas en tu web, igual que en la sección anterior, será necesario editar el fichero .htaccess de tu página y añadir lo siguiente:

Cómo añadir las www de tu página web con .htaccess

Al igual que para quitarlas, es necesario que en el servidor esté activado y habilitado el módulo de Apache mod_rewrite, de otra forma esto no funcionará.

Cómo afecta a la seguridad del sitio web

Al realizar este tipo de cambio en una web, hay algunos aspectos sobre su seguridad que hay que tener en cuenta.

Si configuras tu dominio sin las www y posees algún subdominio, puede darse el caso de que el dominio principal y el subdominio compartan cookies. Esto puede ser potencialmente malo si hay alguna información delicada y se guarda en las cookies que tú no quieres compartir con terceras partes.

Inicionet

/por

Plataformas para enviar archivos pesados

Es muy rápido y sencillo enviar adjuntos por email pero, ¿qué pasa cuando estos adjuntos son demasiado pesados? Muchos de los proveedores de correos tienen restricciones sobre el tamaño de los archivos adjuntados.

En este post os explicamos algunas de las plataformas más comunes para enviar archivos pesados a otras personas:

 

Google Drive

Google Drive te da espacio para almacenar ficheros en la nube pudiendo acceder a ella desde cualquier sitio. También te permite compartir dichos archivos con clientes y compañeros para que ellos los puedan ver o modificar.

Esta herramienta te da la posibilidad de tener toda la información sincronizada en tus diferentes dispositivos (iPhone, Mac, Smartphone, etc.) y los cambios que realices se guardan automáticamente mientras los editas. Lo único que necesitas para acceder a ella es una cuenta de Gmail.

Google Drive

Te proporciona hasta 15GB de espacio gratuito y tiene diferentes planes de pago por si necesitas más capacidad. Sus planes son desde 1,99€/mes por 100GB hasta 9,99€/mes por 2TB, también dispone de una opción de pago anual en vez de mensual en el que puedes conseguir hasta un 17% de ahorro.

OneDrive

OneDrive, al igual que Google Drive, te permite almacenar archivos en la nube. Usa el servidor de Microsoft y puedes usar hasta 5GB de espacio gratuito pero dispone de varios planes.

OneDrive

Entre sus planes se puede diferenciar entre “Para el hogar” y “Para empresas”. El primero de ellos oscila entre 2€/mes hasta 99€/año dependiendo de la opción que se elija. En cuanto al segundo, éste no dispone de plan gratuito pero tiene diferentes opciones muy variadas que van desde 4,20€/mes y por usuario hasta 10,50€/mes y por usuario.

Es necesario una cuenta de Outlook o Hotmail para poder usar este servicio.

iCloud

iCloud es una herramienta distribuida por Apple por lo que solamente podrán usarla aquellos dispositivos que pertenezcan a esta marca.
Esta plataforma te permite almacenar fotos, archivos, notas, vídeos, etc. Además se sincronizan automáticamente, todos tus datos estarán protegidos, actualizados y disponibles por si los necesitas.

iCloud

Dispone de 5GB de almacenamiento gratuito pero se puede ampliar fácilmente desde 0,99€/mes por 50GB.

Dropbox

Dropbox es una herramienta en la que puedes almacenar, organizar, crear y compartir archivos con diferentes personas.
Está disponible para uso personal y para empresas.

Además entre sus funcionalidades también se encuentra la posibilidad de añadir firmas electrónicas seguras en documentos, enviar archivos pesados de forma rápida y compartir tus archivos con más personas.

Dropbox

Los precios de los planes oscilan entre 9,99€/mes y 16,99€/mes para particulares mediante cobro anual y para empresas está entre 10€/mes y 16,58€/mes mediante cobro anual.

 

Existen muchas otras plataformas como las mencionadas anteriormente pero creemos que estas cuatro son las más comunes y más utilizadas por todos los usuarios.

/por

Reparación y actualización de páginas

, ,

Puede que te encuentres en la situación de tener una página web pero se muestran diferentes errores, páginas incompletas o quieres hacer algún cambio o mejora, etc.

En este artículo os detallaremos algunos casos en los que te podemos ayudar para hacer que tu página web sea mucho más completa:

Corrección de errores

Algunos de los errores más comunes que pueden surgir en una página web pueden ser que por ejemplo tras una actualización del CMS de tu web ésta haya dejado de funcionar porque se ha quedado la página en blanco, aparece algún otro tipo de error como:  Fatal error, Deprecated, Warning, etc.

Como corregir el error de Parse error

Pueden surgir otros tipos de errores como que después de una actualización o algún cambio se hayan perdido los estilos o hay alguna sección que no aparece como debería.

Traducción de textos

Otra de las acciones que podemos realizar es la traducción de textos en la página web. Dependiendo del CMS que uses y de la plantilla puede que haya campos, secciones o algún botón que no se llega a traducir correctamente o no encuentras donde se realiza esta traducción.

Actualización de contenidos

Muchas veces puede que necesites añadir nuevos productos o servicios que ofrece tu empresa en la página web pero es posible que no tengas tiempo de meterlos uno a uno. Nuestro equipo es experto en realizar estas importaciones masivas de los nuevos contenidos.

Pasa lo mismo con la actualización de los textos, la importación de noticias y eventos o la creación de nuevas páginas o secciones de la web.

Modificaciones del aspecto o funcionalidades de la web

Puede darse el caso de que ya tengas una página web pero te gustaría cambiar el aspecto o añadir alguna nueva funcionalidad en la web que antes no estaba.

Nosotros podemos realizar estas nuevas modificaciones tal y como nos las pides.

Recuperación de datos

Por otro lado, puede que tras una actualización de plugins o del propio CMS se hayan perdido los datos que había antes en la web o se haya desconfigurado por completo. Si esto pasa nosotros podemos recuperar los datos a través de copias de seguridad para que tu página funcione como siempre.

Limpieza de virus o malware

Cada vez es más habitual que las páginas web sean infectadas por virus o códigos maliciosos. Si te encuentras en esta situación no te preocupes porque nosotros nos encargamos de la limpieza del sitio web para dejarlo libre de virus.

También podemos implementar medidas de seguridad para prevenir que la página web sea infectada como instalar un certificado SSL, asegurarnos que el hosting donde se encuentra alojada la web tenga un buen firewall, mantener el CMS de tu web siempre actualizado así como los plugins, etc.

Limpiar de virus y malware la página web

/por

10 plugins imprescindibles para incluir en tu WordPress

WordPress es uno de los CMS más populares y usados para la creación de páginas web. Una de sus principales características es la gran cantidad de plugins que tiene para incluir en tu web y añadirle más funcionalidades. En este artículo te mostraremos los 10 plugins imprescindibles para añadir a tu web:

  1. Woocommerce
  2. Yoast SEO
  3. Visual Composer
  4. Contact Form 7
  5. W3 Total Caché
  6. Wordfence Security
  7. BulletProof Security
  8. WordPress Real Cookie Banner
  9. Events Tickets
  10. WPML

Actualmente existen más de 58.000 plugins en el catálogo de WordPress y muchos otros propios de otras empresas. Hay que saber cuáles son lo que necesitas en tu web para no sobrecargar tu web y hacer que vaya demasiado lenta.

Plugins imprescindibles para tu web

Woocommerce

Woocommerce es uno de los más populares para tiendas online creadas con WordPress. La gran ventaja que tiene es que es gratis, se instala fácilmente, tiene diferentes formas de pago y es compatible con muchas otras extensiones o plugins del CMS.

Este plugin también te permite crear categorías, productos y asignarles precios y cantidades.

Yoast SEO

Yoast SEO es uno de los plugins más imprescindibles para la optimización en los motores de búsqueda (SEO). Este plugin te permite determinar y mejorar el rendimiento de tus páginas, entradas, productos, etc. de tu web.

Otras funcionalidades a destacar de este plugin es que él mismo crea un el fichero de sitemap.xml que leerá google para indexar todas tus páginas y permite la optimización de los ficheros de robots.txt y .htaccess de la web.

Tiene una versión gratuita y otra opción de pago de 89 dólares al año.

Visual Composer

Visual Composer te permite crear páginas mediante bloques arrastrando y soltando. No es necesario tener conocimiento de programación ya que es bastante intuitivo. Además es compatible con otras extensiones de WordPress.

Alguna de las funcionalidades que incluye es la optimización del SEO, compatibilidad con Woocommerce, con formularios y con Mailchimp.

Tiene una versión gratuita y una versión Pro de pago de entre 49 y 349 dólares al año.

Contact Form 7

Contact Form 7 te permite crear y administrar varios formularios en tu web. Este plugin es imprescindible para aquellas empresas donde sea necesario que los clientes envíen o soliciten información.

Otra ventaja de este plugin es que se puede integrar un reCaptcha y es compatible con el plugin Akismet a la hora de evitar el envío de correos spam.

Es completamente gratuito y compatible con la mayoría de plugins.

W3 Total Caché

W3 Total Caché es uno de los más importantes para mejorar la velocidad y el rendimiento de la página web. Es una herramienta que te permite mejorar la experiencia del usuario y también el posicionamiento de la web en los diferentes motores de búsqueda, sobre todo para aquellas páginas que reciben mucho tráfico.

Es muy fácil e intuitiva de usar y compatible con la mayoría de funcionalidades de WordPress.

El plugin es gratuito pero también tiene una opción de pago la cual cuesta 99 dólares al año.

Wordfence Security

Wordfence Security sirve para proteger tu web de las diferentes amenazas que pueden poner en peligro tu página.

Algunas de las funcionalidades que tiene este plugin es que realiza un monitoreo constante de tu sitio, tiene una base de datos que se actualiza regularmente donde se almacenan las diferentes amenazas.

El plugin tiene una versión gratuita y otra premium desde 99 dólares al año.

BulletProof Security

BulletProof Security es otro plugin que ofrece seguridad a tu página web. Es muy completo con distintas funcionalidades en el que te permite configurar las medidas de seguridad a tu gusto si ya tienes algunos conocimientos de seguridad online o bien puedes usar una configuración guiada que tiene.

El plugin tiene una opción gratuita muy completa y otra de pago.

WordPress Real Cookie Banner te permite configurar las cookies que usa tu web y el cliente o usuario que visita tu página tiene la posibilidad de elegir que cookies se van a usar mientras está navegando por tu página.

El plugin es gratuito pero se encuentra en inglés, por lo que hay que traducirlo manualmente.

Events Tickets

Events Tickets te permite vender entradas a eventos presenciales o virtuales en tu web. Se puede conectar con tu cuenta de PayPal Business y facilita la comunicación con los asistentes al evento.

Es compatible con The Events Calendar el cual permite mostrar los eventos en un calendario.

Es gratuito pero también tiene una opción de pago de 99 dólares con mantenimiento durante un año.

WPML

WPML te permite tener tu sitio web en diferentes idiomas. Posee más de 40 idiomas diferentes para elegir, permite exportar las traducciones realizadas y puedes traducir todo tipo de contenidos de tu página.

Está optimizado para el SEO y es compatible con la gran mayoría de plugins de WordPress.

Solo tiene una versión de pago de 29 a 159 dólares con soporte y garantía por un año.

 

Existen muchos otros plugins pero creemos que estos son los  más imprescindibles para poder empezar con tu nueva web. Esperamos que os sirvan de utilidad.

/por

¿Diseño web a medida o WordPress?

, ,

La mayoría de marcas o empresas tienen una buena página web. Existen muchas herramientas para crearlas pero en este post te contaremos las principales ventajas y diferencias entre hacer un diseño web a medida o con un CMS como puede ser WordPress.

Diseño con WordPress

Algunas de las principales ventajas de crear una web con WordPress son que es una herramienta sencilla de utilizar por lo que no llevará demasiado tiempo en crear una página, y que tiene un coste mínimo.

Otro punto a favor es que existe una gran variedad de temas y plugins para implementar en tu web y hacerla mucho más completa.

Por otro lado, existen también algunas desventajas a la hora de crear y mantener tu proyecto como por ejemplo:

  • Aunque existe una gran cantidad de plantillas y extensiones en WordPress, esto no es suficiente si lo que se quiere es crear un proyecto muy personalizado y diferente.
  • Otra desventaja es que al ser de bajo coste no tiene soporte técnico. La única herramienta que se tiene para poder solucionar los problemas que se van encontrando son los foros de otros usuarios en internet.
  • Este tipo de CMS necesitan estar constantemente actualizado para no sufrir ningún ataque de seguridad.

Diseño web a medida

El diseño de páginas web a medida tiene muchas más ventajas que la creación de las mismas con un CMS como WordPress. Algunas de ellas son las siguientes:

  • Este tipo de diseño te permite personalizar todo el proyecto sin ninguna limitación por parte de la plantilla o de plugins.
  • Las páginas web hechas a medida tienen mayor seguridad que las otras ya que el código es privado y el acceso al panel de control de la web es diferente para cada proyecto. En cambio en WordPress normalmente suele ser tupagina.com/wp-admin/.
  • Posee un soporte técnico y de mantenimiento ya que hay un equipo de profesionales dispuestos a resolver cualquier duda o error.
  • Desde el primer momento se puede programar el proyecto para obtener un mejor posicionamiento SEO.
  • Las páginas web creadas a medida se enfocan desde el primer momento en tener un diseño adaptativo o responsive para que se visualice correctamente desde cualquier dispositivo.

Las desventajas más importantes del diseño a medida respecto al diseño con un CMS son la cantidad de tiempo y dinero invertido en el proyecto. Sin embargo, si tenemos en cuenta que hay que tener los CMS y plugins actualizados continuamente, es posible que a largo plazo sea mucho más rentable tener una web hecha a medida.

 

Si quieres tener más información acerca de la programación web a medida que realizamos, puedes consultarlo en el siguiente enlace.

/por

Cómo elegir el mejor CMS para tu página web

Un gestor de contenido web o CMS (Content Management System) es una herramienta que permite crear, modificar y personalizar páginas web o tiendas online. Algunos de los CMS más conocidos son: WordPress, Magento, Prestashop o Joomla!

  • WordPress: es uno de los CMS más utilizados del mundo, es de código abierto, cuenta con numerosos temas muy atractivos, fáciles de manejar y con una gran variedad de extensiones o plugins para poder añadir más funcionalidades a la web. Uno de los plugins más comunes de esta herramienta es Woocommerce.
  • Prestashop: este CMS está más enfocado a las tiendas online, también es de código abierto y también tiene una gran cantidad de temas y módulos para la tienda.
  • Magento: al igual que Prestashop, este CMS está enfocado mayormente a tiendas online y cuenta con un soporte técnico.
  • Joomla!: este CMS no es de los más usados pero al igual que WordPress es de código abierto y cuenta con un gran catálogo de temas y extensiones para añadir en la web.

Para saber qué CMS es mejor para tu página primero tienes que seguir los siguientes pasos:

Qué tipo de página va a ser

Lo primero que tienes que saber es qué tipo de página será.

Si la finalidad de tu web es simplemente mostrar información sobre tu empresa puede que sea más conveniente hacerla con el CMS de WordPress. Esta herramienta es muy intuitiva y fácil de manejar.

Por el contrario, si tu página va a ser una tienda online puedes elegir entre la herramienta de WordPress con el plugin Woocommerce, Prestashop o Magento.

CMS para tiendas online

Si tu web va a ser una tienda online, lo siguiente será determinar el número de productos o servicios que tendrá.

Normalmente el plugin de Woocommerce para WordPress se suele usar cuando la tienda no tiene demasiados productos. Si por el contrario, tu web tendrá una gran cantidad de productos, lo recomendable es que se cree con el CMS de Prestashop o Magento ya que son más potentes que WordPress.

También hay que tener en cuenta el tema que se va a usar. Se debe elegir uno que cumpla con las funcionalidades que vas a tener en tu web, por ejemplo: si tu web la vas a realizar con WordPress y Woocommerce para vender productos, no elijas un tema que no sea compatible con este plugin.

Pide consejo a profesionales

Si no sabes muy bien cuál es el mejor CMS para tu web, lo mejor es que te pongas en manos de profesionales que entiendan de este tema y te guíen para poder crear una página web con todas las funcionalidades y características que desees.

 

Puede darse el caso de que ninguno de los CMS citados anteriormente cumpla con las espectativas que tenías. Una alternativa a estas herramientas puede ser una página web creada con programación a medida en la que puedes tener todas las funcionalidades que desees. Si quieres saber más sobre esto puedes consultarlo en el siguiente enlace.

/por

Cómo actualizar WordPress: Guía paso a paso

Cada vez hay más páginas web hechas con la herramienta WordPress, la cual es muy intuitiva y sencilla de manejar.

Para que una web creada con esta herramienta funcione correctamente y no sufra ataques de seguridad es muy importante mantenerla actualizada. Cada poco tiempo los creadores de WordPress sacan nuevas actualizaciones que corrigen errores, mejoran la seguridad e implementan nuevas funciones.

Hay dos formas diferentes para actualizar una web creada con WordPress: de forma automática o de forma manual.

Lo primero que se debe hacer independientemente del método que se use es realizar una copia de seguridad de los ficheros, carpetas y de la base de datos de la web. Si nos saltamos este paso puede darse el caso de que la actualización falle y la página web no funcione como debería. Sin embargo, al contar con una copia de seguridad se podrían recuperar los datos y la web volvería a funcionar.

Actualización Automática de WordPress

La actualización automática es la más sencilla de las dos pero también la menos fiable ya que no tienes el control de los archivos y ficheros que se están modificando.

Actualización de la versión de WordPress

Lo primero de todo sería actualizar la versión del WordPress. Para ello, si tu web necesita ser actualizada aparecerá un mensaje en la parte de arriba de la administración de la web. En el mensaje se mostrará un texto en el que dice que existe una nueva versión de WordPress y un enlace que dice Actualizar ahora.

Actualización de WordPress

Una vez le hemos dado a ese enlace, aparecerá la pantalla de actualizaciones donde se muestra todo lo que necesita actualización.

A continuación le daremos al botón donde pone Actualiza ahora debajo de la sección de WordPress.

Actualización del tema y plugins

En la misma pantalla de actualización nombrada anteriormente también se muestran las opciones de actualizar el tema y los plugins de la página.

Para actualizar el tema y plugins simplemente hay que seleccionarlos y darle al botón de Actualizar tema o Actualizar plugins.

Una vez que hemos terminado de actualizar puede que nos pida que también hay que actualizar la base de datos. Simplemente con darle al botón que se muestra sería suficiente.

El último paso sería comprobar que la web funciona correctamente y que no hay ningún error.

Actualización Manual de WordPress

Actualizar WordPress manualmente te permite tener un poco más de control sobre el proceso en comparación con el otro método. De esta manera, podrás detectar el origen de posibles errores que puedan surgir.

Actualización de la versión de WordPress

Para llevar a cabo el proceso de actualización de WordPress forma manual, lo primero que tenemos que hacer es acceder a la página oficial de WordPress y descargar el archivo comprimido de la última versión publicada.

También es necesario tener un acceso al FTP de la página web para poder subir los archivos.

Una vez tengamos esto, descomprimimos el contenido del archivo en el ordenador.

Listado de ficheros descomprimidos de WordPress

Las carpetas descomprimidas con el nombre wp-admin y wp-includes las renombramos llamándose wp-admin1 y wp-includes1 y las subiremos mediante FTP al servidor donde se encuentra la web.

Cuando ya están subidas, renombramos las ya existentes a wp-adminOld y wp-includesOld. Las nuevas carpetas subidas les cambiaremos el nombre quitándoles el 1 puesto al final.

A continuación subiremos el resto de archivos (p.e.: index.php, license.txt, readme.html …) menos la carpeta wp-content y sobreescribimos los que ya existen.

Para terminar, lo siguiente será subir el archivo index.php que se encuentra dentro de la carpeta wp-content de nuestro ordenador a la misma ruta en el servidor de la web. Después subiremos el archivo index.php que se encuentra dentro de wp-content/themes/ de nuestro ordenador y únicamente los archivos que se encuentran en wp-content/languages/.

Una vez tengamos hechos estos pasos, iremos al panel de control de nuestro WordPress y recargaremos la página para comprobar que se ha actualizado correctamente. También sería conveniente comprobar que la parte pública de la web no ha sufrido ningún cambio después de la actualización.

Actualización de plugins

El método para la actualización de plugins es muy similar al de actualizar el WordPress.

Primero habrá que comprobar cuáles son los plugins que necesitan actualización. Después nos iremos a la página oficial del plugin y nos descargamos el archivo comprimido con la última versión. Una vez descargado lo descomprimimos en nuestro ordenador y renombramos la carpeta del plugin poniéndole un 1 al final del nombre.

A continuación tendremos que subir esa carpeta al servidor de la web por FTP dentro de wp-content/plugins/. Una vez subido, renombramos la carpeta del plugin desactualizado poniendo la palabra Old al final del nombre y el que hemos subido antes le quitaremos el 1 del nombre.

Una vez que hemos realizado estos pasos, solo quedará comprobar que en el mantenimiento de la web se ha actualizado y que en la parte pública de la web funciona todo correctamente.

Si todo ha ido bien: “¡Enhorabuena! Ya tiene su web actualizada”. Si por el contrario ha habido algún incidente y no le es posible solucionarlo, contacte con un técnico que le agradecerá que haya realizado y conservado las copias de seguridad en las que hemos insistido al principio del artículo. Inicionet Aplicaciones S.L.

Preguntas frecuentes sobre cómo actualizar WordPress

¿Por qué es necesario actualizar WordPress?

Antes de sumergirnos en el proceso, es importante comprender por qué es fundamental mantener tu instalación de WordPress actualizada. Las actualizaciones de WordPress no solo incluyen nuevas funciones y mejoras, sino que también abordan vulnerabilidades de seguridad y errores que podrían comprometer la integridad de tu sitio web.

Por lo tanto, mantener al día tu instalación de WordPress es fundamental para proteger tu sitio de posibles amenazas y garantizar un rendimiento óptimo a largo plazo.

¿Qué debo hacer antes de actualizar WordPress?

Antes de actualizar WordPress, es recomendable realizar copias de seguridad de tu sitio y desactivar los plugins de WordPress para evitar posibles conflictos durante la actualización.

¿Cómo puedo actualizar los plugins de WordPress?

Puedes actualizar los plugins de WordPress desde el panel de administración de WordPress, en la sección de plugins, seleccionando la opción de actualizar para cada uno.

¿Cuál es la forma segura de actualizar un tema de WordPress?

La forma segura de actualizar un tema de WordPress es hacer clic en el botón de actualizar tema desde la sección de temas en la administración de WordPress.

¿Cuál es la última versión de WordPress disponible?

La última versión de WordPress disponible es la 6.4.3, lanzada el 2 de febrero de 2024.

Actualización exitosa de WordPress con Inicionet

Mantener tu instalación de WordPress actualizada es crucial para asegurar la seguridad y el rendimiento óptimo de tu sitio web. En Inicionet, comprendemos la importancia de este proceso y estamos comprometidos a brindarte una actualización exitosa y sin complicaciones.

Nuestro equipo de expertos en WordPress está preparado para asistirte en cada paso del camino, asegurando que tu actualización se realice de manera eficiente y sin interrupciones. Ya sea que necesites actualizar la base de datos, temas, plugins o la propia plataforma de WordPress, estamos aquí para garantizar que tu sitio esté protegido y funcione correctamente.

Ponte en contacto con nosotros hoy mismo para obtener más información sobre nuestro servicio de actualización de WordPress. Protege tu sitio web contra posibles vulnerabilidades y mantén la tranquilidad de saber que tu presencia en línea está en buenas manos.

/por