  {"id":546,"date":"2023-10-26T13:26:36","date_gmt":"2023-10-26T17:26:36","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=546"},"modified":"2024-11-11T10:48:41","modified_gmt":"2024-11-11T15:48:41","slug":"people","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-1-advanced-content-types\/people\/","title":{"rendered":"People Posts"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        People Posts\n                    <\/h1>\n                \n                                \n                                    \n\n<p>Module 1.2 \u2013 Advanced: Advanced Content: People<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#step-by-step\" class=\"font-medium hover:underline\">\n                        Step-By-Step\n                    <\/a>\n                <\/div>\n\n                                        <div class=\"space-y-1\">\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.1\n                    <\/span>\n\n                    <a href=\"#add-a-people-post\" class=\"font-medium hover:underline\">\n                        Add a People Post\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.2\n                    <\/span>\n\n                    <a href=\"#edit-the-banner\" class=\"font-medium hover:underline\">\n                        Edit the Banner\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.3\n                    <\/span>\n\n                    <a href=\"#edit-people-options\" class=\"font-medium hover:underline\">\n                        Edit People Options\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-10 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.4\n                    <\/span>\n\n                    <a href=\"#add-a-bio\" class=\"font-medium hover:underline\">\n                        Add a Bio\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#video-tutorial\" class=\"font-medium hover:underline\">\n                        Video Tutorial\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        3.\n                    <\/span>\n\n                    <a href=\"#try-it-out\" class=\"font-medium hover:underline\">\n                        Try it Out!\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<p>People posts are used to create profiles for members of your department. These kinds of posts are useful for providing contact information to the community, along with biographies, personal websites, and more.<\/p>\n\n\n\n<p>Here is an example of what a people post looks like in cuTheme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"627\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-12.24.17.png\" alt=\"Example of a people post\" class=\"wp-image-673\" style=\"aspect-ratio:1.5406698564593302;width:748px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-12.24.17.png 966w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-12.24.17-320x208.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-12.24.17-512x332.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-12.24.17-768x498.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<h3 id=\"add-a-people-post\" class=\"wp-block-heading\">Add a People Post<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">1. <\/strong>From the dashboard, go over to the left side of the screen, hover over&nbsp;<strong class=\"myprefix-text-bold\">People<\/strong>,&nbsp;and click&nbsp;<strong>Add New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"117\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-26-at-16.13.34.png\" alt=\"Adding a new people post\" class=\"wp-image-602\" style=\"aspect-ratio:2.034188034188034;width:227px;height:auto\"\/><\/figure>\n\n\n\n<h3 id=\"edit-the-banner\" class=\"wp-block-heading\">Edit the Banner<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">2.<\/strong> Click in the banner area to add first and last name. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"210\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-09.46.44.png\" alt=\"Add name to banner\" class=\"wp-image-606\" style=\"aspect-ratio:2.6;width:505px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-09.46.44.png 546w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-09.46.44-320x123.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-09.46.44-512x197.png 512w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/figure>\n\n\n\n<p><strong class=\"myprefix-text-bold\">3.<\/strong> Add a&nbsp;Profile Photo by clicking <strong class=\"myprefix-text-bold\">Set featured Image<\/strong> under the Person tab at the right (near the bottom). You can choose from the media library or upload an image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"412\" height=\"238\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-30-at-15.00.49@2x.png\" alt=\"Set featured image\" class=\"wp-image-3735\" style=\"width:317px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-30-at-15.00.49@2x.png 412w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-30-at-15.00.49@2x-320x185.png 320w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/figure>\n\n\n\n<p>To change the image, click <strong class=\"myprefix-text-bold\">Replace <\/strong>or <strong class=\"myprefix-text-bold\">Remove<\/strong> under the Block options tab and select a new image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"310\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-30-at-15.02.06@2x.png\" alt=\"Replace or Remove image\" class=\"wp-image-3737\" style=\"width:307px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-30-at-15.02.06@2x.png 400w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/04\/CleanShot-2024-04-30-at-15.02.06@2x-320x248.png 320w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<h3 id=\"edit-people-options\" class=\"wp-block-heading\">Edit People Options<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">4.<\/strong> Click the pencil icon at the top right to edit People Options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"109\" height=\"77\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-09.49.42.png\" alt=\"Edit people options\" class=\"wp-image-608\" style=\"aspect-ratio:1.4155844155844155;width:98px;height:auto\"\/><\/figure>\n\n\n\n<p>Edit personal information such as designation and pronouns.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"221\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/CleanShot-2023-10-27-at-09.56.32.png\" alt=\"Personal Info\" class=\"wp-image-612\" style=\"aspect-ratio:1.2262443438914028;width:230px;height:auto\"\/><\/figure>\n\n\n\n<p>Add in job title, degree, and location.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"283\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/people-sidebar-full.png\" alt=\"Professional Info\" class=\"wp-image-613\" style=\"aspect-ratio:0.9575971731448764;width:231px;height:auto\"\/><\/figure>\n\n\n\n<p>Include contact info such as email and phone number.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"228\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/people-sidebar-full-1.png\" alt=\"Contact Info\" class=\"wp-image-614\" style=\"aspect-ratio:1.1885964912280702;width:230px;height:auto\"\/><\/figure>\n\n\n\n<p>And finally, you can add in social links and info.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"286\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/people-sidebar-full-2.png\" alt=\"Links and Social\" class=\"wp-image-615\" style=\"aspect-ratio:0.9475524475524476;width:228px;height:auto\"\/><\/figure>\n\n\n\n<h3 id=\"add-a-bio\" class=\"wp-block-heading\">Add a Bio<\/h3>\n\n\n\n<p><strong class=\"myprefix-text-bold\">5.<\/strong> Like with a page, you can <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-blocks-overview\/\">add other blocks<\/a>, such as a heading or paragraph, for more biographical information, publications, or other relevant content.<\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\">6.<\/strong> People can be pulled onto a page in the form of listings or cards. View this tutorial for details on how.<\/p>\n\n\n\n<h2 id=\"video-tutorial\" class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained  cu-prose cu-prose-dark\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/dUuxSB02O9U\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-people-posts\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; People Posts\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-people-posts\">\n            \n\n<p>In this video, we are going to explore using People Posts in your website.<\/p>\n\n\n\n<p>A people post is basically a way to create a profile for someone to display it on your website.<\/p>\n\n\n\n<p>These types of posts are often used for faculty, admin staff, or anyone that plays a role in the operations of your department.<\/p>\n\n\n\n<p>Most often these profiles are created to display contact information in a place where it can be found easily.<\/p>\n\n\n\n<p>To create a people post hover over <strong class=\"myprefix-text-bold\">People<\/strong> and then <strong class=\"myprefix-text-bold\">Add New<\/strong>. You will now be working on a people post.<\/p>\n\n\n\n<p>Start by clicking in the banner to add first name and last name.<\/p>\n\n\n\n<p>Add a profile picture by clicking on the main options on the page, then click on \u201c<strong class=\"myprefix-text-bold\">set featured image<\/strong>\u201d to set a profile picture\u201d<\/p>\n\n\n\n<p>Next, under professional info, you can add in a job title, degree, and office number. And you can also select a building from this drop-down menu.<\/p>\n\n\n\n<p>Beneath that is a place for contact information. So you can add an email address, a telephone number, and an extension.<\/p>\n\n\n\n<p>And finally, here at the bottom is a place to add links to any kind of social or a link to the person\u2019s resume.<\/p>\n\n\n\n<p>Once you have filled in all the people options, click on the settings icon up here at the top.<\/p>\n\n\n\n<p>Under the person tab, choose options relevant to how that person is listed on your site. You can categorize them. For example \u2013 faculty, staff, students. And you do that right down here under categories, <strong class=\"myprefix-text-bold\">Add a new people category.<\/strong> We\u2019ll categorize this person as faculty.<\/p>\n\n\n\n<p>And you can also specify an area of expertise. So perhaps a research area. And this allows you to pull people listings onto a page by category. For example, you might pull in all admin staff, or all researchers in a specific area, onto a page.<\/p>\n\n\n\n<p>Below the people info block is a block area just like any other page, where you can add any block such as a paragraph to add for example, a biographical information.<\/p>\n\n\n\n<p>Once your done, we can take look at what a people post will look like on the front end. As you can see all the information that we just entered is visible.<\/p>\n\n\n\n<p>And once all is good, we have successfully created a People Post.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try it Out!<\/h2>\n\n\n\n<p>Now that you have learned about People posts, it&#8217;s time to try it out!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a new people profile. You can make one for yourself, invent someone, or make one for a fictional character.<\/li>\n\n\n\n<li>Fill in the banner info: add a name and upload a profile pic.<\/li>\n\n\n\n<li>Edit details by adding contact info info into the People Options.<\/li>\n\n\n\n<li>Add a paragraph block and a sentence or two for a bio.<\/li>\n\n\n\n<li>Publish and view your preview your post.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-1-advanced-content-types\/videos\/\">Next: Videos<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>People posts are used to create profiles for members of your department. These kinds of posts are useful for providing contact information to the community, along with biographies, personal websites, and more. Here is an example of what a people post looks like in cuTheme. Step-By-Step Add a People Post 1. From the dashboard, go [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":525,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[41,11],"class_list":["post-546","page","type-page","status-publish","hentry","cu_page_type-advanced-content-types","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/546\/revisions"}],"predecessor-version":[{"id":4441,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/546\/revisions\/4441"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/525"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=546"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}