BlockWheels Pro Tutorial: How To Create Team Member Block In WordPress Gutenberg Editor
Welcome to the world of seamless website customization with Blockwheels Pro Plugin!
Let's embark on a journey to effortlessly add that personal touch to your website with the Team Members Block.
Join us on BlockWheels as we guide you through the process step by step.
https://demo.wpwheels.com/blockwheels...
--------------------------------------------------------------
#BlockWheels #teammembers #gutenberg #GutenbergPlugin #wordpressplugin #CreativeWebDesign #Customization #WebDevelopment #WordPressDevelopment #PersonalizedExperience #WebsiteBuilder #digitalcreativity #wordpress #gutenberg #patterns #themes #plugins #blocks #fse #WordPressPlugins #PluginPower #WordPressTools #WebDevelopment #WebsiteTools #WordPressCommunity #WordPressSupport #WordPressExtensions #WebDesign #OnlineTools #wpwheels #accordion #wordpress #webdevelopment #WPWheelsProTutorial #heroslider #slider #team #members
-------------------------------
Begin by installing and activating the Blockwheels Pro Plugin.
Now, let's navigate to the page where the Team Member block is intended to be placed.
Scroll down to the section where the Team Member block is to be added.
Click on the Block Holder section and the '+' icon. Next, click the 'Browse All' button to view all available blocks and search for "Blockwheels."
Locate and click the Team Member block to add it to the page.
By default, the Team Member block is placed with three team member placeholders. You can start updating the content by uploading the image of the employee and adding a Designation, Employee Name, Bio, and social media links as per requirement.
To add social media links, click on the '+' icon, search for the social media icon, add the URL, and set whether the link will open in the same tab or a new tab when clicked.
Similarly, you can update the content details in the remaining Team Member Blocks.
To add an additional Team Member Block, select the parent block, and click on the spotlight '+' icon, and add your details to the Team Member placeholder.
To remove a certain Team Member, click on the spotlight 'Three Dots' icon and select the delete option.
Once you are done updating the content, select the Team Member Block and click the spotlight icon to further customize the Team Member Block. Click on the gallery dropdown to set column images per row, gutter, and margin.
Click on the column dropdown to set the number of team members to show per row, column gap, row gap, modify border properties, and column background color.
Click on the Image Dropdown to set the Image Ratio, border Radius, and set Overlay Color.
Click on the Name Dropdown to modify the Text Properties like font family and font color. Similarly, you can modify the text properties under Designation and Bio Dropdowns.
Next, click on the social icons dropdown to set background size, icon size, border properties, item gapping, Icon color, and Background color.
Next, click on the content dropdown where you can choose the default style layout preset and enable/disable the slider image, subheading, heading, and description. If you want to add buttons on the hero slider, you can enable it and add buttons to specific slides.
To add Additional CSS Classes, expand the Advanced Dropdown.
Furthermore, you can even customize the individual team member by selecting a single team member. Click on the content dropdown to modify content alignment and set Background Color.
Click on the Image Dropdown to set the image position, Alternative text, and Image Target Link.
After completing customization, update the page and view it in a new tab. Ta-da!
here you have it! Adding the Team Members Block has never been this exhilarating. With Blockwheels Pro Plugin, your website becomes your canvas, and the possibilities are endless!
Ready to unleash your creativity? Let's get started!
----------------------------------------------------------------
Visit us for more details.
https://wpwheels.com/
Free Plugin:
https://wpwheels.com/plugins/blockwhe...
Premium Plugin: https://wpwheels.com/plugins/blockwhe...
Free Theme: https://wpwheels.com/themes/wpwheels/
Follow Us:
WPWheels FB Group: / wpwheelscommunity
/ wpwheels
/ wpwheels
/ wpwheels
/ wpwheels
/ wpwheels
Subscribe to our YouTube channel at: / wpwheels
Информация по комментариям в разработке