Profile cover photo
Profile photo
ingresosviaweb
5 followers
5 followers
About
Posts

Post has attachment
Cómo mostrar los últimos post o artículos en la página de inicio en Sydney en español 2018

Existen miles de formas y configuraciones de una página de inicio de un sitio web, pero a parte del diseño que podamos ofrecer, en WordPress debemos elegir si mostramos la página de archivo de los artículos, esa en la que aparecen uno debajo de otro con un pequeño resumen, o configurar una página estática complentamente diferente y personalizada.

Para el primer caso sólo debemos elegir mostrar los últimos artículos en la configuración de "Ajustes de portada".

Para el segundo caso debemos crear dos páginas nuevas, una para configurar el contenido a mostrar en la página de inicio y otra en la que aparecerán los artículos.

Dentro de la página inicial en blanco para configurar a nuestro gusto, podemos añadir los widgets que necesitemos con el constructor Elementor.

Sydney añade una serie de widgets adicionales, que no trae Elementor por defecto, que nos ayudarán a colocar los artículos destacados dentro de la página principal.

La versión gratuita sólo permite mostrar tres artículos destacados, en el caso de querer mostrar más, necesitaremos replicar el widget varias veces, configurando los artículos a mostrar en cada uno por categorías.

Si por el contrario queremos mostrar sólo dos artículos, tenemos que añadir este código CSS siguiendo las indicaciones del vídeo, para que no se descuadre el diseño del sitio:

#tupalabra .owl-item {
width: 50% !important;
}
#tupalabra .owl-wrapper {
width: 100% !important;
}
@media (max-width: 767px) {
#tupalabra .owl-item {
width: inherit !important;
}
#tupalabra .owl-wrapper {
width: inherit !important;
}
}


Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Cambiar imágenes de fondo en el tema Extra según tamaño de pantalla en español 2018

Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Colocar más botones en el slider de DIVI - Deslizador con más botones en español 2018

El código de los botones no me deja añadirlo a los comentarios al tratarse de HTML, así que tendréis que copiarlo hasta que escriba el artículo en el blog y ponga el enlace.

Ya sabemos las maravillas con las que cuenta el tema Divi, Extra o el plugin del constructor que se puede instalar en cualquier tema, pero hay matices que se pueden mejorar si los necesitamos.

Es el caso de los botones en el módulo del deslizador de Divi. Lo que todos conocen como slider.

Por defecto sólo se puede añadir un sólo botón, pero con los llamados "gosth buttons" o botones fantasma podemos colocar botones en cualquier módulo manteniendo las propiedades y configuraciones del constructor Divi.

Estos botones se añaden en el texto por medio de un ancla o etiqueta html del tipo "a", al que le asignamos las propiedades del tema divi asignando las mismas clases CSS que utiliza en su configuración.

Para tener unos botones bien configurados tenemos que elegir si usar el único que nos deja por defecto, o desactivarlo y añadir tantos como necesitemos a través de la pestaña "texto" del editor de cada diapositiva.
-----------------

Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Clonar Prestashop 1.7 en un servidor local como Xampp en español 2018

Prestashop es uno de los CMS de ecommerce que más se utilizan para crear una tienda online en internet.

Pero cuando la tienda tiene un servicio que ofrecer no podemos estar probando nuevas cosas para ver cual es el resultado, pues los usuarios se verían afectados.

Tampoco es interesante tener una tienda activa cuando la estamos diseñando o preparando y aun no debería estar en producción.

Hay muchos motivos por lo que deberíamos tener una copia descargada en el ordenador, aunque sólo sea para ver si nos conviene instalar un módulo concreto y ver los resultados antes de hacerlo en el hosting o web en producción.

Es muy sencillo y rápido clonar la web y descargarla por completo en un servidor local, da igual si es XAMPP, MAMP, LAMP... El proceso es el mismo para todos.

Pasos a seguir para descargar una tienda creada con Prestashop 1.7 a nuestro ordenador:

1.- Realizar una copia de de todos los archivos, incluidos los ocultos
2.- Realizar una copia de la base de datos
3.- Modificar la ruta de instalación en la tabla (pref)_shop_url
3.- Modificar los datos de conexión con la base de datos en el archivo parameters.php
4.- Confirmar en el Backoffice la url de localhost

Estos cambios sirven tanto para realizar una migración de hosting a local como para subir nuestra tienda en Prestashop de local a un servidor online.

La diferencia en los procesos radica en la forma de crear la base de datos o de editar el archivo para modificar la conexión.


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Reducir tamaño de imágenes para internet en español 2018

URL del editor de imagenes: https://pixlr.com/editor/

Entrada relacionada: https://www.ingresosviaweb.com/reducir-el-tamano-de-las-imagenes/

Las imágenes son los principales elementos de una página web que hacen que cargue la información más lenta.

Para evitar una ralentización a la hora de cargar la página web, podemos reducir el tamaño de la imagen correctamente.

Esta reducción es tanto para las dimensiones como para el peso del archivo.

No se necesita una imagen muy grande cuando el máximo que vamos a poder mostrar en nuestra web al usuario es por ejemplo una anchura de 750 px. Hay que reducirla al tamaño adecuado.

También es importante jugar con la compresión de los colores que permiten diferentes archivos, como los JPG, consiguiendo reducir el tamaño del archivo de forma drástica.

Es posible que perdamos algo de calidad en la fotografía, pero en la gran mayoría de los casos es en beneficio del conjunto global de la web.

Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Añadir enlaces "nofollow" de afiliado de Amazon en Woocommerce de WordPress en español 2018

Para añadir una URL de Amazon de un producto de afiliación tenemos que tener en cuenta una serie de características importantes:

1/ Hay que estar dados de alta en el programa de afiliados de Amazon. https://youtu.be/e-z_dXeeYr8 2/ Tienen que haber aprobado la participación en ese programa. Recibiremos un correo de confirmación.
3/Tener una web o blog donde añadir los enlaces de afiliación
4/Los enlaces tienen que tener una relación "nofollow".
5/Añadimos los productos en Woocommerce como "externo/afiliación".

Este proceso puede realizarse añadiendo un código al tema, pero abría que acceder a los archivos del servidor para realizar los cambios y no lo he creido oportuno.

Podemos utilizar las imágenes que hay en Amazon, pero hay que modificar el nombre del archivo antes de usarlas (y que no contenga la palabra amazon).


Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv

****OTROS VÍDEOS INTERESANTES****

►Plugin gratuito de Woocommerce: https://youtu.be/apsxTnysydQ

****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Cambiar versión de PHP en MAMP en ordenadores Mac en español 2018

MAMP es un conjunto de herramientas que transforman el ordenador Mac en un servidor local, o "localhost",para poder interpretar el código de las páginas webs y poder visualizarlas en un navegador.

De esta forma podemos trabajar offline frente a nuestra computadora sin tener que depender de la tecnología de un servidor online.

Este modo de trabajar es muy bueno si no queremos contratar un hosting hasta que tengamos nuestra web terminada o queremos realizar pruebas sin que afecte a una web en producción ya colgada en internet.

Como los servidores online disponen de una versión de PHP específica, en ocasiones debemos utilizar esa versión en MAMP para evitar problemas de compatibilidad.

Desde la página oficial de MAMP podemos descargarnos cualquier versión de PHP adaptada a la aplicación, para luego instalar los archivos y activarla para poder utilizarla sin problemas.

Si trabajamos con una versión de PHP inadecuada, podemos tener algunos problemas a la hora de colgar la web definitiva en el servidor que contratemos online.

Este proceso sirve tanto para elegir una versión inferior de PHP como para actualizar a la última sin necesidad de actualizar el programa, y todo lo que conlleva de realizar copias de seguridad de los archivos y de las bases de datos.

Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv

TAGS:
Instalar PHP, Apache, MySQL sobre Mac OS X con Mamp
How to Install MAMP on your computer

****OTROS VÍDEOS INTERESANTES****

►Generar otras claves API de Google: https://youtu.be/lai1bFjdlqs
►Cómo crear una cuenta de Google: https://youtu.be/4iafNfDK0u0
►Api de Google Maps: https://youtu.be/6w9vjhz6z8Q

****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Add a comment...

Post has attachment
Colocar un módulo DESLIZADOR o SLIDER adaptable a dispositivos en DIVI en español 2018

Slider o carrusel a pantalla completa en Divi: https://youtu.be/LX1S9eEUxf0

Los slider son una forma de mostrar diferente información en un mismo espacio, normalmente imágenes o banners que cambian tras un periodo de tiempo establecido.

Para crear un deslizador correctamente en Divi, se necesita que las imágenes utilizadas tengan las mismas propiedades, principalmente en tamaño, y que estas sean lo suficientemente grandes para que sean nítidas y carguen de forma correcta, sin ralentizar la página demasiado.

El módulo "Deslizador" del constructor Divi es bastante sencillo s lo utilizamos de forma predefinida, pero podemos jugar un poco con las opciones de diseño para adaptarlo a nuestras necesidades.

Si te interesa adquirir el tema DIVI junto con 80 temas premium más, incluido EXTRA, sigue este enlace. Es de afiliación, te lleva a la página oficial y yo me llevo una pequeña comisión sin que te afecte a ti en el precio. Tu me ayudas y yo te enseño a manajar la plantilla con mis vídeos. Hazlo sólo si te apetece ;)
Web oficial de Elegant Themes:
http://bit.ly/2kyeVSI


Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...

Post has attachment
Ocultar o cambiar la palabra CATEGORÍA y ETIQUETA al mostrar el listado de las entradas en español 2018

El gestor de contenidos Wordpress añade unas palabras en los diferentes feeds de listados de la entradas para saber en que lugar estamos.

Estas palabras son CATEGORÍA y ETIQUETA, y son comunes a todos los temas que instalemos, a no ser que el desarrollador las haya suprimido a propósito.

Si nuestro tema, como el del ejemplo que he usado, Sydney, las incluye, el método más recomendado es eliminarlo a través del archivo funtions.php, pero para no perder los cambios es muy recomendable utilizar un tema hijo.

Podemos generar un tema hijo a partir del tema principal utilizando un plugin como "Child Theme Configurator", que podemos eliminar de nuestro WordPress una vez utilizado.

En el archivo funtions.php del tema hijo debemos añadir un código que podéis encontrar en mi página web, En el siguiente enlace:

CÓDIGO PHP UTILIZADO: http://bit.ly/2roW7cx

Si queréis colocar otra palabra diferente en vez de dejarlo en blanco, ponéis lo que queráis entre las comillas simples del apartado que corresponda.


Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
https://goo.gl/qrK4vv


****SUSCRIBIRSE****

►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: http://goo.gl/52aZ4B
►FACEBOOK: https://www.facebook.com/ingresospasivosviaweb/
►TWITTER: https://twitter.com/moneybyweb
►WEB: https://www.ingresosviaweb.com


Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
http://goo.gl/qI5uRK
Add a comment...
Wait while more posts are being loaded