Kontaktkort

Ett kontaktkort kan visas längst ner på en sida, under innehållet. Både e-post och telefonnummer är klickbara, vilket underlättar för de som besöker sidan via mobil. Så skapar du ett kontaktkort window.svDocReady(function(){ // Remove all elements with the class "ws-accessibility-hook" document.querySelectorAll(".ws-accessibility-hook").forEach(function(hook) { hook.remove(); }); // Iterate over each ".ws-plusbox" element document.querySelectorAll(".ws-plusbox").forEach(function(box, i) { var collapseContainer = box.parentElement.nextElementSibling; // Check if the next sibling element has the "env-collapse" class if (collapseContainer && collapseContainer.classList.contains("env-collapse")) { var containerId = 'plusbox-' + i; box.setAttribute('data-containerid', containerId); var anchor = box.querySelector("a"); if (anchor) { anchor.setAttribute("href", '#' + containerId); anchor.setAttribute("aria-controls", containerId); // Add a click event to toggle collapsible content anchor.addEventListener("click", function(event) { event.preventDefault(); // Prevent the default link behavior envision.collapse("#" + containerId).then(function(collapses) { if (collapses[0].isVisible()) { collapses[0].hide(); anchor.setAttribute("aria-expanded", "false"); } else { collapses[0].show(); anchor.setAttribute("aria-expanded", "true"); } }); }); } collapseContainer.setAttribute("id", containerId); collapseContainer.classList.add("ws-plusbox__container"); } else { console.error("Couldn't find container to associate button with"); } }); // Check for hash in URL to open specific collapsible content window.addEventListener("hashchange", (event) => { if (location.hash) { document.querySelector(location.hash).nextElementSibling.querySelector('a.env-collapse-header').click().scrollIntoView(); } }) }); Öppna mappen Kontakt och markera en av mapparna Personer (anställda, politiker) eller Funktioner (funktionsbrevlådor). Klicka på Skapa ny och välj sidmallen Kontaktkort. Ge kontaktkortet ett namn. Klicka Ok. Fyll i innehållet i mallen. Publicera. Adresser i kontaktkort Fyll enbart i adressuppgifter om det finns ett behov, till exempel om du ofta har besök. Ta bort dessa fält från mallen om de inte används. Bild i kontaktkort Det är valfritt att lägga till en bild i kontaktkortet. Om det inte finns en bild tar du bort fältet Bild i innehållsträdet. Om kontaktkortet går till en funktion, exempelvis en reception, kan du välja att visa ett foto på entrén istället för en person. Det kan hjälpa besökaren att hitta rätt. Gör telefonnummer och e-postadresser klickbara När du lägger till ett telefonnummer eller en e-postadress måste du markera numret respektive e-postadressen, högerklicka och välja "Infoga länk". Du bör få ett förslag på länktyp som motsvarar det du markerat (telefonnummer eller e-post). Om det inte skulle vara fallet behöver du manuellt ställa in länktyp och sedan klicka på ok. Det här gör du för att öka tillgängligheten så att en person kan ringa upp eller e-posta direkt, utan att behöva kopiera telefonnumret eller e-postadressen först. Fält som inte ska vara klickbara (till exempel ett faxnummer) lämnar du som de är. Öppettider Det finns två olika sätt att skapa öppettider: Skriv öppettiderna under Övrigt i kontaktkortet, se regler för hur vi skriver klockslag . Använd funktionen för öppettider . Så lägger du till ett kontaktkort på en sida window.svDocReady(function(){ // Remove all elements with the class "ws-accessibility-hook" document.querySelectorAll(".ws-accessibility-hook").forEach(function(hook) { hook.remove(); }); // Iterate over each ".ws-plusbox" element document.querySelectorAll(".ws-plusbox").forEach(function(box, i) { var collapseContainer = box.parentElement.nextElementSibling; // Check if the next sibling element has the "env-collapse" class if (collapseContainer && collapseContainer.classList.contains("env-collapse")) { var containerId = 'plusbox-' + i; box.setAttribute('data-containerid', containerId); var anchor = box.querySelector("a"); if (anchor) { anchor.setAttribute("href", '#' + containerId); anchor.setAttribute("aria-controls", containerId); // Add a click event to toggle collapsible content anchor.addEventListener("click", function(event) { event.preventDefault(); // Prevent the default link behavior envision.collapse("#" + containerId).then(function(collapses) { if (collapses[0].isVisible()) { collapses[0].hide(); anchor.setAttribute("aria-expanded", "false"); } else { collapses[0].show(); anchor.setAttribute("aria-expanded", "true"); } }); }); } collapseContainer.setAttribute("id", containerId); collapseContainer.classList.add("ws-plusbox__container"); } else { console.error("Couldn't find container to associate button with"); } }); // Check for hash in URL to open specific collapsible content window.addEventListener("hashchange", (event) => { if (location.hash) { document.querySelector(location.hash).nextElementSibling.querySelector('a.env-collapse-header').click().scrollIntoView(); } }) }); Markera sidan i innehållsträdet, gå till Egenskaper > Metadata. Gå till fliken Undersida och leta reda på metadatat Kontakter. Klicka ur rutan "Ärv värde" till höger. Klicka på +Lägg till... under rutan och välj Länk. Gör en Intern länk till det kontaktkort du vill visa i mappen Kontakt. Klicka Ok. För att se att kontakten visas på sidan behöver du också uppdatera sidan med tangenten F5 eller genom att läsa om webbsidan med "cirkelpilen" i webbläsaren. Publicera sidan. Ändra inte i mallen! Gör inga ändringar i mallen för kontaktkort, förutom att ta bort fält som inte används. Behöver du lägga till ett fält igen senare, gör det enligt hur mallen normalt ser ut. Nya fält ska ha en rubrik med formateringen Rubrik 2.