Avada & Events Kalender: Skjul Titellinje

Avada er et utroligt populært WordPress-tema og en kraftfuld sidebygger, der giver dig uendelige muligheder for at skabe enestående hjemmesider. Når Avada kombineres med The Events Calendar, en af de førende plugins til kalenderfunktionalitet, opstår der et dynamisk par, der kan håndtere alt fra små møder til store konferencer. Selvom integrationen generelt er glidende, kan der opstå små udfordringer, især omkring visningen af sidetitler og brødkrummer. Denne artikel vil guide dig gennem de nødvendige trin for at sikre, at din kalender og dit tema fungerer problemfrit sammen, med fokus på at løse almindelige visningsproblemer og maksimere dine tilpasningsmuligheder.

Forstå Udfordringen med Titellinje og Brødkrummer

En af de mest almindelige visuelle uoverensstemmelser, der kan opstå, når The Events Calendar bruges sammen med Avada, er relateret til sidens titellinje og brødkrummer. Dette problem opstår især, hvis din kalender er indstillet som forsiden af din hjemmeside (under Indstillinger → Læsning i WordPress). I sådanne tilfælde kan en forkert sidetitel og forkerte brødkrummer dukke op over kalenderen. Årsagen er, at kalenderen benytter en skabelon for et brugerdefineret indlægstyparchiv, som Avada-temaet fejlagtigt identificerer som det primære blogarkiv, når kalenderen er sat som forside. Dette problem med titellinjen opstår kun, når kalenderen bruges som forside; i alle andre tilfælde vises den korrekt.

Sådan Skjuler du den Forkerte Titellinje Globalt

Den enkleste tilgang til at løse problemet med den forkerte titellinje er at skjule den og brødkrummerne i Avadas indstillinger for titellinjen. Denne løsning er hurtig, men det er vigtigt at bemærke, at den anvendes globalt på hele hjemmesiden, hvilket betyder, at titellinjen vil blive fjernet fra alle sider. Følg disse trin:

1. Naviger til Avada → Global Options fra dit WordPress-dashboard.
2. Åbn indstillingerne for Page Title Bar (Sidetitellinje).
3. For at fjerne den forkerte sidetitel skal du vælge “Hide” (Skjul).
4. For at fjerne brødkrummerne skal du indstille “Breadcrumbs”-indstillingen til “None” (Ingen).

Bemærk: Denne løsning vil efterlade et tomt header-område på kalendersiden, og som nævnt, gælder den globalt for hele hjemmesiden.

Skjul Titellinjen Kun på Kalendersiden med CSS

Hvis du foretrækker at fjerne header-området kun på kalendersiden og bevare titellinjen på resten af din hjemmeside, kan du tilføje et tilpasset CSS-snippet. Dette giver dig mere granularitet og kontrol over dit design. Du kan tilføje CSS'en to steder:

1. Gå til Udseende → Tilpas → Yderligere CSS i WordPress.
2. Alternativt kan du bruge Avadas brugerdefinerede CSS-sektion under Avada → Options → Custom CSS.

Tilføj dette CSS-snippet for specifikt at skjule headeren på kalendersiden:

.fusion-page-title-bar { display: none; }

Dette snippet vil målrette den specifikke CSS-klasse, som Avada bruger til sin titellinje, og skjule den.

En Alternativ Løsning med Shortcode (Kræver Events Calendar Pro)

Hvis du har The Events Calendar Pro, findes der en elegant løsning, der omgår problemet helt ved at indlejre kalenderen på en anden side ved hjælp af en shortcode. Dette giver dig mulighed for at have en dedikeret kalenderside, der ikke forveksles med blogarkivet, selvom den er sat som forside.

1. Opret en ny side i WordPress (f.eks. kaldet 'Begivenheder').
2. Brug The Events Calendar shortcode til at indlejre kalenderen på denne nye side. Den grundlæggende shortcode er typisk [tribe_events], men tjek The Events Calendar dokumentation for specifikke muligheder.
3. Indstil denne nye side som din hovedbegivenhedskalender i dine WordPress-indstillinger.

Tilpasning af Kalenderens Udseende i Avada

Avada har dedikeret en hel sektion af sine globale indstillinger til The Events Calendar, hvilket understreger temaets forpligtelse til at give dig fuld kontrol over dit design. Du kan få adgang til disse indstillinger ved at navigere til Avada → Options fra dit WordPress-dashboard og derefter klikke på indstillingen “Events Calendar” i navigationen. Kalenderindstillingerne er typisk placeret nederst i indstillingsmenuen.

Her er nogle af de mange indstillinger, der er tilgængelige for at tilpasse din kalender direkte fra denne skærm:

• Events Primary Color Overlay Text Color: Styrer farven på teksten, når den primære farve er baggrunden.
• Events Filter Bar Background Color: Styrer baggrundsfarven for filterlinjen i begivenhedskalenderen (kræver Filter Bar premium add-on).
• Event Filter Bar Text Color: Styrer farven på teksten i begivenhedsfilterlinjen (kræver Filter Bar premium add-on).
• Events Popover/Drop-down Background Color: Styrer farven for begivenhedens popover/rullemenu-baggrund i kalenderens måneds- og ugevisning.
• Events Popover/Drop-down Background Hover Color: Styrer hover-farven for begivenhedens popover/rullemenu-baggrund i kalenderens måneds- og ugevisning.
• Events Popover/Drop-down Body Text Color: Styrer farven på popover/rullemenu-teksten i kalenderens måneds- og ugevisning.
• Events Border Color: Styrer de forskellige kantfarver omkring kalenderen.
• Events Featured Image Hover Type: Styrer hover-typen for begivenheders featured images.
• Events Separator Heading Font Size: Styrer skriftstørrelsen på måned- og dag-separatoroverskrifterne på begivenhedsarkivsider. Indtast værdi inklusive en gyldig CSS-enhed (f.eks. 18px).

Indstillinger for Visning af Enkeltbegivenheder

Indstillingerne til at tilpasse individuelle begivenhedssider findes direkte under “General Events Calendar”-indstillingerne. Brug disse indstillinger til at justere udseendet af den skabelon, der viser individuelle begivenheder. Indstillingerne er opdelt i fire undersektioner for at ændre specifikke aspekter af designet.

Event Single Posts

• Events Social Sharing Box: Slå til for at vise delingsboksen for sociale medier på enkelte begivenhedsindlæg.
• Events Single Post Meta Layout: Indstiller layoutet for metadata for enkeltbegivenheder.

Event Single Sidebar Layout

• Events Single Sidebar Width: Styrer bredden af sidebaren, når kun én sidebar er til stede. Indtast værdi inklusive en gyldig CSS-enhed (f.eks. 32%).

Events Dual Sidebar Layout

De følgende indstillinger hjælper med at justere begivenhedssider, der indeholder to sidebars i sidelayoutet.

• Events Dual Sidebar Width 1: Styrer bredden af sidebar 1, når dobbelte sidebars er til stede. Indtast værdi inklusive en gyldig CSS-enhed (f.eks. 21%).
• Events Dual Sidebar Width 2: Styrer bredden af sidebar 2, når dobbelte sidebars er til stede. Indtast værdi inklusive en gyldig CSS-enhed (f.eks. 21%).

Events Single Post Sidebar / Meta Content Styling

Disse indstillinger styrer udseendet af sidebaren, der indeholder meta-information om begivenheden.

• Events Sidebar / Meta Content Background Color: Styrer baggrundsfarven for sidebaren/meta-indholdet på enkeltbegivenhedsindlæg.
• Events Sidebar / Meta Content Padding: Styrer padding for sidebaren(e)/meta-indholdet på enkeltbegivenhedsindlæg. Indtast værdi inklusive et gyldigt CSS-enhedsnummer (f.eks. 4%).
• Events Sidebar Widget / Meta Content Heading Font Size: Styrer størrelsen på sidebar-widget/meta-indholdsoverskriften for enkeltbegivenhedsindlæg. Indtast værdi inklusive CSS-enhed (i px, em, rem).
• Events Sidebar Widget / Meta Content Title Background Color: Styrer baggrundsfarven på sidebar-widget/meta-indholdstitlen for enkeltbegivenhedsindlæg.
• Events Sidebar Widget / Meta Content Headings Color: Styrer farven på sidebar-widget/meta-indholdsoverskriften for enkeltbegivenhedsindlæg.
• Events Sidebar / Meta Content Text Font Size: Styrer størrelsen på teksten i sidebar/meta-indholdet på enkeltbegivenhedsindlæg (i CSS-pixels, f.eks. 16px).
• Events Sidebar / Meta Content Text Color: Styrer farven på teksten i sidebar/meta-indholdet på enkeltbegivenhedsindlæg.
• Events Sidebar / Meta Content Link Color: Styrer farven på linkteksten i sidebar/meta-indholdet på enkeltbegivenhedsindlæg.
• Events Sidebar / Meta Content Divider Color: Styrer farven på skillevæggene i sidebar/meta-indholdet på enkeltbegivenhedsindlæg.

Oprettelse af Begivenheder med Avada

Avada understøtter fuldt ud Block Editor og fungerer også til oprettelse af begivenheder. Hvor Avada virkelig skinner, er i de muligheder, det tilbyder til at tilpasse begivenheder individuelt. På denne måde kan du producere unikke layouts og udseender på en begivenhed-for-begivenhed-basis. Disse muligheder er tilgængelige nederst i indlægseditoren, når du opretter eller redigerer en begivenhed.

• Layout: Indstillinger for begivenhedens baggrundsfarve og om indholdet er indeholdt i en ramme.
• Header: Indstillinger for begivenhedens header øverst på siden, herunder bredde og baggrundsfarve samt baggrundsbilleder. Der er en yderligere mulighed for at vise en specifik menu for begivenheden, hvilket er fantastisk til at oprette større begivenheder, der måtte kræve mere end én side, som konferencer, der tilbyder workshops.
• Sliders: Indlejr enhver eksisterende slider oprettet i Avadas indstillinger på begivenhedssiden og specificer, hvor den skal placeres.
• Page Bar Title: Indstillinger til at ændre udseendet af begivenhedstitlen, der er indeholdt i sidehovedet. Skift tekstjustering, farve og formateringsmuligheder, eller skjul titlen fuldstændigt. Dette er særligt nyttigt for at finjustere den visuelle præsentation af individuelle begivenheder.
• Content: Indstillinger for sidens indhold, herunder størrelse, baggrundsmuligheder og social deling.
• Sidebars: Tildel op til to sidebars til siden og specificer, hvordan de vises i forskellige situationer, som f.eks. mobil- og desktopskærme.
• Footer: Vis widgets og copyright-information samt bredden af bunden af siden.
• Import / Export: Avada giver dig mulighed for at eksportere indstillingerne for en individuel begivenhed til brug på andre begivenheder eller importere indstillingerne fra en anden begivenhed.

Bygning af Enkeltbegivenheds-layouts med Avada Builder

Avada Layouts er et kraftfuldt skabelonsystem, der gør det muligt for dig at oprette brugerdefinerede layouts til enhver del af din hjemmeside. Siden Avada 7.11.10 er der et komplet udvalg af TEC (The Events Calendar) dynamisk indhold til at oprette brugerdefinerede layouts og skabeloner til dine begivenheder. Dette åbner op for en verden af designmuligheder, der tidligere krævede avanceret kodning.

Sådan Kommer du i Gang med Enkeltbegivenheds-layouts:

1. Gå til Avada → Layouts.
2. Indtast et navn til dit layout, og klik på Create New Layout (Opret nyt layout).
3. Klik på tandhjulsikonet for indstillinger for at vælge layoutbetingelserne.
4. Fra venstre sidebar skal du vælge Events (Begivenheder) og specificere dine layoutregler (f.eks. alle begivenheder, efter kategori, specifikke begivenheder).
5. Opret en indholdssektion, og tildel den et navn.
6. Hold musen over det oprettede Content Area (Indholdsområde), og klik på redigeringsikonet.
7. Begynd at bygge dit layout ved hjælp af Avadas native TEC-blokke til at skabe en personlig begivenhedsvisning.

Inkludering af Billetter Blokken

Selvom Avada i øjeblikket ikke tilbyder en dedikeret 'Billetter'-blok, kan du stadig dynamisk vise begivenhedsbilletter i Single Event-layoutet ved at bruge [tribe_tickets] shortcoden i kombination med Avadas dynamiske indholdsfunktion. Dette er en smart måde at integrere billetfunktionalitet direkte i dine brugerdefinerede layouts:

1. Når du er i indholdssektionen, skal du tilføje en Text Block (Tekstblok) fra fanen 'Design Elements'.
2. Indstil Text Block til dynamisk indhold.
3. Vælg Shortcode som den dynamiske indholdstype.
4. Indtast [tribe_tickets] shortcoden.

Denne opsætning giver dig mulighed for at placere begivenhedsbilletter i dit brugerdefinerede layout, hvilket sikrer en sømløs oplevelse for dine brugere.

Løsning af Kendte Visningsproblemer

Det er vigtigt at bemærke, at de fleste af de nedenfor listede problemer er forbundet med ældre versioner af Avada og The Events Calendar. Disse konflikter er blevet løst i nylige opdateringer af både temaet og plugins. Vi arbejder tæt sammen med Theme Fusion, teamet bag Avada, for at sikre kompatibilitet mellem The Events Calendar, Avada og vores andre plugins. Tidligere konflikter er blevet adresseret i nyere versioner af både temaet og plugins.

For at minimere potentielle problemer anbefaler vi at bruge de nyeste versioner, når det er muligt, og at teste opdateringer i et staging-miljø, før de anvendes på din live-hjemmeside.

Løsning af Månedsvisningens Design

Et tidligere problem, der påvirkede designet af månedsvisningen, blev officielt løst i Avada 7.4.2. Hvis du stadig bruger en ældre version, kan du dog midlertidigt løse dette ved at tilføje følgende til “Yderligere CSS”-sektionen i WordPress Customizer eller via Avadas Custom CSS-sektion:

.tribe-events .tribe-events-calendar-month__day { height: auto; }

Løsning af Kalenderens Ikoner

Et kendt problem, hvor kalenderens opdaterede ikoner i The Events Calendar 5.3 enten manglede eller havde forkert størrelse, blev løst i Avada 7.2. Sørg for at bruge denne version eller nyere, når du arbejder med The Events Calendar 5.3 og opefter.

Løsning af Kalender Widget'en

Et andet problem, der forhindrede indlejring af The Events Calendar widget på en side, der brugte Avada-temaet, blev løst i The Events Calendar 5.5.

Løsning af Billetformular Design

Billetformularen i Event Tickets-plugin'et oplevede et designproblem, der påvirkede plus (+) og minus (-) knapperne, der opdaterer billetmængden. Dette blev løst i Avada 6.2. Hvis du dog ikke kan opdatere til en nyere version af temaet, er der et CSS-snippet, du kan bruge som en løsning:

#tribe-tickets .tribe-tickets__item .tribe-tickets__item__quantity button { border: none; box-shadow: none; color: black; font-weight: 600; background: none; }

Ofte Stillede Spørgsmål (FAQ)

Hvorfor vises min kalendertitellinje forkert, når kalenderen er min forside?

Dette skyldes, at Avada fejlagtigt identificerer kalenderens brugerdefinerede indlægstyparchiv som det primære blogarkiv, når kalenderen er indstillet som forside. Dette resulterer i en forkert titel og brødkrummer.

Hvordan skjuler jeg titellinjen kun på kalendersiden?

Du kan tilføje et brugerdefineret CSS-snippet, .fusion-page-title-bar { display: none; }, til din hjemmesides Yderligere CSS (under Udseende → Tilpas) eller Avadas Custom CSS-sektion. Dette vil fjerne titellinjen specifikt for kalendersiden uden at påvirke andre sider.

Kan jeg tilpasse udseendet af individuelle begivenheder i Avada?

Ja, Avada tilbyder omfattende indstillinger på individuel begivenhedsniveau, tilgængelige nederst i indlægseditoren. Her kan du justere layout, header, sidebars, og endda skjule titellinjen for specifikke begivenheder.

Hvilke versioner af Avada og The Events Calendar er kompatible?

For at minimere problemer anbefales det altid at bruge de nyeste versioner af både Avada og The Events Calendar. Mange tidligere konflikter, som f.eks. ikon- og widget-problemer, er blevet løst i nyere udgivelser (f.eks. Avada 7.2+, The Events Calendar 5.5+).

Hvordan indlejrer jeg billetfunktionalitet i et Avada-layout for en enkelt begivenhed?

Du kan bruge Avadas dynamiske indholdsfunktion i forbindelse med en Tekstblok. Tilføj Tekstblokken, indstil den til dynamisk indhold af typen 'Shortcode', og indtast [tribe_tickets] shortcoden. Dette vil vise billetformularen dynamisk.

Konklusion

Integrationen mellem Avada og The Events Calendar tilbyder en utrolig kraftfuld og fleksibel platform for at administrere og præsentere begivenheder på din WordPress-hjemmeside. Selvom der kan opstå mindre visningsudfordringer som dem med titellinjen og brødkrummerne, tilbyder Avada omfattende indbyggede løsninger og tilpasningsmuligheder. Fra globale indstillinger til individuelle begivenhedsjusteringer og den avancerede Avada Builder, har du fuld kontrol. Ved at følge de trin og anbefalinger, der er beskrevet i denne artikel – især ved at holde dine plugins og temaer opdaterede og udnytte Avadas dybdegående indstillinger – kan du sikre en fejlfri og visuelt tiltalende begivenhedskalender, der imponerer dine besøgende og forenkler din administration. Din hjemmesides begivenhedsdel vil ikke kun fungere optimalt, men også se professionel og indbydende ud.

Hvis du vil læse andre artikler, der ligner Avada & Events Kalender: Skjul Titellinje, kan du besøge kategorien Teknologi.