{"id":537,"date":"2017-10-18T13:19:34","date_gmt":"2017-10-18T17:19:34","guid":{"rendered":"http:\/\/amy.imarketbeta.com\/blog\/?page_id=537"},"modified":"2017-12-12T14:40:41","modified_gmt":"2017-12-12T22:40:41","slug":"staff","status":"publish","type":"page","link":"http:\/\/amy.imarketbeta.com\/blog\/part-2-staff-user-guide\/modules\/staff\/","title":{"rendered":"Staff"},"content":{"rendered":"<h1>Staff Module<\/h1>\n<p>Use this module to add or edit staff members on the Staff (or Meet the Team) Page.<\/p>\n<p><strong>Note<\/strong>: This module was launched in Q3 2017, after which time every site built will have the module installed by default. Though some older sites have had staff page content migrated to the module, the majority of the sites built before Q3 2017 will not have the module installed. To check if a specific site has the staff module available, refer to the Site Specs section of the Project Overview in the Dashboard. <strong>This entry is only applicable for sites with the Staff Module active.<\/strong><\/p>\n<h2 style=\"padding-left: 30px;\">Preliminary Staff Page Set-Up<\/h2>\n<p style=\"padding-left: 30px;\">Before this module can be used, Development must build\/publish the Staff Page in the iMarket CMS and enable the module. Open a ticket to Development if this page does not exist yet and\/or if the module is not enabled.<\/p>\n<h3 style=\"padding-left: 30px;\">Styling<\/h3>\n<p style=\"padding-left: 30px;\">At this time, the Staff page does not use custom styling provided by the Design team. However, the Developer may make small tweaks to the default styling to better suit the overall site design at the time of building the staff page.<\/p>\n<h2>What Can I Add?<\/h2>\n<p><b>Staff Members (Employees)<br \/>\n<\/b>Click the \u201cAdd Staff Member\u201d tab to add an employee. You can add the following information for each employee:<\/p>\n<ul>\n<li><strong>First Name<\/strong> &#8211; <i>Required<\/i><\/li>\n<li><strong>Last Name<\/strong><\/li>\n<li><strong>Job Title<\/strong><\/li>\n<li><strong>Photo<\/strong>\n<ul>\n<li><b>To Remove a Photo: <\/b><i>Check the &#8220;remove photo&#8221; box and \u201csave\u201d to delete the employee photo completely. Note: you do not need to delete the existing photo in order to upload a new one.<\/i><\/li>\n<li><i><\/i><b>To Crop a Photo:<\/b> <i>When you select a photo for uploading you will have the option to crop it. The dimensions the cropping tool is set to will have been configured ahead of time by Development to match the size on the Staff page. Note: you do not need to crop the photo if it already has the appropriate dimensions.<\/i><\/li>\n<\/ul>\n<\/li>\n<li><strong>Photo Alt Tag<\/strong> (<i>A short description of the photo, for use by SEO)<\/i><\/li>\n<li><strong>Biography<\/strong><\/li>\n<li><strong>Department of Member<\/strong> (<i>Employee\u2019s department. You can add or remove departments using the Staff module)<\/i><\/li>\n<li><strong>Email<\/strong> (<i>Enter the employee\u2019s email address, if desired.<\/i><\/li>\n<li><span class=\"tooltips \" style=\"\" title=\"This field is only available to Developers\"><strong>Class to Apply to &lt;div&gt; Tag<\/strong><\/span> (<i>This can be used to apply specific CSS styling to certain employees.)<br \/>\n<\/i><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1851\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-staff-member.jpg\" alt=\"\" width=\"400\" height=\"404\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-staff-member.jpg 702w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-staff-member-297x300.jpg 297w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-staff-member-100x100.jpg 100w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><b>Departments<\/b> (optional)<br \/>\nClick the \u201cAdd Departments\u201d tab to add a department. <em>Note: You do not need to add departments in order for the module to work. The option is available for clients who would like to have departments included.<\/em> You can add the following information for each department:<\/p>\n<ul>\n<li><strong>Department Name<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1852\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-departments.jpg\" alt=\"\" width=\"400\" height=\"216\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-departments.jpg 604w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/add-departments-300x162.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<h2>Edit or Delete Employees<\/h2>\n<p><b>Edit an Existing Employee<\/b><\/p>\n<ol>\n<li>Go to the \u201cList Staff Members\u201d tab in the Staff module<\/li>\n<li>Click the green check mark icon next to the employee you want to edit<\/li>\n<li>Make desired changes<\/li>\n<li>Save<\/li>\n<\/ol>\n<p><b>Delete an Employee<\/b><\/p>\n<ol>\n<li>Go to the \u201cList Staff Members\u201d tab in the Staff module<\/li>\n<li>Click the red \u201cX\u201d icon<\/li>\n<li>Click \u201cOK\u201d<br \/>\n<img loading=\"lazy\" class=\"alignnone size-full wp-image-1858\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list.jpg\" alt=\"\" width=\"771\" height=\"809\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list.jpg 771w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list-286x300.jpg 286w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list-768x806.jpg 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/li>\n<\/ol>\n<p><b>Delete or Edit a Department<br \/>\n<\/b>Editing or deleting a department is very similar to editing or deleting an employee:<\/p>\n<ol>\n<li>Go to the \u201cList Departments\u201d \u00a0tab in the Staff module<\/li>\n<li>Click the green check mark icon next to the department you want to <b>edit<\/b>, or click the \u00a0red \u201cX\u201d icon next to the department you want to <b>delete<\/b><\/li>\n<li>If any edits have been made to the department name, click Save. If you are deleting a department, click \u201cOk\u201d<img loading=\"lazy\" class=\"alignnone size-full wp-image-1855\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list-departments.jpg\" alt=\"\" width=\"631\" height=\"604\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list-departments.jpg 631w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/list-departments-300x287.jpg 300w\" sizes=\"(max-width: 631px) 100vw, 631px\" \/><\/li>\n<\/ol>\n<h1>Sort Employees or Departments<\/h1>\n<p><b>Drag and drop<br \/>\n<\/b><\/p>\n<ol>\n<li>While in the list view, employees and departments can be sorted by dragging and dropping them into the desired order<\/li>\n<\/ol>\n<p><b>Sort by Last Name<\/b><\/p>\n<ol>\n<li>In the Staff module, go to the \u201cSort Options\u201d tab<\/li>\n<li>Click \u201cSort by Last Name\u201d<\/li>\n<\/ol>\n<p><b>Sort by First Name<\/b><\/p>\n<ol>\n<li>In the Staff module, go to the \u201cSort Options\u201d tab<\/li>\n<li>Click \u201cSort by First Name\u201d<\/li>\n<\/ol>\n<h2>Sample Output<\/h2>\n<p><strong>Standard Output<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2064\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/standard-staff.png\" alt=\"\" width=\"1167\" height=\"893\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/standard-staff.png 1167w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/standard-staff-300x230.png 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/standard-staff-768x588.png 768w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/standard-staff-1050x803.png 1050w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Department Mode Output<\/strong><\/p>\n<p>When enabled, this mode includes the department name above the staff members in that department as well as ordering the departments on the staff page by their order in the module. To enable &#8220;department mode&#8221;, please open a ticket to Development.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2065\" src=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/departments-staff.png\" alt=\"\" width=\"973\" height=\"901\" srcset=\"http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/departments-staff.png 973w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/departments-staff-300x278.png 300w, http:\/\/amy.imarketbeta.com\/blog\/wp-content\/uploads\/2017\/10\/departments-staff-768x711.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 905px, 1075px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to add\/edit\/delete staff members and departments using the Staff module.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":521,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/537"}],"collection":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/comments?post=537"}],"version-history":[{"count":7,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/537\/revisions"}],"predecessor-version":[{"id":2073,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/537\/revisions\/2073"}],"up":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/521"}],"wp:attachment":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/media?parent=537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/categories?post=537"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/tags?post=537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}