Introducci�n a los editores visuales y el dise�o web

Aprender sobre dise�o web. Crear dise�os incre�bles con el creador de p�ginas de WordPress.

4.0

Course in English

30 days Money Back Guarantee
Certificate of Completion
More than 3 hours of content
Additional Material
Lifetime
access

Teacher: Roko

Details

Description

En este tutorial vamos a tratar el tema del diseño web. Actualmente, WordPress es una plataforma muy utilizada y funcional, por lo que aprenderemos a crear un tema de WordPress paso a paso. Aprenderemos a crear una plantilla desde cero, a responder a nuestro sitio web, a crear diseños profesionales y mucho más. Podemos crear diseños profesionales adaptados a todos los dispositivos.

Además, aprenderemos cómo utilizar algunos plagiás compatibles con WordPress como Wo Commerce o Slideshow.

¿Por qué WordPress? ¿Por qué un sistema de administración de contenido (CMS) que está listo para crear cualquier tipo de página web, blog o tienda en línea? Este CMS se creó al principio, como un sitio para crear un blog, poco después se convirtió en una de las herramientas más grandes para crear páginas webs comerciales.

Y, ¿por qué Themes Generator? Es un creador de temas que se sincroniza perfectamente con WordPress.
Con este editor no necesitamos escribir código. Podemos usar bloques o diseños predeterminados o crear el diseño desde cero. Es gratis y fácil de usar. Es una herramienta útil para comenzar con diseños web.

View full description Hide full description

Objectives

Aprender a gestionar el sistema de bloques de un editor visual.
Crear un dise�o responsive.
Aprende sobre la estructura web.
Utilizar adecuadamente los plugins.
Conocer nuevas herramientas para el dise�o web.

Instructional level

Intermediate

Requirements

Eager to learn
A computer
Internet

Who should take this online course

A todas las personas que quieran aprender a crear diseños web. Cualquier alumno interesado en nuevas tecnologías.
Actualmente, el conocimiento sobre el diseño y la estructura web es importante, ya que puede ser útil para trabajar o para proyectos personales.

Chapter 1: Basic level. Create a web template from scratch for WordPress
- 1 Introduction to Themes Generator 10:08 min
  
  DescriptionIf we want to learn about web design, this is a good course to know in detail the tricks of web design. Create amazing designs with the creator of WordPress pages. Let's look at everything we can do with Themes Generator. This visual editor is a tool that allows us to create a custom theme for WordPress, totally free. We can create the theme using predefined blocks, with the themes that are included at the beginning or that can be used from scratch in the same WordPress theme. Unique and personal creations.
- 2 How to create a WordPress theme in 15 minutes 15:26 min
  
  DescriptionBuild from scratch a WordPress theme in Themes Generator using predesigned blocks, saving a lot of time and effort. We can see how predesigned blocks are modified with just a few clicks in this WordPress 2019 theme development tutorial. In this video, we will learn all the steps we must follow to learn how to create unique Wordpress themes. ? Use our blocks ready to use.? Drag and drop interface.? Design and export your theme to Wordpress? No code
- 3 Complete tutorial to create a professional WordPress template from scratch 69:44 min
  2
  
  DescriptionA complete course to learn how to build your WordPress theme from scratch using Themes Generator. In this course we will learn how to: To build a WordPress theme using an interface that allows us to drag and drop blocks? Add classes and multiple elements.? Build different sections such as About us or Services.? Add a background image with a parallax effect? Export your theme to WordPress We can visually design a WordPress template without writing a single line of code with this WordPress 2018 theme development tutorial.
Chapter 2: Advanced level. Insert and use plugins properly.
- 1 Customize the Menu 11:49 min
  
  DescriptionLearn how to stylize the menu of your WordPress navigation bar. We have updated the navigation bar and have made it more powerful and easier to use.In this video, you will learn how to place your menu in Themes Generator and then design it in the WordPress customizer. ? Easily design your WordPress menu? Style your menu in the WordPress customizer? More features that come! ? Themes Generator is constantly improving and adding new features. All updates are published on this channel, so do not forget to subscribe and ring the bell to receive notifications every time an update is published!
- 2 Add a slide show (slideshow) in WordPress 12:21 min
  
  DescriptionThemes Generator supports two free WordPress slide show add-ons: Meta Slider and Smart Slider 3, the best WordPress slide show add-ons. In this tutorial, we will learn how to insert a slide show into the WordPress theme. Both sliders are very powerful and we can create beautiful and responsive sliders without writing a single line of code.
- 3 Add background image in WordPress header using Themes Generator 09:50 min
  
  DescriptionAll websites use images to complete their content, to show products, team members and even services. The header is an important element of a website and the tendency is to insert a background image in the header. Instead of setting up a background image below the header, many web designers and developers choose to add an image as a header background, which makes the sites look more modern and stylish. In this tutorial, we will learn how to add an image as a header background in WordPress using Themes Generator.
- 4 Create a blog in WordPress 12:44 min
  
  DescriptionWhen you have your blog running and want to show some of your posts on your homepage, adding a section with your recent posts is a great idea to attract attention and traffic to your content. In this tutorial, you'll learn how to set up and design your Latest posts section on your WordPress homepage. In Themes Generator, you can place this new block and, in the WordPress customizer, you will find many style options.
- 5 WordPress Themes Generator now supports WooCommerce 19:39 min
  
  DescriptionNow we can design our own e-commerce theme with Themes Generator! With this tutorial we will learn, step by step, everything you need to design an online store in WordPress and sell products on the web from today. We have made Themes Generator compatible with WooComerce, the most popular complement to create a WordPress store. This tutorial shows us how to make WooCommerce compatible with a Themes Generator WordPress theme, how to configure WooCommerce and how to load your products.
- 6 Add a section separator to your WordPress theme 03:32 min
  
  DescriptionDesign elegant and modern themes with Themes Generator (https://themesgenerator.com/). In this video, you will learn how to use the Section Separator block. This block is used to separate different sections of your website. But instead of using boring horizontal lines, this section divider creates different diagonal lines, curves and triangles. You can verify how to use this block in the Agency demonstration, a Premium theme in Themes Generator. Demo Template Agency: https://themesgenerator.com/themes-preview/agency/
- 7 Add differentes WordPress headers with Themes Generator 05:19 min
  
  DescriptionHow to add different headlines in WordPress pages (home page, internal pages, blog posts, etc.). It is useful to be able to show different headers according to the page that we want, for example, to show an initial menu for the home page and another menu for the section of the blog. We can also add all the extra blocks (for the header) that we want. So we can play with the headings within each page of the web.
- 8 Add a back to top button in WordPress with Themes Generator 02:46 min
  
  DescriptionWhen we have very long pages, it is advisable to place a button to go back to the beginning. This helps users to return to the top menu instantaneously. It can be frustrating for a user to have to scroll up with the sidebar, as well as to avoid a bad experience in the user, in this tutorial learn to place a button to return to the beginning of the topic Generator theme.
- 9 Add differentes WordPress footers with Themes Generator 05:07 min
  
  DescriptionHow to add a different footer to WordPress pages with Themes Generator. With this additional footer block, you can add as many footers as you want. Create and design different footers for a theme. From WordPress, you can select where you want them to be displayed.
- 10 Create WordPress page templates with Themes Generator 09:33 min
  
  DescriptionNow with Themes Generator, you can create as many page template designs as you want. In this tutorial, you will learn step by step how to use this block. WordPress page templates are used to apply different designs to internal pages. You can design as many page templates as you want in Themes Generator and then apply them to your WordPress pages in the WordPress backend.
Chapter 3: Some interesting aspects about Adobe Muse and some alternatives.
- 1 The battle of page creators (visual editors) 16:18 min
  
  DescriptionWhat are the differences between all website builders? Which one is the most complete or suitable for me? In this video we will make a complete review of the most popular website creators. We will compare Adobe Muse with WordPress, Wix, Webflow, Squarespace, Adobe Spark, Adobe XD, Bootstrap Studio and Dreamweaver. We will also analyze the vetnajas and the disadvantages of each one. ? If you are looking for Adobe Muse alternatives, you are a professional web designer and you are looking for new options, or you are new to web design and do not know where to start, this video analyzes the most popular website. Applications you can use in 2019
- 2 We analyze WooCommerce and its alternatives 16:03 min
  
  DescriptionThis video is a complete review of the most popular sales platforms in 2019. A complete guide for beginners where we will talk about the advantages and disadvantages of these online store platforms. ? If you are new to online sales, you may have many questions such as "What platform is best for me?", "Are there any sales fees?" or "Are these platforms easy to manage?" You should choose your next e-commerce platform carefully and we hope this tutorial helps you determine which one suits you best. These are the important characteristics that you should consider before making a decision: ? Coding knowledgeSetup store configuration? Prices / cost? Housing and maintenance fees.? Help and supportFees Sales ratesProperty full site property? Where can I sell?? Types of products you can sell.? Market size
- 3 Do you know Adobe Muse? Finding similar alternatives. 05:48 min
  
  DescriptionIt's been a while since Adobe announced the end of a feature enhancement for Muse, and it's time for us to sit down and talk about some alternatives for Muse users. We will also know useful tools to create web designs. We talk about the future for Muse users, the tools to create websites without code that we have tested and what we think is best for Muse users.
- 4 News and ideas for this 2019 02:34 min
  
  DescriptionHi guys! I just wanted to show some warnings. We are preparing many videos for 2019, not only about web design, but also about digital marketing and SEO. Our channel has grown so much in 2018 thanks to you and we want to grow even more in 2019.

The Teachlr

Roko

Web designer and blog editor

I'm a fan of WordPress and its plugins. As everyone is online with courses and free. I love developing courses oriented to web and positioning training. Web design is my specialty, but I am learning some programming. I have learned basic programming languages ??such as HTML 5 and CSS3. In my spare time I write and read in blogs. I am a big fan of sharing information.

Reviews

Rocio Ciudad

Me pareci� un curso muy completo con buen material did�ctico. Y por lo que veo lo actualizan cada poco tiempo con nuevos v�deos.
jose raul triana garcia

me parecio bueno pero ojala lo subtitularan al espa�ol gracias