Como instalar y configurar el tema Divi

Como instalar el tema Divi en local para hacer tus pruebas.

El tema Divi esta desarrollado por Elegant Themes, es de tipo page builder (constructor de páginas) que permite crear y estructurar una página web de una manera muy sencilla e intuitiva, arrastrando y soltando bloques y sin necesidad de utilizar código.

En este curso aprenderás a utilizar el tema Divi

En el primer vídeo tutorial aprenderás a instalar un servidor en tu ordenador y instalar el tema.

Lo primero de todo es descargar XAMPP en nuestro PC, que es una versión gratuita y fácil de instalar con el servidor Apache (el que usan la mayoría de los hosting).

En este vídeo tutorial aprenderás a usar los diferentes tipos de módulos. Los módulos son los elementos finales que conforman las páginas en el tema Divi.

Otros modulos para crear tu sitio con Divi

Retoques finales para tu sitio creado con el tema Divi

   

Lo que necesitas saber antes de desarrollar tu sitio Web

Que necesitas saber sobre tu sitio web antes de desarrollarlo

¿Para que quieres tu sitio web?, ¿Realmente sabes lo que quieres o necesitas?, ¿Sabes como desarrollar su construcción?. Estas preguntas son entre otras las que debes preguntarte antes de crear tu sitio web.

Como modificar los temas en Woocommerce

Cómo modificar una plantilla del plugin de WooCommerce para poder modificarla a nuestro propio gusto.

Para modificar una plantilla o template de WooCommerce necesitamos saber algo de código. Vamos a necesitar saber dónde, qué y cómo modificar cosas más complejas.

Personalizar página de compra de Woocommerce sin plugins.

Personalizar el checkout, es la página donde el cliente completa los datos de su pedido y hace el pago.

La página de pago en su tienda WooCommerce es donde le pagan, por lo que es importante hacerlo bien.

La configuración predeterminada es bastante buena, pero es posible que deba personalizarla por necesidad o para probar una tasa de conversión más alta.

Agregar campos personalizados en Woocommerce con ACF

Crear nuevos campos personalizados en Woocommerce, para ello utilizaremos un plugin llamado “ACF” (Advanced Custom Fields).

Este plugin es gratuito y tiene su versión PRO que cuesta (unos €17) nos permite agregar una gran variedad de campos que nos facilita enormemente el desarrollo de cualquier solución de WordPress:

En este tutorial utilizaremos la versión gratuita y veremos como agregar campos personalizados en el tema de Woocommerce.

Te recomiendo veas el video tutorial para utilizar esta interesante opción

Como crear un plugin para Woocommerce

¿Desea crear un complemento para WooCommerce? Los complementos de WooCommerce es igual que los plugins normales de WordPress.

Los siguientes encabezados de complementos deberían estar en su lugar:
El Plugin Authores WooCommerce
El Developerencabezado es YourName/YourCompany, con el Developer URIcampo listado como http://yourdomain.com/
La información de copyright es "WooCommerce"

Empezando la cabecera


/**
* Plugin Name: WooCommerce Extension
* Plugin URI: http://woocommerce.com/products/woocommerce-extension/
* Description: Your extension's description text.
* Version: 1.0.0
* Author: WooCommerce
* Author URI: http://woocommerce.com/
* Developer: Your Name
* Developer URI: http://yourdomain.com/
* Text Domain: woocommerce-extension
* Domain Path: /languages
*
* WC requires at least: 2.2
* WC tested up to: 2.3
*
* Copyright: © 2009-2015 WooCommerce.
* License: GNU General Public License v3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

La mayoría de los complementos de WooCommerce no necesitan ejecutarse a menos que WooCommerce ya esté activo. Puede envolver su plugin en un código para ver si está instalado WooCommerce:

/**
* Comprueba si WooCommerce está activo
**/
if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
// Pon el código de tu complemento aquí
}



TE RECOMIENDO SIGAS EL TUTORIAL DE COMO CREAR UN PLUGIN PARA WOOCOMMERCE(se trata de un slide de productos destacados)

Como usar WooCommerce

WooCommerce ha implementado un asistente de configuración inicial que aparece al activar el plugin por primera vez, con esto ya nos lleva paso a paso por las opciones de configuración principales que debemos personalizar para que nuestra tienda online vaya cogiendo forma.

Añadir widgets a zonas concretas de tu tema en Wordpress

Como poner un widget de wordpress en una zona que desees en tu tema de wordpres, que no sea dentro de un sidebar (zonas donde van los widgets por defecto), por ejemplo antes o despues de los comentarios, debajo de los post, en definitiva donde desees.

Como manejar los Custom Fields en wordpress

Como usar, los campos personalizados en WordPress, con el plugin Advanced Custom Fields.

Veremos como crear los campos personalizados , y cómo mostrar luego esa información en las plantillas cómo y dónde nosotros queremos.

Controlar el Loop de WordPress

El Loop de WordPress es la porción de código que utilizan los temas de WordPress para visualizar los contenidos de tu base de datos.

Tenemos tres formas diferentes de personalizar el Loop de WordPress para que se comporte de la manera en que tú quieras que lo haga.
Para ello te enseñaré a usar el objeto WP_Query para crear un Loop personalizado.

Manejar el personalizador de temas de WordPress nivel experto

El personalizador de WordPress va mejorando día a día y cada vez es más sencillo de utilizar, lo que encanta a los usuarios con un perfil menos técnico.

El personalizador de WordPress sirve para ajustar la opciones de nuestra web en general, cargará diferentes opciones dependiendo de la plantilla o theme que instalemos. Para aprender a menejarlo debes de saber añadir código a tu tema.

Como usar los Roles de Usuario en Wordpress

Con el plugin, puede cambiar las capacidades de la función de usuario (excepto Administrador) con solo unos pocos clics.
Como su propio nombre indica, User Role Editor sirve para editar los roles de los usuarios y así darles y quitarles las opciones necesarias.

User Role Editor viene en forma de plugin gratuito que podemos instalar desde el repositorio de plugins.

Con User Role Editor podemos solucionar el sistema predefinido de usuarios que trae WordPress por defecto, pero hay que saber lo que se hace para no dar más privilegios de los necesarios ya que podría generar problemas de seguridad.

Para ver el plugin y ver su manejo te recomiendo veas el video tutorial

Crear tipos de publicaciones personalizadas en Wordpress

Toolset Types para WordPress

Plugin que le permite agregar tipos de publicaciones personalizadas, campos personalizados y taxonomías personalizadas a la administración de WordPress, aparte de las entradas y las páginas de Wordpress.
Un post personalizado, en WordPress es todo lo que no sean las entradas del blog y las páginas. Son post personalizados por ejemplo la sección de portfolio de tu theme o plugin. Cualquier nueva utilidad que venga con tu theme  o plugin, similar a un portfolio, es un Custom Post Type.

Para ver como funciona te recomiendo veas el video tutorial

Mantener Wordpress limpio y sin enlaces rotos

El plugin de WordPress Broken Link Checker nos ayuda a mantener nuestro Wordpress limpio y sin enlaces rotos.

Una vez instalado, el complemento comenzará a analizar sus publicaciones, marcadores y otros contenidos y buscar enlaces. Dependiendo del tamaño de su sitio, esto puede tomar desde unos pocos minutos hasta una hora o más. Cuando se completa el análisis, el complemento comenzará a verificar cada enlace para ver si funciona. Una vez más, cuánto tiempo llevará esto depende de lo grande que sea su sitio y cuántos enlaces tenga.

Ver videotutorial para manejar y ver el plugin.

Obliga a los usuarios a compartir para ver los contenidos en Wordpress

Este no es un plugin que me guste particularmente, pero muchos preguntan por el en los foros.

El Social Locker bloquea su contenido del sitio más valioso detrás de un conjunto de botones sociales hasta que al visitante le guste, comparta, +1 o twittee su página. Ayuda a mejorar el rendimiento social de su sitio web, obtener más likes / shares, crear seguidores de calidad y atraer más tráfico de las redes sociales.

One Press Social Locker es un plugin que te servirá para hacer esto.

Para ver y manejar el plugin sigue el siguiente video tutorial.

Envía correos electrónicos de agradecimiento a sus comentaristas de Wordpress

Thank Me Later envía correos electrónicos de agradecimiento a sus comentaristas. Simplemente escriba un mensaje diciendo gracias y se lo enviaremos por correo electrónico después de un horario de su elección: ¡5 minutos, un día, un mes, cuando sea!

De bien nacido es ser agradecido, envia correos de agradecimiento a los usuarios de vuestro WordPress, los comentarios que envían en los artículos que hemos creado habréis visto que no hay una manera predeterminada de hacerlo desde el propio WordPress.

Ver y manejar el plugin desde este videotutorial

Crear listas de correo electrónico con MailChimp y WordPress

 

¿Estás buscando construir una lista de correo electrónico? ¿Desea enviar actualizaciones por correo electrónico a sus suscriptores cuando publica una nueva publicación de blog? MailChimp es uno de los principales proveedores de servicios de correo electrónico del mundo, y es extremadamente fácil de usar. En esta guía, le mostraremos cómo usar MailChimp y WordPress.

Más del 70% de los usuarios que abandonan su sitio web probablemente nunca regrese a menos que le compren algo, o bien logre que se suscriban a su lista de correo electrónico.

El correo electrónico es privado, personal y, con mucho, la forma más directa de comunicación en Internet. La mayoría de las personas revisa su bandeja de entrada más que sus transmisiones de redes sociales.

Necesita tener instalado este plugin y una cuenta en MailChimp

Ver tutorial para ver y manejar correctamente el plugin

Crear sitio de contenidos de pago en wordpress con iThemes Exchange

En la anterior entrada  ofrecimos videotutoriales de como crear un sitio con wordpress de contenidos de pago con Restrict Content Pro, en esta ocasión veremos como usar iThemes Exchange, un complemento de comercio electrónico, ideal para crear un sitio de membresía.

El complemento real de iThemes Exchange es gratis. Sin embargo, para las características de membresía, deberá pagar por el complemento de membresía, hace que todo sea simple y fácil de manejar.

iThemes Exchange Membership, el segundo plugin para configurar contenidos restringidos y la creación de diferentes niveles de suscripción.

Ver video tutorial de instalación y uso, en español.

Ver video tutorial 2 de creación de paginas y configuración de pagos, en español.

Ver video tutorial configuración de contenidos, manejo de usuarios y ofrecer descargas solo a usuarios, en español.

Como usar W3 Total Cache para mejorar la velocidad de wordpress

W3 Total Cache, es un plugin de cache para WordPress, optimización para WordPress para ayudar a conseguir mejores resultados en la velocidad de carga de tu wordpress.

W3 Total Cache está formado por estos módulos:

Page Cache: Se trata del módulo básico de W3 Total Cache, este módulo permite establecer un cache de página guardado en múltiples destinos como por ejemplo cache en disco, cache en Memcached o incluso cache en APC.
Minify: Se trata de un potente modulo para minificar y optimizar el código HTML, CSS y Javascript, el problema es que no es un módulo hecho para usuarios principiantes y a veces puede ser complicado de configurar.
Database Cache: El módulo de cache de base de datos como su nombre indica es un sistema de cache de consultas a la base de datos, el punto fuerte es que permite guardar el cache en RAM, es decir, en sistemas de cache de objetos como Memcached.
Object Cache: WordPress es un CMS desarrollado en PHP orientado a objetos (en la mayoría de los casos), por esa razón podemos configurar un cache de objetos en sistemas como Memcached o APC con W3 Total Cache.
Browser Cache: Se trata de un modulo que ayuda a configurar el cache del navegador, muy util para sitios web grandes y para mejorar el Google PageSpeed.
User Agent Groups: Se trata de un sistema de filtrado por user-agent, podemos configurar grupos de user-agents y servir un cache diferente para cada grupo.
Referrer Groups: Al igual que el de los user-agents, W3 Total Cache permite filtrar mediante referrers y servir cache por grupos.
CDN: Permite a W3 Total Cache integrarse con algunos sistemas de cache como por ejemplo CloudFlare o Amazon CloudFront.

Para ver y configurar el plugin te recomiendo veas este video tutorial

Usar comentarios de Disqus en WordPress

Disqus carga desde sus propios servidores en forma de iframe en cualquier sitio web, esto le dara más ligereza a WordPress y a su base de datos si su sitioes muy popular y tiene muchos comentarios.

El plugin Disqus for WordPress permite a los propietarios y desarrolladores de sitios agregar fácilmente Disqus a sus sitios, reemplazando el sistema de comentarios predeterminado de WordPress. Disqus se instala en minutos e importa automáticamente sus comentarios existen.

Para ver y manejar el plugin visualiza el video tutorial

Opciones gratuitas para crear formularios de contacto en Wordpress

Un formulario de contacto es ideal para que tus lectores puedan ponerse en contacto contigo sin tener que darles tu dirección de correo electrónico personal.

Si tienes instalado Jetpack aqui puedes ver un tutorial sobre él.

El plugin de Jetpack nos lo pone tan fácil que hasta podemos incluir formularios en nuestras páginas o entradas de WordPress con un simple clic. El plugin Contact Form 7, que sigue siendo mucho más completo, pero para un formulario de contacto en tu página web, creemos que con el de Jetpack es más que suficiente.

Contact Form 7: Uno de los más populares y sencillos de usar. Es ideal para sitios que no necesitan formularios complejos, siendo posible tener más de uno usando el mismo plugin.

Ver video tutorial de como usar las dos opciones

Como usar Jetpack para WordPress

Jetpack es uno de los plugins más grandes y completos. Es una extensión de funcionalidades para WordPress que técnicamente deberían venir incluidas en la instalación base nativa de WordPress, pero que debido a que eso sobrecargaría mucho WordPress, se distribuyen en un plugin:

Jetpack for WordPress está desarrollado por Automattic, los desarrolladores que mantienen WordPress.com.

Jetpack para WordPress cambia y se actualiza mucho, se han implementado muchísimas funcionalidades.

En esta video tutorial de Jetpack para WordPress vamos a explicar todas las funcionalidades que tienen Jetpack, también vamos a explicar cómo podemos activar y desactivar módulos y funcionalidades.

Recomiendo veas el video tutorial para ver y manejar el plugin;

Detener los registros de spam en WordPress

Stop Spammers es una defensa agresiva del sitio web contra los comentarios spam y los intentos de inicio de sesión. Es capaz de realizar más de 20 comprobaciones diferentes de spam y eventos maliciosos y puede bloquear el correo no deseado de más de 100 países diferentes.

Stop Spammers usa varios métodos para detectar spam y puede ser demasiado agresivo para algunos sitios web.


Para combatirlo vamos a utilizar el plugin “Stop Spammers” en nuestro sitio web, que usa varios métodos para combatir el spam, tal y como veremos en este vídeo.

Te recomiendo veas el video tutorial para ver y manejar este plugin;

Optimizar imágenes en Wordpress con WP Smush

WP Smush es un plugin de WordPress que te permite optimizar imágenes sin perder calidad.

WP Smush es muy fácil de usar y puedes optimizar tus imágenes sobre la marcha al subirlas a tu sitio de WordPress.

WP Smush es un plugin gratuito (con opciones de pago) para WordPress con más de 700.000 instalaciones activas, y que se actualiza constantemente que analiza, redimensiona, optimiza y comprime las imágenes que usemos en WordPress.

La versión Gratis de WP Smush nos permite:

Optimizar las imágenes automáticamente en la subida a WordPress
Comprimir las imágenes individualmente
Redimensionar masivamente por lotes de 50 en 50 las imágenes que hemos subido a WordPress para que sean del mismo tamaño al que se muestran para mejorar el tiempo de carga de la web.
Comprimir las imágenes para reducir el tamaño del archivo
Optimiza las imágenes eliminado metadatos
Optimiza las imágenes de otros directorios como plugins y temas.

Para ver y aprender a usar este plugin te recomiendo veas el tutorial para manejar WP Smush;

Como optimizar su base de datos de WordPress con WP-Optimize

¿Por qué debería optimizar su base de datos de WordPress?

Si ha estado usando WordPress por un tiempo, entonces probablemente haya muchos datos inútiles en su base de datos , como revisiones de publicaciones , comentarios de spam , basura, opciones de transitorios, metadatos huérfanos, y más.

Estos datos aumentan el tamaño de la base de datos de WordPress, lo que significa que las copias de seguridad de WordPress tardarán más espacio en disco y tiempo para restaurar.

La limpieza de estos datos no deseados reduce significativamente el tamaño de la base de datos de WordPress, lo que significa copias de seguridad más rápidas, una restauración más sencilla y un mejor rendimiento de la base de datos.

Habiendo dicho eso, veamos cómo optimizar fácilmente su base de datos de WordPress y eliminar el desorden.

Debe instalar y activar el complemento WP-Optimize

 El siguiente video tutorial te enseña a manejar el plugin WP-Optimize  de forma optima.

Crear copias de seguridad en WordPress con BackWPup

El plugin BackWPup para WordPress es uno de los plugins de copia de seguridad para WordPress mas potentes que existen, tiene una versión gratuita, aunque también existe una versión pro.

BackWPup. La opción Free es suficiente para poder hacer copias en Amazon S3, Dropbox, etc..), y si ya quieres copias a Google Drive o Amazon Glacier tendras que optar por la opción de pago.
Puedes crear:
Copias programadas de tu base de datos.
Guardar todos los ficheros, incluyendo los del tema y los plugins.
Exportar el XML de tu WordPress, el cual se puede importar con el importador normal.
Soporte de varios servicios en la nube. En la versión Free estan Amazon S3, Dropbox, Azure, RackSpace Cloud, SugarSync o FTP.

Para ver el plugin y aprender a manejarlo te recomiendo que visualices el video tutorial a continuación;

Elegir el mejor hosting para WordPress

Elegir el mejor hosting para WordPress es la decisión más importante a la hora de crear tu página web con este gestor de contenidos.

No me voy a poner a decirte o a escribir si este o aquel es mejor,  y menos a darte un enlace de afiliado para contratar un hosting en espepecial, en el video se explica lo que debes tener en cuenta antes de contratar un hosting.

Te recomiendo la visión de este video para ver como elegir un buen hosting para wordpress.

Herramientas para medir y mejorar la carga de Wordpress

La velocidad de carga de tu web es cada dia más importante para que tu página web posicione bien, e influye directamente en las visitas y en las conversiones de tu web.

Una navegación limpia y rápida evitará que el usuario se vaya de tu sitio web antes de que vea lo que ofreces, y aumenta las probabilidades de que el usuario se quede en tu web para ver los contenidos o productos de tu sitio web.

Las dos mejores herramientas gratuitas para analizar y corregir la carga de tu web.

Google PageSpeed Insights es una herramienta de rendimiento web creada por Google para ayudarle a que su sitio sea más rápido y más optimizado para el móvil, siguiendo las recomendaciones de las mejores técnicas web.

Ver el sitio

Gtmetrix es una herramienta de medición de tiempos de carga online, que usa la datos de pagespeed, yslow, tiempo de carga estimado, peso del sitio web en MB y número de request.

Como si fuera poco, nos suministra promedios mundiales para contextualizar nuestro sitio y saber a ciencia en qué segmentos podemos y debemos mejorar, no solo por consumo de recursos propios sino comparados con los demás sitios web.

Ver el sitio

GTmetrix tiene incluso un complemento para WordPress que realiza un seguimiento activo de su instalación de WP y le envía alertas si su sitio cumple con ciertos criterios.

Ver video tutorial para usar estos dos sitios web y como usar el plugin.

Aprender wordpress con este curso gratuito de más de tres horas

Aprender a manejar este gestor de contenidos. Una de las plataformas más usadas en el momento de crear un sitio web o un blog, es sin duda WordPress.
Todos saben que puedes empezar a usar WordPress sin ningún conocimiento previo de diseño de sitios web, ni de lenguajes de programación. De entre todos los CMS disponibles en el mercado WordPress resulta ser la mejor opción.
Según las estadísticas de W3Tech WordPress está detrás del 30% de todos los sitios web, y sigue subiendo casi cada mes.
Sin ninguna duda WordPress es el jefe de la web, así que has elegido bien, tienes un estupendo presente y futuro, y con este curso aprenderas a dominar WordPress.



Son 4 horas de curso

Crear App sin picar código con App Inventor

El MIT (Instituto Tecnológico de Massachusetts) es uno de los centros que más innovan en el mundo.

 La herramienta ha sido creada con ellos como una solución para todos aquellos usuarios que quieran crear una aplicación para el móvil pero no tengan conocimientos de programación.
Como es una herramienta de código abierto, cualquiera puede utilizarla de forma gratuita.


Visitar la Web

Ver curso para aprender a usarlo

Son 4 horas de curso

Mejora la disponibilidad en WordPress con HyperDB

El plugin para WordPress HyperDB nos permite hacer que WordPress sea escalable, permitiendo realizar configuraciones avanzadas de la base de datos de WordPress.

HyperDB está desarrollado por Automattic, es el plugin utilizado por WordPress.com en su infraestructura de servidores.

Estos son algunas configuraciones y características permitidas por HyperDB en WordPress:

Tablas en distintos servidores: Con HyperDB podemos configurar WordPress para que coja datos de tablas ubicadas en distintos servidores, esto es muy útil en entornos muy grandes que requieran velocidad.
Replicación: Los cambios se guardan en varios servidores MySQL al mismo tiempo, configurando WordPress de la forma adecuada el servidor front-end puede leer de cualquier servidor MySQL configurado.
Failover: De esta forma, si uno de los varios servidores MySQL se cae, WordPress puede seguir funcionando ya que puede seguir escribiendo y leyendo datos de los otros servidores MySQL.
También es necesario comentar, que HyperDB es un plugin para usuarios avanzados, no es un plugin para usar en sitios web normales con pocas visitas, tampoco es un plugin para blogs normales y corrientes.

Ver video tutorial

Instalar Varnish Cache en tus servidor para acelerar wordpress.

¿Qué es Varnish?

Varnish Cache es un acelerador web, o un sistema de cache HTTP de reverse proxy. Se instala en cualquier servidor que puedas gestionar  y se configura para que cachee sus contenidos. Según algunos estudios acelera el servicio en un 70%.

Ver video

Mejora el servidor de wordpress con el plugin WP Super Caché

He probado varios de los plugins que se puedan usar para caché y me decanté por Super Caché.

El motivo es porque es bastante ligero comparado con otros. Esto es una buena opción para no usar un plugin para aligerar la web y éste la acelera por un lado y la ralentiza por otro.

Os recomiendo WP Super Caché.

Ver video

Usar la opción del cdn

Un CDN es una red de entrega de contenido que entrega tus archivos por ti.

Los archivos que suelen pesar más son las imágenes, los scripts de javascript, los CSS ,videos etc... Así que usando éste tipo de servicios, nuestros archivos se copian por todo el mundo y se sirven del servidor más cercano al visitante.

Ver video

Probar de un plugin de WordPress antes de usarlo.

Probar de un plugin de WordPress no siempre es fácil. Tendrá que sea ejecutarlo en un sitio en línea, o la configuración de un sitio de demostración local y probarlo allí.

Pero con Addendio puede probar plugins de WordPress gratis directamente desde el navegador. Esta aplicación web le permite buscar a través de 60.000 plugins todos alojados en el directorio de plugins de WordPress.

Desde allí se puede ejecutar y probar el plugin adecuado en el sitio web Addendio. Esto le da acceso a un WordPress temporal de instalar sin ningún trabajo de configuración.

Sólo tenga en cuenta esto requiere una dirección de correo electrónico para lanzar la demo pero es una de las maneras más rápidas para jugar con cualquier plug-in en tan sólo unos pocos clics.

Generador de código para wordpress

Recientemente he tropezado con WP Hasty y tengo que decir que es uno de los generadores de código más fáciles de usar.

Está diseñado exclusivamente para WordPress y ofrece diferentes generadores para los diferentes fragmentos. Actualmente tiene 8 generadores de código diferentes para cosas como códigos cortos, tipos de envíos personalizados, taxonomías y aun WP_Query () bucles.

Al hacer clic en cualquier generador será conducido a una nueva página con una interfaz gráfica de usuario para la edición de las opciones. Puede introducir cualquier características que desea y el generador de código automagicamente crea el fragmento para usted.

WP Hasty es uno de los generadores más completos que encontrará y le permite personalizar todas las opciones posibles con una interfaz fácil de usar.

20 sitios web diseñados con WordPress en 2018

Buscando algunos ejemplos de sitios web de WordPress para obtener inspiración. WordPress ha sido utilizado por muchos de los mejores diseñadores y desarrolladores que lo utilizan para construir sitios web muy atractivas del mundo. En este artículo, vamos a compartir algunos excelentes ejemplos de sitios web de WordPress que usted debe comprobar hacia fuera en busca de inspiración.

1. La Fundación Obama



El sitio web de la organización sin ánimo de lucro del Presidente Obama tiene un diseño único moderno que complementa la visión y la misión de la fundación. Utiliza fuentes grandes, Maintree para párrafos y Gotham SSM para los títulos.

Cuenta con un menú de navegación de la izquierda colapsado, que vuela en cuando un usuario lleva ratón sobre él. Aparte de la tipografía y el diseño limpio y sencillo, el sitio utiliza multimedia, el intercambio social, y las plantillas de página para una experiencia de usuario pulido.

2. Angry Birds

Pájaros enojados

La página web oficial del popular juego. Cuenta con un diseño simple que utiliza gráficos divertidos visuales del juego de escenario principal de cada página. Esto funciona muy bien en mantener el mismo espíritu y consistencia como el juego en sí.


3.99u

99U es una cultura popular y diseño del blog para los creativos. Su página de inicio cuenta con una plantilla de estilo revista , con el menú de navegación pegajosa en la parte superior, y las imágenes que aparecen destacados en un hermoso diseño de cuadrícula de mampostería.

4. Ad Creative Awards


Creativas Ad Awards es el lugar para celebrar los mejores anuncios de todo el mundo. Su página de inicio cuenta con una imagen de fondo de pantalla completa grande en la parte superior que es seguido por categorías que se pueden filtrar, cuadro de búsqueda, y una rejilla de los últimos puestos .

5. The Next Web


The Next Web es una revista en línea líder que abarca temas como la tecnología, la ciencia, internet, y mucho más. Su página web cuenta con un diseño de la revista con noticias destacadas en la parte superior, seguido por artículos más recientes, los últimos mensajes de la categoría, y las secciones personalizadas como ofertas.

Utiliza tecnologías como la carga diferida , CDN y el almacenamiento en caché agresivo para mejorar la velocidad y el rendimiento sitio web .

6. Estudio ouam



Estudio ouam es una agencia de publicidad francesa especializada en identidad visual y la creación de marca. Su página de inicio cuenta con una bella tipografía, animaciones sensibles cursor, bellos efectos de paralaje , y animaciones en desplazamiento.

7. Proyectos Analytica


Analytica Projects es uno de los líderes en el control de calidad de los alimentos. Su sitio web cuenta con una animación muy interactivo que muestra varias partes del proceso de aseguramiento de la calidad que el usuario se desplaza hacia abajo.

8. Animal Logic


Animal Logic es uno de los principales estudios digitales creativos del mundo. Su página de inicio cuenta con un control deslizante en la parte superior de vídeo hermosa, mostrando su trabajo aparece en las primeras películas de Hollywood. El control deslizante es seguido por diferentes secciones, cada una mostrará con hermosas animaciones CSS .

9. Grettefoss


Grette es un bufete de abogados de negocio basado en Noruega. Su sitio web cuenta con un diseño minimalista , menú de navegación colapsado, los perfiles del personal , y las páginas de experiencia.

10.10x17

10 × 17 es un proyecto por 26 artistas que interpretan y cuenta atrás de sus discos favoritos de 2017. La página web presenta obras de arte de los artistas y las pistas de audio de los discos que escogieron visualmente. El diseño general es muy coloridos, estimulantes e interactivos.

11. Recortes de América

Americana Recortes convierte artefactos de la historia estadounidense desechó en los cómics. Cuenta con un diseño realmente único con la última de chatarra en la parte superior, seguido de otros restos de los últimos, y una línea de tiempo histórico.

12. 99% Invisible

99% invisible es uno de los podcasts más populares sobre el diseño. Su sitio web cuenta con un hermoso diseño construido para podcasting con una navegación fácil y rápido acceso a sus últimos episodios. Tiene un hermoso reproductor de podcast integrado en el diseño del sitio.

13 RUE

Ruya es una agencia de diseño de la identidad y la marca con sede en los EAU. Su sitio web cuenta con bellas ilustraciones, navegación lisa, y un diseño único.

14. método

método es el fabricante de productos de limpieza respetuosos con el medio ambiente. Su sitio web cuenta con un menú de Mega en la parte superior, las imágenes de fondo de colores y bellas animaciones.

15. Unconquered

Invicta es una agencia de publicidad basada en la ciudad de Nueva York que se especializa en el desarrollo de marcas. Su página de inicio cuenta con un control deslizante de vídeo único y un logotipo flotante que se mueve por la pantalla el ratón por encima

16. Houston Zoo


El sitio web del zoológico de Houston es simple e informativo. Cuenta con logotipo personalizado, las horas de trabajo, y un menú de navegación en la parte superior. El área de contenido página de inicio muestra los azulejos en una cuadrícula de mampostería con un clic para cargar más de botón en la parte inferior.

17. Protesta 

La protesta es un fabricante de ropa deportiva de Países Bajos. Su página de inicio cuenta con una imagen del producto como el encabezado con las categorías de productos destacados. Utiliza WooCommerce para la tienda en línea y hermoso diseño muy atractivo para las páginas de productos individuales.

18. El Club fresco

El Cool Club vende muy bien diseñado arte de la pared y juegos de cartas. Su sitio web cuenta con su arte de la pared y los juegos de cartas que eleva todo el diseño. Su diversión tienda en línea para navegar y es alimentado por WooCommerce.

19. Nuevo


Nove es un organismo asesor que ayuda a las empresas interactúan con las instituciones europeas. Su sitio web tiene un diseño único con un fondo de pantalla completa de vídeo , menús transparentes, y las plantillas de página personalizados para diferentes secciones.

20. Jony Guedj


Jony Guedj es el sitio web del director de cine independiente. Cuenta con barras de color para la navegación horizontal, mostrando artistas trabajan mientras se mueve el ratón a lo largo de la barra. Es inusual y minimalista que hace de un diseño más interesante y atractiva.

Crear mini tiendas dentro de WooCommerce

¿Quieres crear un Markeplace en línea utilizando WordPress? Los sitios web de mercado en línea permiten a los usuarios a comprar y vender objetos mediante la creación de su propio mini tiendas dentro de su sitio web de comercio electrónico y que sus usarios puedan vender sus productos. Vamos a mostrar cómo crear fácilmente un mercado en línea usando WordPress.

Requisitos

Tener un sitio web WordPress con WooCommerce instalado en él. Por defecto WooCommerce supone que su sitio web es un sitio web único proveedor, por lo que no es posible que otros usuarios pongan sus propios productos a su sitio web.

En primer lugar es necesario instalar y activar el plugin WC Vendors

Tras la activación, la cabeza a los vendedores WooCommerce »WC página para configurar los ajustes del mercado.



En esta pantalla, es necesario establecer una tasa de comisión que pagará a cada proveedor. Esta tasa también podría ser anulado por los productos o vendedores individuales.

Los vendedores de WC que permite a las capacidades de los proveedores de configuración y permisos. Dirígete a la pestaña Capacidades en la página de configuración de Vendedores WC.

El plugin creará automáticamente las páginas a utilizar para el salpicadero del proveedor, la configuración de la tienda, y la página de pedidos. Se puede utilizar una página diferente si desea mediante el uso de los códigos cortos que se muestran debajo de cada página.

El último punto en la página configuración Vendedores WC es el más importante, los pagos. Por defecto, WC vendedores utiliza PayPal Pagos de adaptación a pagar a los vendedores.

Verá un enlace a pagos de adaptación configuración de PayPal. Después de haber configurarlo, puede elegir si desea pagar a los vendedores.

Paso 2. Habilitar Administración de cuentas en WooCommerce

En primer lugar usted necesita para visitar WooCommerce »Configuración de página y haga clic en la pestaña 'Cuentas'. A partir de aquí es necesario comprobar opción de registro del cliente.



Una vez aprobados los usuarios, estos proveedores pueden acceder a sus cuentas y añadir sus productos visitando su tablero vendedor. También pueden ver sus pedidos e informes de ventas.

Se tendrá que proporcionar su dirección de correo electrónico de PayPal para recibir los pagos. Después de que se pueden introducir su nombre de la tienda y la descripción.

Agregar un plugin de cookies en WordPress

La ley de cookies de la Unión Europea exige a los sitios web que para obtener el consentimiento del usuario para configurar las cookies en sus ordenadores. Como propietario de un sitio web de WordPress, su sitio web puede estar utilizando cookies. En este artículo, vamos a mostrar cómo añadir un popup las cookies en WordPress.

Cómo WordPress utiliza las cookies.

Por defecto WordPress utiliza cookies para fines de autenticación para almacenar información de sesión para los usuarios registrados . También establece una cookie cuando alguien deja un comentario en su sitio.

Aparte de estos, los plugins de WordPress pueden establecer sus propias cookies para almacenar información diferente.
Mientras que las galletas son muy útiles, también se pueden utilizar para recopilar información acerca de un usuario y compartirlo con plataformas de publicidad de terceros.

Es por esto que en Europa y en algunos otros países, requiere que los propietarios de sitios web agreguen este aviso para que los usuarios sepan sobre su uso de cookies. Si su sitio web se basa en uno de esos países o se dirige principalmente al público en esas regiones, entonces usted necesita mostrar una advertencia consentimiento para cookies en su página web.

Lo primero que hay que hacer es instalar y activar el plugin Cookie Consent.



Se puede elegir la posición, colores, bordes, y estilo para su notificación emergente. También puede establecer una clase de contenedor y luego añadir CSS personalizado para su ventana emergente.

Colección de jQuery modal para crear ventanas de diálogo

Colección de jQuery modal para crear ventanas de diálogo, para anuncios, formulario de suscripción, conectar / registrarse o para la visualización de un mensaje simple.

Imagen de demostración: jQuery Avgrund

Manifestación
Página de github

Sobre el plugin

Avgrund es un complemento jQuery para tus cuadros modales y ventanas emergentes. Utiliza un nuevo concepto que muestra la profundidad entre la ventana emergente y la página. Funciona en todos los navegadores modernos y se degrada graciosamente en aquellos que no admiten transiciones y transformaciones CSS.

Imagen de demostración: iziModal

Manifestación
Página de github

Sobre el plugin

Complemento modal elegante, receptivo, flexible y ligero con jQuery.

Imágen de JQUERY MODAL

Manifestación
Página de github

Sobre el plugin

Un método simple y ligero de mostrar ventanas modales con jQuery.

Imagen de demostración: Modal animado

Manifestación
Página de github

Sobre el plugin

animatedModal.js es un complemento jQuery para crear un modal de pantalla completa con transiciones CSS3. Puede usar las transiciones desde animate.css o crear sus propias transiciones.



Imagen de demostración: jQuery Popup Overlay

Manifestación
Página de github

Sobre el plugin

Complemento jQuery para ventanas modales interactivas y accesibles e información sobre herramientas.

Imagen de demostración: bPopup

Manifestación
Página de github

Sobre el plugin

bPopup es un plugin emergente modal jQuery liviano (solo 1.34KB con gzip). No crea ni aplica estilo a su ventana emergente, pero le proporciona toda la lógica, como el centrado, la superposición modal, los eventos y más. Te brinda muchas oportunidades de personalizar para que se ajuste a tus necesidades.

Imagen de demostración: OmniWindow

Manifestación
Página de github

Sobre el plugin
OmniWindow: complemento modal extremadamente personalizable para jQuery.

Imagen de demostración: Zebra_Dialog

Manifestación
Página de github

Sobre el plugin

Un complemento jQuery pequeño, compacto y altamente configurable para crear cuadros de diálogo modales.


Imagen de demostración: jquery-plainModal

Manifestación
Página de github

Sobre el plugin

El complemento jQuery simple para ventanas modales totalmente personalizables.


Imagen de demostración: Diálogo modal accesible

Manifestación
Página de github

Sobre el plugin

jQuery a11y ventana modal.

Imagen de demostración: SweetModal

Manifestación
Página de github

Sobre el plugin

Modales dulces, fáciles y poderosos usando jQuery. Reemplace alert (), confirm (), prompt () y muchos complementos con estilo y elegancia.

Imagen de demostración: Modal

Manifestación
Página de github

Sobre el plugin

jQuery plugin para crear ventanas modales

Imagen de demostración: Focus

Manifestación
Página de github

Sobre el plugin

Un plugin emergente mínimo, modal, de notificación, superposición, cajón y ventana de diálogo.