Soon, the ancient Tengbao editor will officially become part of the core of WordPress. What does this mean for the slider in WordPress?
Well, this means a few things: Gu Tengbao slider will be easier to add to the page and posts than ever, and you will be able to preview all sliders in the Ge Tengbao editor.
In this article, I will introduce you to the basic knowledge of Gutenberg so that you can understand how it works, and then I will show you how to use the Gutenberg editor to add the slider to the slider to add the slider to In the post. Finally, we will see some different types of sliders you can add by Gutenberg, which can be added to the post well.
What is Gu Tengbao?
Gutenberg will soon become a new visual editor of WordPress. Since WordPress was first released in 2003, the existing visual editors have not changed much at all. Since then, other platforms have appeared in a simplified writing experience, making WordPress look old. Basically, Gu Tengbao is an attempt for WordPress to catch up with cool children.
on board the boat Bar! Join our 142,416 subscribers!
Send our latest news, tutorials, guidelines, prompts, and transactions to your inbox. No spam. free. Just the planned email.
This is what the classic editor and Gutengbao editor are side by side:
Classic WordPress editor and Gu Tengbao editor
[ 123]
When you put the page or post together using Gutenberg, you will use \”content blocks\”, which are basically blocks of text, title, image, and other media. Using blocks, you can implement content that may require simplified or custom HTML. Gutenberg’s work began in early 2017 and is still ongoing. You can it as a plug -in from wordpress.orgtry out. It plans to release it with WordPress 5.0, but it is not determined. Some people say that it may be released later or even early next year.
So far, the comments are mixed -people either like it or hate it it. In fact, the average comments are divided into 2.5 stars. I firmly belong to the \”Love it\” camp. I have installed Gutenberg for a few months on my website. It is so cool to see how changes in each update interface.
As a writer who has been using WordPress for many years, I think Gu Tengbao is a fresh air and is late.
I mean, why should WordPress be as easy to use as Medium?
After installing and activating Gutenberg with Gutengbao and content block
, it will become the default visual editor of your WordPress website. You will notice that there is a new Gutenberg menu item at the bottom of the side bar, including a demonstration (we will discuss below).
Gu Tengbao in the side bar Menu
You will also see the link below the post, these links allow you to switch between using Gutenberg and classic editors.
Edit your post in the classic editor
If you haven’t used it, [[[ 123] Let’s see how it works by presenting the post:
On the right, you will see that the sidebar has been copied from the classic editor. It has not changed much, and it still includes all commonly used options, such as update visibility and release time and date. Below, you will see the meta -frames of categories, labels, and characteristic pictures, as well as excerpts and discussions.
The \”Release\” button has been moved to the upper right corner, and you can still preview the post. When you click on the gear, it will hide the sidebar, so there is more space to write.
Editor of Gu Tengbao
If you want to know how to switch to the code editor, you only need a single singleWhen you hit the three points in the upper right corner, you will see the options there. Aside from all these familiar things, let us study the content blocks.
Use content block You have a big one on the left you have a big one Writing space. It is particularly convenient for laptop users who are difficult to use the classic editor’s stupid interface ( for example! ). It is particularly convenient. To access the content block, click the \”+\” icon in the upper left corner. You will first see the \”most commonly used\” block, but when you roll down, you can access other blocks for formatting, layout, small components, and various different embedded from YouTube and Twitter to Spotify and SoundCloud.
The block in the ancient Tengbao editor
Let us see how these blocks work.
The demonstration already has a title. When you hang the mouse on it, you can click any position in the block to edit the text. Click this block to display the option for the permanent link of the editor.
The fixed link of the editor post
is a cover picture block below the title, which is WordPress from WordPress. A new concept. This type of block allows you to display text on the image or only display images without text. When you click this block, it will display options for editing images on the top, including replacement and alignment.
will also pop up to edit text to make its options, oblique or adding links. Strangely, there are the fourth options that can be added to delete lines.
Edit text in Gutengbao Add and edit text is very intuitive. Gutenberg regards each text paragraph as a separate block, so when you type and click \”Enter\”, you will automatically create a new paragraph block to continue writing.
When you click a piece of text, you can get the options of alignment and formatting text, and you can also add links and delete cables.
Link to the text to your text in Gu Tengbao
Generally speaking, it is generally speaking.
Gu Tengbao is really easy to use
And do not need to spend time to figure out how to use it. I suggest that you install it on the temporary site before adding it to your real -time site, so that you can understand its working principle before starting the post on your real -time site.
Add Gutengbao slider to WordPress Since the release of Gutenberg, the Smart Slider 3 team has been working hard to ensure that the slider is compatible.
I am glad to tell you that Smart Slider 3 is compatible with Gutenberg! When you update the SS3, you will see a new slider content block when you use Gutenberg next time.
The following is the method of using the new Smart Slider 3 The method of adding Gutenberg slider to WordPress: 1. First, install (or update) Smart Slider 3, so that you can run the latest version. 2. Click Smart Slider
in the sidebar, create a new project and select
Start with a Template option
.
Import templates in smart sliders
3. Select the template you want to use. I want to go to a simple image slider. Intelligent slider template
4. You will be redirected to the editing screen of the slider. Continue to make any changes to the slider.
5. When you are ready to add the slider to your post, open it in Gutenberg It also clicks the content block icon. You will see that Smart Slider 3 has been added to your \”most commonly used\” list.
The Smart Slider 3 district of Gu Tengbao 6. The new slider will be added to your post. If you are not currently selecting blocks in the post, your slider will be inserted into the bottom of the post by default. If you really choose a block, it will be inserted into the block you highlightsEssence
Select the slider in Gutenberg
7. Click
Select the slide block, your Smart Slider 3 slide will be displayed.Choose your slider and it will appear in your post.
The slider in the Gutengbao Post Office
8. There is also a simpler way to add a slider to the post: when you add a new newWhen coming to the content block, you will see three small icons in the lower left corner of the block, including the Smart Slider 3 icon.When you click it, you can insert a slider.
This is all the work you need to do using gutenberg to add a slider
.If you ask me, it is even easier to copy+paste short code!
4. You will be redirected to the editing screen of the slider. Continue to make any changes to the slider.
8. There is also a simpler way to add a slider to the post: when you add a new newWhen coming to the content block, you will see three small icons in the lower left corner of the block, including the Smart Slider 3 icon.When you click it, you can insert a slider.
123] Let’s see how it works by presenting the post: