Learn Elementor - Elementor for WordPress

所在平台: Udemy

课程主页: https://www.udemy.com/course/wordpress-front-end-development-elementor/

课程评论:没有评论

第一个写评论        关注课程

课程简介

本期 Coursera 课程“WordPress 页面构建器 Elementor 精通”,将带您深入了解 Elementor,这款强大的免费 WordPress 页面构建器,助您轻松打造专业网站。 课程亮点: * **前端可视化编辑:** 告别后台操作,直接在网站前端拖放设计,所见即所得。 * **免费版功能详解:** 掌握 Elementor 免费版提供的数十种精美小部件和模板,实现像素级的精准设计。 * **Pro 版强大升级:** 学习 Elementor Pro 的魔力,轻松解决 WordPress 主题外观不符预期的问题。Pro 版不仅提供拖放式页面构建,更能让您完全掌控主题设计,打造独一无二的网站。 * **全方位课程内容:** * 学习 Elementor 的安装与基础设置。 * 掌握从其他网站汲取灵感,并运用到自身设计中的技巧,包括字体与色彩选择。 * 理解盒模型,掌握 padding 和 margin 如何影响元素布局。 * 探索 Hex 色码,并学习自定义字体和图标的安装(Pro 版)。 * 熟悉 Elementor 的前端界面,理解 Sections, Columns, Elements 的构建逻辑,并通过设计练习加深理解。 * 学习如何使用模板,实现设计元素的重复利用,并支持模板的导出与导入。 * 解锁 Elementor 全局小部件的强大功能。 * (Pro 版)学习使用 Elementor 构建完整的 WordPress 主题,包括头部、底部、文章列表、404 页面、单篇文章模板、归档页面模板等,并设计首页、登陆页和弹出窗口。 * 掌握 Elementor 的动态效果,为页面注入活力。 * 学习集成高级自定义字段 (ACF) 和自定义文章类型 (CPT)。 * 关注移动端优化,确保网站在各种设备上的完美呈现。 无论您是网站所有者还是希望提升网站设计能力,Elementor 都能助您实现理想中的网站。本课程将为您提供全面的指导,让您充分释放 Elementor 的潜力。

课程评论(0条)

课程详情

Learn WordPress Elementor and unleash a powerful & free page builder for WordPress with this Elementor course. With Elementor, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard.The free version of Elementor is a page-builder that comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel perfect precision. It's an impressive and well-established page-builder. The Pro version of Elementor will blow you away! If you have ever been frustrated trying to make your WordPress theme look like the demo you saw on the theme's homepage, you are not alone. Most themes require extra plugins and an in-depth knowledge of the support documentation to make it look anything like the one that drew you to it in the first place. With Elementor Pro, you don't need to ever feel that frustration again. Elementor Pro gives you the same drag and drop page builder, but also allows you to create your own WordPress theme, designed exactly as you want it.This Elementor course covers both the free and paid versions of Elementor. After a discussion of why you should learn Elementor, you'll install the plugin and a theme. We'll then cover:How to borrow inspiration from other websites, to craft your own unique design. That includes choosing the right fonts and colours for your site.We'll look at the box model and you'll learn how padding and margin can affect placement of elements on the page. We'll take a look at Hex colour codes.We'll go through all of Elementor's back-end settings, including how to install custom fonts and icons (for Pro users).You'll become familiar with the front-end Elementor interface as we go through all of the menu and settings.You'll get to know how an Elementor page is structured using sections, columns and elements. At this stage, I'll set you a few design tasks and then go over the solutions in detail.You'll learn how to use templates so that you can create a design element once, and re-use it as many times as you want. You can even export your templates from one site and import them into another.You'll see why Elementor's global widgets are a powerful asset in your toolbox.For Pro users, we'll look at building an entire theme with Elementor, based on the inspiration we got earlier in the course. We'll see how different templates can be created and used in different areas of the site design. We'll create templates for the site header, footer, blog page, 404 page, single post template & archive page template. Will design the homepage. We'll design a landing page. We'll even design a popup and set the trigger conditions to define when it shows on your site.Elementor offers you some great tools, including motion effects. These can be used to bring movement to your pages, so we'll look at those.How (and why) we can use and integrate advanced custom fields and custom post types into our site design.And finally, we'll look at mobile optimization. This powerful set of tools will allow you to check (and fix) your site design so that it looks great on a desktop, tablet AND mobile phone.Elementor was created for every site owner that wants to create beautiful web content. It was created to allow you to design the site YOU want. This course teaches you how to use it!

课程标签

0人关注该课程

主题相关的课程