Zero Block. Design Editor for Professionals

Подписаться 5 тыс.

Просмотров 9 тыс.

50% 1

This tutorial explains how to use Zero Block editor that allows designers to go beyond any limitations and create unique web designs with Tilda.
👉 Create a stunning website on Tilda: tilda.cc
00:00 Introduction
00:28 How to add a Zero Block
01:09 Zero Block Interface
02:26 Adding text to Zero Block
03:47 Element settings
08:01 Adding an image to Zero Block
09:19 Adding a shape to Zero Block
10:56 Adding a button to Zero Block
12:08 Layers in Zero Block
13:06 How to adapt the design to various screens
15:30 Guides in Zero Block
16:11 Artboard settings
17:27 How to make a fullscreen responsive block
18:47 How to fix the position of an element
20:14 Responsive elements in Zero Block
22:02 How to design a cover page in Zero Block
24:11 Main shortcuts in Zero Block
Discover all Zero Block features: zero.tilda.cc
Watch other tutorials by Tilda:
🔹How to Create a Multi-Page Website: • How to Create a Multi-...
🔹How to Build an Online Store: • How to Make an Online ...
🔹How to Create a One-Page Website on Tilda: • How to Create a One-Pa...
Follow us on social media:
🔸Instagram: / tilda.cc
🔸Facebook: / tildapublishing
🔸Twitter: / tildapublishing
#zeroblock #tilda #websitebuilder
Share your projects on social media using the #madeontilda hashtag!

Опубликовано:

3 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 22

@user-nt2vi3fs6m 6 месяцев назад

Great tutorial! Thank you!

@TildaPublishing_global 3 месяца назад

Nice, thanks for your feedback!

@nataliaorca3711 3 года назад

Thank you so much!!!

@TildaPublishing_global Год назад

Thank you for watching!

@michaelbergman1950 3 года назад

Thanks for the video. I think that there should be an option to regulate the animation speed in "regular" blocks as well, since they happen before most users can see them.

@TildaPublishing_global 3 года назад

Hi Michael! We totally agree - basic animation is available for the regular blocks, you can set it up in the Settings panel of the block.

@michaelbergman1950 3 года назад

@@TildaPublishing_global you can't edit the animation speed there, surely you know that ;(

@TildaPublishing_global 3 года назад

@@michaelbergman1950 Right, the animation for standard blocks is pre-designed so that you can't make a mistake. If you want to set custom effects, please use the Step-by-Step animation available in Zero Block.

@michaelbergman1950 3 года назад

@@TildaPublishing_global Do you have a step-by-step animation tutorial? That is perhaps the most complex area of the website builder. It has a lot of potential and certainly deserves its own tutorial.

@TildaPublishing_global 3 года назад

@@michaelbergman1950 Hi Michael! Please check out this guide on Step-by-Step animation: help.tilda.cc/zero-advanced-animation Video tutorials about SBS are on the pipeline!

@antonzaderaka1690 Год назад

Hi guys! First of all, thanks for so a cool tool! Also, it would be great if could add an icon to the button. And there is a strange moment with the rounding setting in the border settings:)

@TildaPublishing_global 7 месяцев назад

Hey there, thanks for your feedback! It's totally possible to add an icon to the button (as a second layer). As for the rounding settings, please let us know what exactly made you feel strange at team@tilda.cc 🙌

@zachzeurcher6450 2 года назад

How come I can't use a video as the background like with the prebuilt blocks?

@TildaPublishing_global 2 года назад

Hi, thanks for the question! Indeed, you can have a background video using various pre-designed blocks. In Zero Block, you can use an HTML code to embed a background video. Please note that the Tilda support team does not assist with the third-party codes. Good luck and let us know if you have any further questions!

@macanatalie 3 месяца назад

Hello, is there a way to put an icon on a button with text?

@TildaPublishing_global 3 месяца назад

Hello! Yes, you can add a button with an icon using the block BF802N (in the Page Editor, click the + icon, in the Block Library search for this block, or select it from the "Button" category). also, you can customize buttons as you like in Zero Block (a guide to Zero Block editor: help.tilda.cc/zero) Hope it helps! Feel free to reach out if you have further questions 🙌

@macanatalie 3 месяца назад

@@TildaPublishing_global Hi, Is there a way to add that button or the icon to the button in Zero Block? And if not, how do I add the button with an icon to an existing block instead of creating it in a new block?

@TildaPublishing_global 3 месяца назад

@@macanatalie Hey there! Sure, you can certainly add the icon to the button in Zero Block. As for the pre-designed blocks, it depends on which one you are using at the moment - if it's a block that allows you to add a button with an icon (BF802N, for example), you can directly add the icon. Otherwise, you can switch your current block to the one that supports buttons with icons (to do so, click the block title in the top left corner while editing the page -> switch on the "Keep content on switch: toggle -> choose another block within the category). If anything is not clear please contact our support team at team@tilda.cc or at tilda.ru/tickets/

@macanatalie 3 месяца назад

@@TildaPublishing_global Okay, and how can I add the icon to the button in Zero Block?

@TildaPublishing_global 3 месяца назад

@@macanatalie You can simply drag and drop the icon to the Zero Block artboard and locate it on top of the button (please check all the mobile layouts to make sure it is aligned correctly). You may also want to group the button and the icon (use the shortcut "command+G") 🙌

@nsa3679 7 месяцев назад

bro no one uses iPhone 5S anymore and why don't you show distance between elements like Figma does

@TildaPublishing_global 7 месяцев назад

Hey, thanks for your comments 🤭 (no need to design for iPhone 5 as the mobile version can be flexibly adjusted, see the video at 15:11). Also, lots of new features have been introduced in the last few months, and yes, now it's totally possible to measure the distance between elements by holding down the Option key on Mac or the Alt key on Windows, here's more: blog-en.tilda.cc/new-zero-block-features 💪