{"id":1791,"date":"2020-07-19T10:57:37","date_gmt":"2020-07-19T10:57:37","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=1791"},"modified":"2024-11-10T11:12:37","modified_gmt":"2024-11-10T11:12:37","slug":"team","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/team\/","title":{"rendered":"Team"},"content":{"rendered":"\n<p>The <strong>Team<\/strong> feature in Kata for WordPress enables you to showcase team members or credit individuals associated with a project. Whether you need to display employees, project contributors, or collaborators, the Team feature provides two methods for adding and managing team members. Follow the instructions below to make the most of this powerful feature.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Method 1: Using the Team Menu<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Access the Team Feature:<\/strong><\/h3>\n\n\n\n<p>You\u2019ll be taken to the <strong>Team Members<\/strong> page, where you can view all existing team members or start adding new ones.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the WordPress dashboard, go to the left-side menu and select <strong>Team<\/strong> <strong>Member<\/strong>.<\/li>\n\n\n\n<li>You\u2019ll be taken to the <strong>Team Members<\/strong> page, where you can view all existing team members or start adding new ones.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Add a New Team Member:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Add Team Member<\/strong> to open the team member editor, which functions similarly to a blog post editor but is customized for team member information.<\/li>\n\n\n\n<li>Use the following fields to provide details for each team member:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image wp-block-image size-large\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"792\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3.png\" alt=\"Team\" class=\"wp-image-1799\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3.png 1600w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3-300x149.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3-1024x507.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3-768x380.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/kt-doc-team3-1536x760.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/a><\/figure><\/div>\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Name<\/strong>: Enter the full name of the team member.<\/li>\n\n\n\n<li><strong>Description<\/strong>: Provide a detailed description, such as background, experience, or specific contributions to the project.<\/li>\n\n\n\n<li><strong>Position<\/strong>: Specify the team member\u2019s position (e.g., Designer, Developer, Project Manager) and list any primary responsibilities.<\/li>\n\n\n\n<li><strong>Social<\/strong>: Add links to the team member\u2019s social media profiles (e.g., LinkedIn, Twitter, GitHub). You can include multiple profiles to provide a complete online presence.<\/li>\n\n\n\n<li><strong>Excerpt<\/strong>: Optionally, add a short bio or summary, which can be displayed in certain layouts.<\/li>\n\n\n\n<li><strong>Profile Picture<\/strong>: Upload a profile picture. Choose a high-quality image to give your team page a polished and professional look.<\/li>\n\n\n\n<li><strong>Publish<\/strong>: When all details are complete, click Publish to save and publish the team member profile.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Display Team Members on a Page:<\/strong><\/h3>\n\n\n\n<p>After adding team members, go to the editing page where you want to display them Search for the <strong>Team Widget<\/strong> and add it to your page layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2.png\"><img decoding=\"async\" width=\"2880\" height=\"870\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2.png\" alt=\"Team\" class=\"wp-image-3517\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2-300x91.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2-1024x309.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2-768x232.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2-1536x464.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-2-2048x619.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Note<\/strong>: To ensure the Team widget displays your team members, make sure the Post Type option &#8220;<strong>Read from Team Member Post Type<\/strong>&#8221; is enabled in the widget settings.<\/p>\n\n\n\n<p>In the Team Member Settings tab, you have several options to customize how team members are displayed:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3.png\"><img decoding=\"async\" width=\"2880\" height=\"1343\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3.png\" alt=\"Team\" class=\"wp-image-3518\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3-300x140.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3-1024x478.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3-768x358.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3-1536x716.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-3-2048x955.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Image Overlay<\/strong>: Add an overlay effect to profile images to enhance visual appeal or improve readability when hovering.<\/li>\n\n\n\n<li><strong>Select link Type<\/strong>: Set the type of link for each element.<\/li>\n\n\n\n<li><strong>Tilt Effect<\/strong>: Enable a tilt effect for a dynamic, 3D-like look when hovering over the team member\u2019s card.<\/li>\n\n\n\n<li><strong>Shape<\/strong>: Add shapes to the layout for visual interest, such as circles, rounded edges, or other design elements.<\/li>\n\n\n\n<li><strong>Presets<\/strong>: Choose from predefined design presets to quickly style the team section.<\/li>\n<\/ol>\n\n\n\n<p>In the <strong>Style tab<\/strong>, you can further refine the appearance of the Team section by adjusting the font, color, spacing, and alignment of elements like the name, role, social links, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method 2: Creating Team Members from the Backend<\/h2>\n\n\n\n<p>This method allows you to create and manage team members directly from the backend without using the Team menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Access the Backend Settings:<\/strong><\/h3>\n\n\n\n<p>Go to <strong>Team<\/strong> in the backend to start creating team members.<\/p>\n\n\n\n<p><strong>Note<\/strong>: For this method, make sure the Post Type option &#8220;<strong>Read from Team Member Post Type<\/strong>&#8221; is turned off when using the Team widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Enter Team Member Details in the Backend:<\/strong><\/h3>\n\n\n\n<p>Use the following fields to enter details for each team member:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"2273\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4.png\" alt=\"\" class=\"wp-image-3519\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4-300x237.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4-1024x808.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4-768x606.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4-1536x1212.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-4-2048x1616.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Profile Picture<\/strong>: Upload a high-resolution image of the team member. Ensure that the resolution is set appropriately to display well on both desktop and mobile.<\/li>\n\n\n\n<li><strong>Image Resolution<\/strong>: Set the image resolution to control file size and load speed, balancing quality and performance.<\/li>\n\n\n\n<li><strong>Image Overlay<\/strong>: Add an overlay effect to the image, such as a color tint or gradient, for a modern look.<\/li>\n\n\n\n<li><strong>Name<\/strong>: Enter the team member\u2019s full name, which will display prominently.<\/li>\n\n\n\n<li><strong>Position<\/strong>: Specify the team member\u2019s Position or title, like \u201cLead Developer\u201d or \u201cMarketing Manager.\u201d<\/li>\n\n\n\n<li><strong>Description<\/strong>: Write a detailed bio or description to highlight the team member\u2019s expertise and role in the project.<\/li>\n\n\n\n<li><strong>Select Link Type<\/strong>: Set a link type for elements in the Team section.<\/li>\n\n\n\n<li><strong>Tilt Effect<\/strong>: Enable or customize the tilt effect for a unique visual experience when hovering.<\/li>\n\n\n\n<li><strong>Shape<\/strong>: Add shapes to the design to create a distinctive layout.<\/li>\n\n\n\n<li><strong>Social Settings<\/strong>: You can include multiple links to showcase various platforms.<\/li>\n\n\n\n<li><strong>Presets<\/strong>: Choose from predefined design presets to quickly style the team section.<\/li>\n<\/ol>\n\n\n\n<p><strong>Style Customization:<\/strong><\/p>\n\n\n\n<p>As with Method 1, go to the <strong>Style tab<\/strong> to modify the design and layout of the Team feature. Adjust colors, fonts, spacing, and other style options to achieve a cohesive look that matches your site\u2019s design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1727\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1.png\" alt=\"\" class=\"wp-image-3521\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1-300x180.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1-1024x614.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1-768x461.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1-1536x921.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/07\/team-screenshot-5-1-2048x1228.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/figure>\n\n\n\n<p>By using either of these methods, you can easily add and customize team members on your site, fully tailoring the display and style to suit your preferences. The Team feature in Kata provides a professional, flexible way to showcase the people behind your projects, with options to meet any design requirement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Team feature in Kata for WordPress enables you to showcase team members or credit individuals associated with a project. Whether you need to display employees, project contributors, or collaborators, the Team feature provides two methods for adding and managing team members. Follow the instructions below to make the most of this powerful feature. Method [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":1796,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,24],"tags":[],"class_list":["post-1791","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-faq","category-options"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/1791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=1791"}],"version-history":[{"count":6,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/1791\/revisions"}],"predecessor-version":[{"id":3522,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/1791\/revisions\/3522"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media\/1796"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=1791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=1791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=1791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}