Wp My Blocks
This is a WordPress Gutenberg Custom Block with title, text and and image.
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/zagaz/wp-my-block-/archive/refs/heads/main.zipReadme
WP-my-blocks
Description
This is a WordPress plugin that adds a custom block to the Gutenberg editor.
It has 4 fields:
- Title
- Content
- Image
- date
Installation
- Upload the plugin files to the
/wp-content/plugins/wp-my-blocksdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the 'Plugins' screen in WordPress
Usage
- Go to the post/page editor
- Add a new block
- Look for the "Zagaz" block
- Fill in the fields
- Save the post/page
The Components
Title
The title of the block. It's a text field. Just type in the title.
Title settings
Click on the title to open the settings on the sidebar. You can change the color of the title.
Content
The content of the block. It's a text field. Just type in the content. If you click on the input a toolbar will appear with some options to format the text. You can choose between aligning the text to the left, center, right or justify it. You can also make the text bold, italic, strikethrough, add a link, or add a quote.
To change the font color, go to the sidebar and click on the "Color Settings" tab. You can change the color of the text, the background, and the border.
To change the font size, go to the sidebar and click on the "Size" tab. You can change the font size in different ways. By defalt there's a slider to change the size. You can choose between Smal, Medium and Large.
If you want to set a custom size, just click on the settings button on the top right corner of the sidebar. On this mode, you can type in the size you want on the input. Also, you can use the slider. If you need to go back to the default sizes, just click on the "Reset" button.
Date
The date of the block. It's a date picker. Just click on the input and select the date. You you'll see a calendar to help you pick the date. Once you select the date, it will be displayed in the input.
Image
The image of the block. It's an image uploader. Just click on the input and select the image.
- To add the image just click on "Upload Image" button and select a new image.
- To remove the image just click on "Remove Image" button.
- To flip the image horizontally, toggle the "Flip Image" switch on the sidebar.
- On the sidebar you can change the aspect ratio. There are:
-- Landscape (16:9)
-- Portrait (9:16) "Vertical"
-- Square (1:1)
-- Circle
-- Original
Frontend
That's how tit will be displayed on the post.
