Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du ditt företags organisationsschema i WordPress

Efter att ha utvecklat WordPress-webbplatser i många år har vi lärt oss att det finns ett måste som alla företagswebbplatser bör ha: ett tydligt organisationsschema.

Fundera på det. Har du någonsin besökt ett företags webbplats och undrat vem som ansvarar för vad? Eller kanske är du en anställd som försöker ta reda på vem du ska kontakta i en viss fråga. Det är där ett organisationsschema kommer väl till pass.

WordPress har inte ett inbyggt block för att skapa organisationsscheman, men vi har hittat ett bra plugin för just detta ändamål. Och den här guiden kommer att visa dig hur.

How to create your company org chart in WordPress

Varför skapa ett företags organisationsschema för din WordPress-webbplats?

Ett organisationsschema visar hur ett företag är uppbyggt, från VD till de olika teamen och de enskilda medarbetarna inom varje team.

Du kanske vill lägga till ett organisationsschema för företaget på din offentliga WordPress-blogg eller till och med landningssida för att visa den mänskliga sidan av ditt företag och förbättra ditt varumärkes rykte.

Ett bra organisationsschema kan också hjälpa medarbetarna att förstå hur andra team är uppbyggda och vem de ska kontakta i olika situationer.

Dessutom kan ett diagram vara användbart för tredje part. Om du till exempel skapar en kundportal kan ett organisationsschema hjälpa kunderna att hitta den bästa personen att kontakta.

Med detta sagt, låt oss ta en titt på hur du enkelt kan skapa och hantera ett företags organisationsschema i WordPress.

Så här skapar du ditt företags organisationsschema i WordPress

Det enklaste sättet att skapa ett medarbetarschema är att använda Organization Chart.

Med detta kostnadsfria WordPress-plugin för organisationsdiagram kan du skapa diagram med hjälp av en enkel visuell redigerare och lägga till bilder, länkar, text och popup-fönster till ditt företags organisationsdiagram.

An org chart, created using WordPress

Det första du behöver göra är att installera och aktivera tillägget org chart WordPress. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

När du har aktiverat det gratis pluginet går du till Wpdevart Chart ” Charts. Klicka sedan på knappen ”Add New”.

How to create a company org chart in WordPress

Detta startar den användarvänliga visual editorn.

Börja med att skriva in en Rubrik för företagets organisationsschema. Detta är bara för din referens så du kan använda vad du vill.

Adding a title to a company organizational chart

Som standard lägger organisationsdiagrammet till ett element i templates för diagrammet. Typiskt är att du gör detta till organisationens head, till exempel teamledaren eller VD:n.

För att add to fler personer till diagrammet, hoverar du bara över standardelementet. Du kommer nu att se två små icons: en penna och en pil.

Gå vidare och klicka på pilen, som lägger till ett element direkt under det första.

Building an organizational chart in WordPress using a plugin

Nu är det bara att hovera musen över detta new element så ser du tre pilar.

This allows you to add another element to the right or left of this person. Vanligtvis har personer på samma nivå i ett organisationsschema samma jobbtitel eller liknande responsiva uppgifter.

Adding multiple levels to a company org chart

Du kan också clicka på den nedåtriktade pilen för att skapa en new nivå under denna person. Vanligtvis rapporterar personer till den person som är ovanför dem i ett organisationsschema.

Genom att hålla muspekaren över varje element och klicka på de olika pilarna kan du enkelt skapa din företagsstruktur för din WordPress-webbplats. Detta inkluderar flera olika grenar eller team.

Customizing a company employee chart

Nästa steg är att lägga till content till varje element, t.ex. personens namn, författarens foto eller email address.

För att komma igång hoverar du över ett element och klickar sedan på den lilla ikonen med pennan.

Adding content to a company staff chart

I popupen som dyker upp måste du add to ett foto av personen.

Gå vidare och klicka på knappen ”Ladda upp” och välj sedan antingen en image från mediabiblioteket i WordPress eller ladda upp en new image från din dator.

Adding employee images to a hierarchical chart

Därefter skriver du in en ”Rubrik”, som kommer att visas direkt under personens bild. Vanligtvis vill du använda personens namn.

You can then add to a ”Description”, which will appear below the title. Vanligtvis vill du skriva in personens rubrik, men du kan också add to en kort mening om personens roll.

Adding a title to an employee chart

Därefter kanske du vill lägga till en länk till bilden, titeln eller beskrivningen. Du kan till exempel länka till ett kontaktformulär för personen eller kanske till en sida där potentiella kunder kan se medarbetarens portfolio.

För att göra detta skriver du bara in den URL du vill använda. Sedan väljer du det area där du vill add to länken med hjälp av settings i ”Select the link area” section. Du kan till exempel add to en länk till personens image eller description.

Adding links to a staff chart

Som standard öppnas länken i samma tab. Du kanske föredrar att öppna länken i en new tab, viss om du använder en extern URL. För att göra detta kontrollerar du bara boxen bredvid ”Öppna URL:en i en new tab”.

Du kanske vill visa More information om varje person i företagets organisationsschema. Du kan till exempel lägga till deras email address och telefonnummer, bio, en mer detaljerad arbetsbeskrivning eller någon annan information som du vill ha.

Med detta plugin kan du skapa en popup för varje person. På så sätt kan you visa details utan att diagrammet ser komplicerat eller texttungt ut.

För att lägga till en popup klickar du bara på tabben ”Popup”.

Adding popups to a staff chart in WordPress

Du kan nu skriva in dina meddelanden i den lilla textredigeraren. Denna editor har all standard WordPress-formatering, så du kan lägga till länkar, skapa en punktlista, använda fetstil och kursiv textformatering med mera.

När du är nöjd med den information du har enter kan du ange hur besökarna ska öppna popupen med hjälp av settings bredvid ”Select the Popup area”.

How to add popups to a business website

När du har gjort det klickar du på ”Update”.

Nu är det bara att upprepa denna process för varje person i företagets organisationsschema.

Building an employee page using WordPress

När du är nöjd med hur diagrammet ser ut klickar du på knappen ”Save”.

Efter det är det dags att lägga till diagrammet på din blogg eller webbplats. Öppna bara Gutenberg-redigeraren för den sida eller det inlägg där du vill visa företagets organisationsdiagram och klicka sedan på ikonen ”+”.

I popupen som visas skriver du in ”WpDevArt organization chart”. När rätt block dyker upp, ge det ett click för att add to the page.

Adding a block to a WordPress website

När du har gjort det öppnar du dropdown ’Select a Tree’ och väljer det organisationsschema som du skapade tidigare.

När du är redo att göra organisationsschemat live klickar du antingen på knappen ”Update” eller ”Publicera”.

Publishing an organizational chart in WordPress

Nu kan du besöka ditt företags webbplats för att se företagets organisationsschema i aktion.

Om du använder ett klassiskt WordPress theme är det också möjligt att add to organisationsschemat som en widget. Gå bara till Appearance ” Widgets och klicka på knappen ”+ Add Widget” på valfritt widgetområde.

Hitta och välj sedan widgeten ”Wpdevart organisationsschema”.

Adding the organization chart as a widget

Gilla tidigare, bara select det organisationsschema som du skapade tidigare.

När du är klar klickar du på knappen ”Update” för att göra ändringarna giltiga.

Selecting an organization chart to display in a WordPress widget

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ditt företags organisationsschema på din WordPress-webbplats. Du kanske också vill se vår guide om hur du skapar en anpassad sida i WordPress och vår lista över de bästa exemplen och mallarna för kommande snart-sidor.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

4 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    This looks like a great way to present company structure in easy visaul way. Most people have no idea about hierarchy and what a CEO, CFO, COO, CIO, CTO, CMO even is. This can definitely help.

    • WPBeginner Support says

      It can definitely be good to have a visual guide on who to get in touch with for what :)

      Administratör

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.