Redigere websitet
Åbn det website, som du for nylig oprettede i Site Builder, ved at vælge det og vælge Åbn på menulinjen eller i genvejsmenuen. Indstil skydeknappen 
til tilstanden Rediger. Indtast et navn til opdateringen, og klik på OK.
I redigeringstilstand kan du se, at websitet har tre pladser, som er områder, der er tilgængelige på siden (afhængigt af sidelayoutet). Hold markøren over plustegnene (+) på siden for at se pladserne Sidehoved, Brødtekst og Sidefod.
Beskrivelse af illustrationen GUID-00E6B9AF-7A95-42C0-9EDC-D84C9373F16E-default.png
Pladsen Sidehoved bruges normalt til visning af virksomhedens logo, navigationsmenuen og så videre. Pladsen Brødtekst bruges til sidens hovedindhold, og pladsen Sidefod bruges til copyrightoplysninger, links til sociale medier og eventuelle yderligere oplysninger.
Lad os først opbygge startsiden. Sådan kommer startsiden til at se ud, når den er færdig:
Beskrivelse af illustrationen GUID-82FEC35A-DC1B-4E53-8821-9008CCC60C56-default.png
- Klik på
i sidepanelet til venstre, og klik derefter på Udfyldt for at vise listen med standardkomponenter, der er tilgængelige i Oracle Content Management. - Kig efter standardkomponenten Komponentgruppe i sidepanelet til venstre. Træk den til pladsen Sidehoved, og slip den.
Beskrivelse af illustrationen GUID-67CAE599-0B88-416C-AEF3-EAD8FC7E420C-default.png - Klik på menuikonet for komponentgruppen
, og klik derefter på Indstillinger. Klik i indstillingerne på rullelisten Farve (tilgængelig nederst på listen over indstillinger), og klik derefter på Flere. Indtast #333333, og klik på OK.
Beskrivelse af illustrationen GUID-6740BAC7-E7E5-40EE-ACBB-F055FD69B3C1-default.png - Træk en billedkomponent til komponentgruppen, og slip den.
Beskrivelse af illustrationen GUID-3DEB520E-A067-4E49-88B3-59F0425AB035-default.png - Klik på menuikonet for komponenten Billede
, og klik derefter på Indstillinger. Angiv indstillingerne på fanen Generelt.
Egenskab Værdi Vælg Logo.png fra mappen Minimal-Images Justering Venstre Bredde Fravælg Sæt bredde Top 1,2 vw Bund 30 px Venstre 6 vw Højre 0
Beskrivelse af illustrationen GUID-8030FFAF-3DC0-4217-8733-01C3A53CEF8E-default.png
Beskrivelse af illustrationen GUID-F9B34895-7DCD-40AA-B4CF-3404820C20DD-default.png - Lad os kæde dette logobillede sammen med startsiden. Angiv indstillingerne for komponenten Billede på fanen Link.
Egenskab Værdi Vælg linktype Siteside Side HOME Mål Åbn i det samme vindue - Klik på
i sidepanelet til venstre, og klik på Tilpasset for at vise listen over tilpassede komponenter. - Lad os nu føje en navigationsmenu til startsiden ved hjælp af den tilpassede komponent Minimal-NavMenu. Træk en Minimal-NavMenu-komponent til komponentgruppen, og slip den i højre side af komponenten Billede. Klik på Minimal-NavMenu-komponentens titel for at sikre, at dens overordnede er den komponentgruppe, som du tidligere har tilføjet. Dette gør det muligt at se, hvor en eventuel komponent er placeret i websidens struktur.
Beskrivelse af illustrationen GUID-3C07D4E7-5154-4ED8-9A9E-F06A44A14D63-default.pngAngiv dens indstillinger på fanen Generelt.
Egenskab Værdi Justering Højre Top 1,2 vw Bund 0 Venstre 0 Højre 6 vw - Nu er sidehovedet klar. Lad os gemme denne komponentgruppe som en tilpasset komponentgruppe, så vi kan bruge den senere på websitets andre sider. Klik på komponentgruppens titel, klik på dens menuikon , og klik derefter på Gem. Skriv "Minimal-Header" i feltet Navn i dialogboksen Gem komponentgruppe, og klik derefter på Gem.
Beskrivelse af illustrationen GUID-1068ED91-959E-4053-8188-4D85DE630E1B-default.pngFølgende billede viser den overordnede struktur for komponenten Billede på pladsen Sidehoved:Tip:
Hvis du klikker på komponentgruppen og ser titlen for komponenten Billede eller Minimal-NavMenu i stedet for komponentgruppens titel, skal du klikke på titlen for komponenten Billede eller Minimal-NavMenu igen, hvorefter du kan se komponentgruppens titel. Nu kan du klikke på komponentgruppens titel og udføre ovenstående trin.
Beskrivelse af illustrationen GUID-C6CF24C6-F51E-4139-B5F9-5CC1955C7519-default.png - Klik på Gem øverst til højre i Site Builder for at gemme dine ændringer. Pladsen Sidehoved burde nu se ud som på følgende billede:
Beskrivelse af illustrationen GUID-717EF556-34E8-47BC-B9AA-4152D2A0FD77-default.png
- Klik på i sidepanelet til venstre, og klik derefter på Udfyldt.
- Træk en komponentgruppe fra sidepanelet til venstre, og slip den på pladsen Brødtekst. Du skal oprette et banner ved hjælp af denne komponentgruppe og komponenterne (som du skal føje til den).
- Klik på
i sidepanelet til venstre. - Træk et To kolonner-sektionslayout til komponentgruppen, og slip det.
Beskrivelse af illustrationen GUID-60AED236-5F6A-46BF-A414-1438641F4ECA-default.png - Angiv indstillingerne for sektionslayoutet på fanen Generelt. Klik på Tilpassede indstillinger for at angive følgende indstillinger.
Egenskab Værdi Bredde af første kolonne (%) 43 Bredde af anden kolonne (%) 57 Dynamisk breakpoint (pixel) 1.023 Dynamisk funktion Skjul den første kolonne Angiv indstillingerne på fanen Baggrund:
Egenskab Værdi Billede Banner1.jpg fra mappen Minimal-Images Placering Centreret midtpå Skala Strakt - Klik på i sidepanelet til venstre for at se listen over udfyldte komponenter.
- Træk en Titel-komponent fra listen over udfyldte komponenter, og slip den i den anden kolonne i layoutet To kolonner.
Beskrivelse af illustrationen GUID-CF55C579-3FF3-460B-B608-5A485C7EF02D-default.png
Beskrivelse af illustrationen GUID-A6E0ECFE-1FCE-4F8C-96E4-9788E395CA34-default.png - Klik på komponenten Titel, og skriv "VELKOMMEN TIL REVOLUTIONEN". Vælg teksten, og angiv skriftfarven til Hvid i teksteditoren. Angiv indstillingerne for komponenten Titel på fanen Generelt.
Egenskab Værdi Top 6 vw Bund 1,8 vw Venstre 6 vw Højre 6 vw - Træk en afsnitskomponent fra listen over udfyldte komponenter i sidepanelet til venstre, og slip den under komponenten Titel i den anden kolonne i layoutet To kolonner. Angiv dens indstillinger på fanen Generelt.
Egenskab Værdi Top 1,8 vw Bund 6 vw Venstre 6 vw Højre 6 vw - Klik i komponenten Afsnit, og indtast følgende tekst:
"Jeg er et afsnit. Klik her for at tilføje din egen tekst og redigere mig. Her kan du fortælle en historie og give dine brugere flere oplysninger om din organisation".
Vælg teksten, og angiv dens størrelse til 24 i teksteditoren. Angiv desuden dens skriftfarve til Hvid i teksteditoren.
Beskrivelse af illustrationen GUID-399EE9A6-F882-40F9-8028-BB930A5FDC49-default.png - Nu er banneret klar. Lad os gemme denne komponentgruppe som en tilpasset komponentgruppe, så vi kan bruge den senere på websitets andre sider. Klik på menuikonet for komponentgruppen , og klik derefter på Gem. Skriv "Minimal-Banner" i feltet Navn i dialogboksen Gem komponentgruppe, og klik derefter på Gem. Du kan se, at navnet (Minimal-Banner) nu vises for komponentgruppen.
Beskrivelse af illustrationen GUID-E27E6BA0-E663-415F-A93D-C6C0C44D78A7-default.png - Træk en anden komponentgruppe fra sidepanelet til venstre, og slip den på pladsen Brødtekst under komponentgruppen Minimal-Banner, som du allerede har tilføjet.
Beskrivelse af illustrationen GUID-E7AAB67A-2CC8-49C8-B655-F60B6E64C46A-default.png - Træk en Titel-komponent til komponentgruppen, og slip den.
- Klik på komponenten Titel, og skriv "Velkommen til OCE Minimal".
- Angiv indstillingerne for komponenten Titel på fanen Generelt.
Egenskab Værdi Top 3 vw Bund 1,8 vw Venstre 6 vw Højre 6 vw
Beskrivelse af illustrationen GUID-515D7B63-7AB4-4FF6-94AD-0C30A331A7BC-default.png - Træk en afsnitskomponent fra sidepanelet til venstre, og slip den under komponenten Titel i komponentgruppen. Klik i komponenten Afsnit, og indtast følgende tekst:
"Oracle Content Management er en cloud-baseret indholds-hub til styring af indhold i omnikanaler og hurtig levering af oplevelser. Det indeholder effektive funktioner til samarbejde og styring af workflows, der kan strømline oprettelse og levering af indhold."
"Oracle Content Management omfatter enkle og brugervenlige værktøjer til oprettelse af websites. Du kan hurtigt oprette et website ved hjælp af de effektive funktioner i Oracle Content Management."
- Angiv indstillingerne for komponenten Afsnit på fanen Generelt.
Egenskab Værdi Top 20px Bund 50px Venstre 6 vw Højre 6 vw
Beskrivelse af illustrationen GUID-D8B86A72-DC68-4FD3-B664-2603244316FD-default.png - Du er færdig med at føje komponenter til pladsen Brødtekst. Lad os gemme komponentgruppen som en tilpasset komponentgruppe, så vi kan bruge den senere på websitets andre sider. Klik på menuikonet for komponentgruppen , og klik derefter på Gem. Skriv "Minimal-Body" i feltet Navn i dialogboksen Gem komponentgruppe, og klik derefter på Gem.
- Klik på Gem øverst til højre i Site Builder for at gemme dine ændringer. Pladsen Brødtekst burde nu se ud som på følgende billede:
Beskrivelse af illustrationen GUID-1A515BF0-6607-44F7-978B-1B9472E72901-default.png
- Træk en komponentgruppe fra sidepanelet til venstre, og slip den på pladsen Sidefod. Angiv feltet Farve til #333333 i indstillingerne for komponentgruppen.
Beskrivelse af illustrationen GUID-8852AFA2-9F6E-4F36-9071-E8CB4256116C-default.png - Træk en billedkomponent til komponentgruppen, og slip den, og angiv dens indstillinger på fanen Generelt.
Egenskab Værdi Vælg Powered_by_OCE.png fra mappen Minimal-Images Justering Venstre Bredde Fravælg Sæt bredde Top 0,9 vw Bund 0,9 vw Venstre 6 vw Højre 0 - Træk en Social værktøjslinje-komponent fra navigationspanelet til venstre til komponentgruppen, og slip den i højre side af komponenten Billede.
Beskrivelse af illustrationen GUID-46FE020A-AF6D-4BE3-BFBB-EECBFC576CC3-default.pngAngiv indstillingerne for komponenten Social værktøjslinje på fanen Generelt.
Egenskab Værdi Top 1,8 vw Bund 1,8 vw Venstre 0,3 vw Højre 6 vw Klik på Ikoner på fanen Generelt, og klik derefter på et ikonnavn for at fuldføre angivelsen af indstillinger.
Egenskab Værdi URL - https://www.facebook.com/Oracle/ (for Facebook)
- https://www.linkedin.com/company/oracle/ (for LinkedIn)
- https://twitter.com/Oracle (for Twitter)
- https://www.youtube.com/oracle/ (for YouTube)
Mål Åbn i nyt vindue - Nu er sidefoden klar. Lad os gemme denne komponentgruppe som en tilpasset komponentgruppe, så vi kan bruge den senere på websitets andre sider. Klik på menuikonet for komponentgruppen , og klik derefter på Gem. Skriv "Minimal-Footer" i feltet Navn i dialogboksen Gem komponentgruppe, og klik derefter på Gem. Komponentgruppen burde se ud på følgende måde:
Beskrivelse af illustrationen GUID-11801720-9060-4A9D-9D7E-52A4C7295FB7-default.png - Klik på Gem øverst til højre i Site Builder for at gemme dine ændringer.
Se en eksempelvisning af den første side af websitet ved at klikke på 
øverst til højre i Site Builder. Websitet er stadig ikke publiceret, og andre kan ikke se det på nuværende tidspunkt.
Du har fuldført oprettelsen af siden HOME. Lad os opbygge siden CONTACT US. Sådan kommer kontaktsiden til at se ud, når den er færdig:
Beskrivelse af illustrationen GUID-DF490F84-D4EC-4124-B597-E30C5EB5609F-default.png
- Klik på
i sidepanelet til venstre, og klik derefter på Tilføj side. - Skriv "CONTACT US" i feltet Sidenavn, og klik på Luk. Du har føjet en ny side til dit website.
- Klik på i sidepanelet til venstre, og klik derefter på Tilpasset.
- Træk en Minimal-Header-komponent (som du oprettede og gemte tidligere) til pladsen Sidehoved, og slip den.
Beskrivelse af illustrationen GUID-EEE0AFB4-A9A5-4362-9100-80BB1494E464-default.png
Beskrivelse af illustrationen GUID-0D2B488D-7A09-4920-81CE-44F8F508F8E8-default.pngBemærk, at komponenten Minimal-NavMenu automatisk har hentet den nye CONTACT US-side, som du lige har oprettet.
Beskrivelse af illustrationen GUID-A9F9AD69-F6E2-4715-8885-26FDF5DFDF1D-default.png - Træk en Minimal-Banner-komponent fra sidepanelet til venstre, og slip den på pladsen Brødtekst.
Beskrivelse af illustrationen GUID-CD535225-E948-40F2-AA4A-C092022981BD-default.png - Lad os modificere banneret, så det ser anderledes ud end banneret på siden HOME og passer til siden CONTACT US. Modificer indstillingerne for sektionslayoutet To kolonner i komponentgruppen:
Klik på Vælg billede i feltet Billede på fanen Baggrund, og vælg derefter Banner2.jpg i mappen Minimal-Images, som du oprettede tidligere i Dokumenter.
Beskrivelse af illustrationen GUID-B89812E5-369F-4E2C-8EFD-40DA5B9DB487-default.png - Modificer teksten i komponenterne Titel og Afsnit i sektionslayoutet i To kolonner.
- Skriv "Vil du lære mere?" i komponenten Titel.
- Skriv "Find mere undervisningsmateriale på siden Headless CMS." i komponenten Afsnit.
- Klik på i sidepanelet til venstre, og klik derefter på Udfyldt.
- Billedet til siden CONTACT US har en knap med navnet OCE FOR DEVELOPERS som en del af banneret, så lad os føje denne knap til banneret. Træk en knapkomponent i komponentgruppen Minimal-Banner, og slip den i den anden kolonne af sektionslayoutet To kolonner (under den netop tilføjede afsnitskomponent). Angiv indstillingerne for komponenten Knap på fanen Generelt.
Egenskab Værdi Etiket OCE FOR DEVELOPERS Top 0,3 vw Bund 3 vw Venstre 6 vw Højre 0,3 vw Vælg Tilpas på fanen Typografi, og fuldfør indstillingerne.
Egenskab Værdi Baggrundsfarve #c0d600 Skrift - Indtast 24 som størrelsen.
- Indtast farven #58595b.
Ramme Ingen Farve, når der peges - Angiv BACKGROUND til #e1fa00.
- Angiv FONT til #58595b.
- Angiv BORDER til #2222dd.
Hjørner 0 Angiv indstillingerne på fanen Link.
Egenskab Værdi Vælg linktype Webside URL http://www.oracle.com/pls/topic/lookup?ctx=cloud&id=content-cloud-headless Mål Åbn i nyt vindue
Beskrivelse af illustrationen GUID-2D527893-A2D4-4F11-8375-792FA3ABE725-default.png
Beskrivelse af illustrationen GUID-CFA88AD0-4A14-4FB0-A4C0-6710D4B53F7B-default.png - Klik på i sidepanelet til venstre, og klik derefter på Tilpasset.
- Træk en Minimal-Body-komponent ned under komponenten Minimal-Banner på pladsen Brødtekst, og slip den.
- Modificer teksten i komponenterne Titel og Afsnit i komponenten Minimal-Body.
- Skriv "Sæt dig i forbindelse med os:" i komponenten Titel.
- Indtast detaljer som e-mailadresse og andre supportrelaterede links i komponenten Afsnit:
"Besøg Oracle Cloud Connect Forum for at slå dine spørgsmål op."
"Oracle Content Management-eksempler er tilgængelige på: https://www.oracle.com/middleware/technologies/content-experience-downloads.html"
- Træk en anden Minimal-Body-komponent fra sidepanelet til venstre, og slip den på pladsen Indhold under komponenten Minimal-Banner, som du tilføjede tidligere.
- Angiv feltet Farve til #696969 på fanen Baggrund i indstillingerne for komponentgruppen.
- Modificer komponenterne Titel og Afsnit i komponenten Minimal-Body.
- Skriv "Lokationer" i komponenten Titel. Vælg teksten, og angiv skriftfarven til Hvid i teksteditoren.
- Indtast følgende tekst i komponenten Afsnit.
"Områdekontor1:
Bygning nr. 1
By1, Delstat1, Land1
Områdekontor2:
Bygning nr. 2,
By2, Delstat2, Land2"
- Lad os nu føje sidefoden til siden CONTACT US. Træk en Minimal-Footer-komponent til pladsen Sidefod, og slip den.
- Klik på Gem øverst til højre i Site Builder for at gemme dine ændringer.
Se en eksempelvisning af websitet ved at klikke på øverst til højre i Site Builder for at sikre, at det hele ser rigtigt ud. Kontroller, at du sendes tilbage til startsiden, når du klikker på logobilledet på siden CONTACT US. Test menuen for at sikre, at navigationen mellem websitets sider fungerer korrekt.
Dit website er klar til at blive publiceret.