Step 02: Group the Block<\/h3>\n\n\n\n By grouping the block, you can add multiple blocks one by one within the specified group section. The biggest advantage is that you can do extensive customization between them, which is not possible with normal ungrouped blocks.<\/p>\n\n\n\n
Click the three-dot icon<\/strong> on the toolbar. Find and hit the Group option<\/strong> en la lista.<\/p>\n\n\n\nAfter the block is grouped, you\u2019ll see the Gutenberg plus (+) icon within the group section. Now, you can add new blocks inside it.<\/p>\n\n\n\nStep 03: Add a Brief Description of the Team Section<\/h3>\n\n\n\n Adding a brief description of the team section will provide SEO benefits and help users understand the context of the section.<\/p>\n\n\n\n
Add the Paragraph block<\/strong> within the group section.<\/p>\n\n\n\nSimply write what you want to describe about the section. You can lessen the width of the content in the block by using the padding option.<\/p>\n\n\n\n
You can customize each block immediately after adding it. But we will do that after the complete layout is ready.<\/p>\n\n\n\nStep 04: Add Team Members<\/h3>\n\n\n\n Now, you need to create a separate layout within this section to display your team members. You can display them in different ways. We have seen so far most websites showcase their team sections in row, column, and box formats.<\/p>\n\n\n\n
So we will also present our team section in the column-box format. Select the entire group<\/strong> by clicking the Group icon<\/strong> en la barra de herramientas. Hit the plus (+) icon<\/strong>. <\/p>\n\n\n\nFind and add the Column block<\/strong>.<\/p>\n\n\n\nSelect the number of columns based on how many team members you want to show. As we will show three members, we are selecting three columns.<\/p>\n\n\n\nAlthough we mentioned three columns, you may be surprised that there is only one column after the block is added. Don\u2019t get worried! The columns will appear as you alternately hover your mouse and click on the white space on the right.<\/p>\n\n\n\n
See the video below.<\/p>\n\n\n\n<\/video><\/figure>\n\n\n\nYou can add new blocks within the parent block. Come to the first column. Add the Image block<\/strong> within it. After that, you can upload an image from the media library or your local drive.<\/p>\n\n\n\nYou can see that we have already added an image. We have centrally aligned it<\/strong>. You can resize the image using the Edge circles.<\/p>\n\n\n\nOnce done with the image, hit the Enter button on your keyboard<\/strong> to get the new block-adding option. By default, the paragraph block will appear.<\/p>\n\n\n\nAdd the team member\u2019s name, his designation, and a short intro about him. We have added them using the paragraph block.<\/p>\n\n\n\nWe will now link the personal social profiles<\/strong> of the team members in the same column through social blocks<\/strong>. <\/p>\n\n\n\nWe will link four popular profiles here. So, create four more columns inside the parent column using column blocks.<\/p>\n\n\n\n
Add the Social Icons block<\/strong> within the parent column under the team member\u2019s name and intro.<\/p>\n\n\n\nThe Social Icon block integrates all the popular social media platforms. Once the Social Icon block is added, you\u2019ll have the flexibility to choose the blocks you like by clicking the icono m\u00e1s (+)<\/strong>. The video attached below explains the process.<\/p>\n\n\n\n<\/video><\/figure>\n\n\n\nClick the social icons <\/strong>one by one. You\u2019ll get a box where you can copy-paste the respective social profile links. Complete the social section this way.<\/p>\n\n\n\nSelect the entire parent column<\/strong>. Come to the Ficha Estilos<\/strong>. Remove unnecessary spaces between the blocks you have added horizontally using the Block Spacing option<\/strong>.<\/p>\n\n\n\nAdd a background color<\/strong> to the team member\u2019s column. For a better appearance, add horizontal padding<\/strong> to add some additional space around the column. <\/p>\n\n\n\nSimilarly, complete the other two columns on the right side by adding new team members.<\/p>\n\n\n\nYou can see that we have filled up all three columns with three team members and their information.<\/p>\n\n\n\nStep 05: Stylize the Entire Team Member\u2019s Section<\/h3>\n\n\n\n Select the entire team member section<\/strong> by clicking the Group icon<\/strong> en la barra de herramientas. <\/p>\n\n\n\nAdd a background color<\/strong> to the team section that sounds suitable to you. After that, you may change your text color individually<\/strong>, selecting the respective paragraph blocks one by one.<\/p>\n\n\n\nNext, add some padding<\/strong> both vertically and horizontally to create some white space around the entire section.<\/p>\n\n\n\nFinally, add a radius to the team section so the border corner has a semi-round shape. This will give a different beautiful look to the section.<\/p>\n\n\n\nStep 06: Preview the Team Section on the Frontend<\/h3>\n\n\n\n Finally, come to the frontend of the page and see how the team section looks. <\/p>\n\n\n\nConclusi\u00f3n<\/h2>\n\n\n\n You can create and customize the team member section in various different ways as well. We have just presented here a basic process from which you can take inspiration to create and realize more wonderful designs.<\/p>\n\n\n\n
If you ever face any problem anywhere in the entire tutorial, don\u2019t hesitate to let us know through the comment box. Finally, before moving away from our site, spare a few minutes to explore this post on how to create a content box in WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"A team member section is a dedicated space in a website where you can showcase talented people who make up your team and organization. It’s a place where you can highlight their expertise, achievements, and success stories. The primary purpose of a website is not only to capture attention but also to connect people. Honestly, […]<\/p>\n","protected":false},"author":1,"featured_media":2104,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[102],"class_list":["post-1967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Create-a-Team-Member-Section-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/1967\/revisions"}],"predecessor-version":[{"id":8167,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/1967\/revisions\/8167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/2104"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=1967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n![\"Write](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Write-the-title-for-your-team-section-using-the-Paragraph-block.webp\")
<\/figure>\n\n\n\n![\"Group](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Group-the-Paragraph-Block.webp\")
<\/figure>\n\n\n\n![\"Gutenberg](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Gutenberg-block-adding-option-within-the-group-section.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-a-Brief-Description-of-the-Team-Section.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-a-description-of-the-team-section.webp\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Column-block-to-show-the-team-members.webp\")
<\/figure>\n\n\n\n![\"Select](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns.webp\")
<\/figure>\n\n\n\n