{"id":8242,"date":"2019-11-20T11:21:21","date_gmt":"2019-11-20T16:21:21","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/?page_id=8242"},"modified":"2025-11-14T11:08:40","modified_gmt":"2025-11-14T16:08:40","slug":"gallery","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/userguide\/people-directory\/old-people-directory\/gallery\/","title":{"rendered":"Create a Gallery Of Profiles"},"content":{"rendered":"

\"exampleOnce you have created profiles<\/a> of your people, you’ll likely wish to present them as a group on your web site.\u00a0 Some sites display all their people in one directory listing while others break them down into groups or “divisions.”\u00a0 Some of the most popular divisions include: Faculty, Staff, Administration, Residents and Researchers.\u00a0 Other sites like to break their people into divisions that are specific to the department.\u00a0 For example, the Department of Obstetrics and Gynecology uses divisions such as Family Planning, General Obstetrics and Gynecology, Global Women\u2019s Health, Gynecologic Oncology, Maternal-Fetal Medicine, Midwives, etc.\u00a0 The Lineberger Comprehensive Cancer Center displays their members by program: breast cancer, cell biology cancer, immunology, cancer prevention and control, etc.<\/span><\/p>\n

You have three options when it comes to how your gallery of people are displayed:<\/p>\n

    \n
  1. tabular view<\/strong><\/li>\n
  2. single-column view<\/strong><\/li>\n
  3. multi-column view<\/strong><\/li>\n<\/ol>\n
    \n

    Tabular View<\/h2>\n

    \"Tabular<\/span><\/a><\/p>\n

    To display a tabular listing of all the people profiles, simply copy the following shortcode and paste it into any page. The tabular view allows site visitors to sort the table by the various columns and provides a search box.<\/p>\n

    [upd_people_directory]<\/code><\/p>\n

    This will create a tabular view of everyone on your site.<\/p>\n

    Show Division Names on the Table View<\/h3>\n

    To add a column that displays the division<\/a> assigned to each person, use the shortcode attribute: show_division=\"yes\"<\/code>.
    \n[upd_people_directory show_division=\"yes\"]<\/code><\/p>\n

    How to Hide Phone Numbers and\/or Emails in the Table View<\/h3>\n

    To hide phone numbers or emails from the tabular view use the shortcode attributes:\u00a0hide_phone=\"yes\"<\/code>\u00a0and\u00a0hide_email=\"yes\"<\/code>.<\/p>\n

    [upd_people_directory hide_phone=\"yes\" hide_email=\"yes\"]<\/code><\/p>\n

    \n

    Single-Column View<\/h2>\n

    \"Example<\/span><\/a><\/p>\n

    To display a single column listing of profiles with photos, copy the following shortcode and paste it into any page.<\/p>\n

    [upd_people_directory displaytype=\"gallery\"]<\/code><\/p>\n

    Limit the View to People From a Certain Division<\/h3>\n

    People can be categorized into different divisions<\/a>. To only show people from a certain division, add the shortcode attribute: divisions=\"\"<\/code>.
    \n[upd_people_directory displaytype=\"gallery\" divisions=\"faculty\"]<\/code><\/p>\n

    Enter the slug of the division you wish to display inside the quotes. NOTE: The \u201cdivisions\u201d attribute must be the SLUG of a division, not the title.<\/strong> See documentation below on how to find a division slug.<\/p>\n

    Multiple divisions can be displayed together, simply separate the slugs with a comma.<\/p>\n

    [upd_people_directory displaytype=\"gallery\" divisions=\"pgy5,pgy4,pgy3,pgy2,pgy1\"]<\/code><\/p>\n

    How to Find a Division Slug<\/h4>\n
      \n
    1. Select Directory > Divisions<\/strong> in the dashboard menu.<\/li>\n
    2. The table on the Divisions page has a column that displays the slug name. Notice that the slug is not the same as a division’s title\/name.\"Screenshot<\/span><\/a><\/li>\n<\/ol>\n

      Display Pagination<\/h3>\n

      If you have a significant number of profiles to display in a gallery, you may wish paginate those profiles over several pages rather than display them in one really long page.<\/p>\n

      By default, pagination is turned off but it can be enable it with the shortcode attribute show_pagination=\"true\"<\/code>. You will also want to add the attribute items_per_page=\"30\"<\/code> to define how many profiles will display per page.<\/p>\n

      [upd_people_directory displaytype=\"gallery\" show_pagination=\"true\" items_per_page=\"30\"]<\/code><\/p>\n

      \"directory<\/a><\/span><\/p>\n

      \n

      Multi-Column View<\/h2>\n

      \"Example<\/span><\/a><\/p>\n

      To display a multi-column listing of profiles with photos, copy the following shortcode and paste it into any page.The layout will make as many columns as there is space available on the page.<\/p>\n

      [upd_people_directory displaytype=\"gallery\" multi_column=\"true\"]<\/code><\/p>\n

      Limit the View to People From a Certain Division<\/h3>\n

      People can be categorized into different divisions<\/a>. To limit a gallery to display the profiles from a specific division, add the shortcode attribute: divisions=\"\"<\/code>.
      \n[upd_people_directory displaytype=\"gallery\" multi_column=\"true\" divisions=\"faculty\"]<\/code><\/p>\n

      Enter the slug of the division you wish to display inside the quotes. NOTE: \u00a0The \u201cdivisions\u201d attribute must be the SLUG of a division, not the title.<\/strong><\/p>\n

      Multiple divisions can be displayed together, simply separate the slugs with a comma.<\/p>\n

      [upd_people_directory displaytype=\"gallery\" multi_column=\"true\" divisions=\"pgy5,pgy4,pgy3,pgy2,pgy1\"]<\/code><\/p>\n

      How to Find a Division Slug<\/h4>\n
        \n
      1. Select Directory > Divisions<\/strong> in the dashboard menu.<\/li>\n
      2. The table on the Divisions page has a column that displays the slug name. Notice that the slug is not the same as a division’s title\/name.\"Screenshot<\/span><\/a><\/li>\n<\/ol>\n

        Display Pagination<\/h3>\n

        By default, pagination is turned off on the gallery view. \u00a0You can enable it with the shortcode attribute:\u00a0show_pagination=\"true\"<\/code>. You will also want to add the attribute: items_per_page=\"30\"<\/code> to define how many profiles will display per page.<\/p>\n

        [upd_people_directory displaytype=\"gallery\" multi_column=\"true\" divisions=\"faculty\" show_pagination=\"true\" items_per_page=\"30\"]<\/code><\/p>\n

        \"directory<\/a><\/span><\/p>\n

        \n

        Examples<\/h2>\n

        Tabular View<\/h3>\n

        The Lineberger Comprehensive Cancer Center offers both the tabular view<\/a> and multi column view<\/a> to site visitors as a means to look up faculty and staff.<\/p>\n

        \"Example<\/a><\/span><\/p>\n

         <\/p>\n

        Single Column View<\/h3>\n

        The Information Technology<\/a> web site uses the single column layout when displaying personnel.<\/p>\n

        \"Example<\/a><\/span><\/p>\n

         <\/p>\n

        The Leadership directory on the Department of Pathology<\/a> web site uses a single column layout. Note that customizations have been made to this site to enlarge the gallery thumbnails.<\/p>\n

        \"Example<\/a><\/span><\/p>\n

         <\/p>\n

        Multi Column View<\/h3>\n

        The OBGYN<\/a> web site uses the multi column view. Notice in the left-hand navigation that they break up and display their personnel by various categories or groups. This is accomplished through the use of divisions<\/a>.<\/p>\n

        \"Example<\/a><\/span><\/p>\n

         <\/p>\n

        The Urology<\/a> web site uses the multi column gallery layout to display their residents.<\/p>\n

        \"Example<\/a><\/span><\/p>\n

         <\/p>\n","protected":false},"excerpt":{"rendered":"

        Once you have created profiles of your people, you’ll likely wish to present them as a group on your web site.\u00a0 Some sites display all their people in one directory listing while others break them down into groups or “divisions.”\u00a0 Some of the most popular divisions include: Faculty, Staff, Administration, Residents and Researchers.\u00a0 Other sites … Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":13464,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-8242","page","type-page","status-publish","hentry","odd"],"acf":[],"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/8242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/comments?post=8242"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/8242\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/pages\/13464"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/wp-json\/wp\/v2\/media?parent=8242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}