How to use the WordPress Shortcoder Plugin to create custom shortcodes At this level you can set up the z-index of your block (vertically order the elements that overlap), set up if the element overflows or not (displaying the content of the block flowing out of its container into the surrounding area), add HTML anchors and CSS classes. Here you can decide whether the block will show or not on desktop, tablet or mobile.
#Wordpress text editor full
You have full control over the position, blur, spread and color of the box shadow. Here you can add borders with a different color, radius and thickness to your block. Here you can set up the margins and paddings for the shortcode block. Here you can make adjustments to background color and type. You will affect the block, not its content.Īt this level you can make edits to the shortcode block, both in the normal and hover state. It can be a gallery or slider plugin, a contact form plugin, etc.īut there’s some stuff that you can style inside Advanced. You can’t style the shortcode here, because, as you may already know by now, the content behind the shortcode is managed inside a plugin. You can also paste it directly in the shortcode block on the canvas. The options inside vary from block to block, and it’s here where all the Kubio magic happens.Īt the content level of the shortcode block, you can paste your code.
Well, when you click on any block inside Kubio, you will notice a block editing panel on the right with several options, grouped inside three menus: Content, Style, and Advanced. This option won’t link the styles of the blocks, meaning that a styling change done to a block, won’t affect the other.īut what exactly distinguishes the default shortcode block from the Kubio one? Paste style (PRO only) – after copying the style from another block, use this option to paste the style.When the styles are linked it means that any style change happening on a block, it will be reflected on the other one as well. Paste style and link (PRO only) – after copying the style from another block, use this option to paste the style.Now, you should know that in the case of advanced blocks, they have multiple blocks inside (buttons, images, text, etc), the styling won’t be copied for the elements on the inside as well. You can copy and paste styles across the same type of block, from paragraphs to sliders. This option is used together with the paste style. This will copy text color, background color, font size, font family, borders and their styling, to another block. Copy style (PRO only) – use this option when you want to copy the style from a block to another.After this duplication, you can style both blocks independently. This allows you to clone your current block. When you select the up and down arrows, you will move the block up and down. When you select the 6 dots, you will have the option to drag and drop the block where you want. The Kubio shortcode block has a slightly changed toolbar.
#Wordpress text editor code
You now need to paste the code inside the block.
0 kommentar(er)
