Hur man lägger till widgetar till uppfattning: 3 sätt du behöver veta (2024)

Ser din uppfattning instrumentpanelen lite enkel och tråkig ut?

Det beror på att du inte har inbäddat några widgetar inuti den.

Dessa kan inkludera små mjukvaruverktyg, tweets, GIF, länkförhandsvisningar och ett gäng andra.

Den här artikeln kommer att lära dig exakt hur du lägger till widgetar till uppfattningen.

Du kommer att lära dig:

  • Varför det är nödvändigt
  • Olika metoder för att bädda in någon widget
  • Var man kan få några bra

Låt oss hoppa in.

Innehållsförteckning

Varför lägga till widgetar på din uppfattningssida?

Anpassa din arbetsyta

Det första du kommer att märka är att att lägga till widgets till din uppfattning instrumentpanel kommer att ge den ett unikt utseende skräddarsydd efter dina preferenser.

Kinda gillar att designa din telefonskärmsida.

Ökande produktivitet

Att se bra ut är en sak men att ha alla dina favoritproduktivitetsverktyg på ett ställe är nödvändigt.

Du kan dramatiskt öka din totala effektivitet om du har tillgång till funktioner som:

  • Framstegsfält
  • Väderförhållanden
  • Kalkylator
  • Timers

Okej, kanske inte väderförhållanden men vad som helst.

Åtkomst till unika funktioner

Det främsta skälet till att widgetar skapades i första hand var att vissa funktioner och funktionaliteter inte är tillgängliga naturligt i uppfattning.

Så om du ville ha Pomodoro -timer, tyvärr kommer du att behöva en uppfattningswidget för det.

Det finns bara några sätt att lägga till en widget i uppfattning.

Vissa är riktigt enkla och andra inte.

Metod 1: En enkel inbäddning

Detta är den enklaste och mest idiot-bevisade metoden för att lägga till en widget till uppfattningen.

Det är vanligtvis de som lever på fristående webbplatssidor och inte kräver några anpassningar.

Låt oss lägga till dettapomodorotimerfrån studywithme.io till en sida.

Nu på en uppfattningssida har du två alternativ:

1) Använd inbäddningskommando

Skriv /bädda in och välj alternativet "Bädda in" från verktygsfältet.

Klistra bara in länken i rutan och klicka på "Bädda länken."

2) Klistra in länken direkt på en sida

Alternativt kan du bara klistra in länken direkt på en sida och klicka på "Skapa inbäddning."

Båda alternativen ger dig samma resultat, vilket är denna coola utseende Pomodoro-timer som visas rätt i din uppfattning.

Metod 2: Använda en widgets anpassade URL

Det här är vanligtvis widgetar som gör att du kan anpassa utseendet och funktionaliteten.

Och var och en har en unik länk.

Du kan gå till webbplatser somFörebyggaOch välj en widget som passar dina behov och smak.

De flesta widgetar av denna typ kommer att ha följande:

  • inställningar
  • Widgetförhandsvisning
  • Unik länk

Nu behöver du bara använda den länken för att lägga till widgeten till uppfattningen med samma två alternativ i metod 1.

Metod 3: Konvertera HTML till en inbäddningsbar länk

Denna metod kräver en liten bit av kodande kunskap.

Förutsatt att du redan har källkoden för en widget, måste du förvandla den till en inbäddbar länk för att lägga till den till uppfattningen.

Låt oss använda HTML för dettaEnkel nedräkningpå Apption.co som ett exempel.

Du hittar källkoden på GitHubhär.

I ett nötskal måste du vara värd för den koden någonstans för en länk som ska skapas, så här är tre alternativ:

1) Använda htmlsave (betald)

Htmlsaveär en betald metod som gör att du kan skapa en enkel HTML -sida genom att vara värd för din kod på sina servrar.

Klistra bara in koden i rutan och klicka på "Skicka för att spara."

Länken kommer att visas på toppen, förutsatt att du har ett prenumeration.

Jag betalade inte för det eftersom jag är billig så.

Jag ska visa dig två andra gratis sätt istället.

2) Använda Apptions DIY inbäddade URL -funktion

Gå över tillApptions DIY bädda in URLFunktion, ge din widget ett namn, klistra in HTML -koden i rutan och klicka på "Generera URL."

Du ser sedan inbäddningsbara länken, som du nu kan klistra in i uppfattningen med hjälp av SLASH-kommandot eller metoden för kopiering.

3) Värd för HTML -koden på Github -sidor

Detta är förmodligen det mest komplicerade sättet, men det är bra att veta.

Målet är att förvandla koden till en länk.

För att göra detta måste du:

Steg 1:Skapa ett Github -konto om du inte har ett:https://github.com/

Steg 2:Skapa ett nytt arkiv och namnge det något som "Simple-Countdown"

Steg 3:Lägg till en "Index.html" -fil i förvaret och klistra in din angivna HTML -kod i den här filen

Steg 4:Gå till dina arkivinställningar, bläddra ner till avsnittet "Github Pages" och välj huvudgrenen som källa

Steg 5:Klicka på "Spara."

Steg 6:Din värd widget ska nu vara tillgänglig på en URL som “https://yourussername.github.io/simple-countdown/

Notera:Det kan ta upp till 10 minuter för sidan som ska publiceras så att inte skit dina byxor om det inte fungerar omedelbart.

Nu är allt ditt behov att göra att ta den länken och bädda in den på uppfattningen som en enkel inbäddning som i metod 1.

Om du tror att du har trasslat med någon av metoderna ovan, kolla in min guide omHur man ångrar i uppfattning.

Hur man lägger till widgetar till uppfattningen (vanliga frågor)

Vilka är några exempel på populära widgetar att lägga till uppfattning?

Några populära widgetar att lägga till uppfattning inkluderar: Webbplatsinbäddningar (t.ex. Figma, Loom, YouTube, Google Maps), Calenderar (t.ex. Google Kalender), nyhetsflöden, väderprognoser, sociala medier, aktiviteter för uppgiftshantering och mer.

Dessa widgetar hjälper till att berika dina uppfattningssidor med ytterligare innehåll och funktionalitet, vilket gör det lättare att hålla sig organiserad och samarbeta med andra.

Hur lägger jag till en webbplatswidget till en uppfattningssida?

För att lägga till en webbplatswidget till en uppfattningssida, gå till webbplatsen med widgeten, kopiera länken eller bädda in koden och sedan klistra in den i din uppfattningssida med hjälp av "Bädda" -blocket.Detta kommer effektivt att bädda in webbsidan eller innehållet på din begreppssida.

I vissa fall kan du behöva justera inställningarna för widgeten inom dess ursprungliga värd, så se till att du läser några instruktioner eller rekommendationer från widgetleverantören.

Kan jag flytta widgetar på min uppfattningssida?

Ja, du kan flytta widgetar runt i dina uppfattningssidor, precis som alla andra innehållsblock.Klicka på och dra sexpunktsikonen i det övre vänstra hörnet av widgeten för att flytta den till en ny plats på din sida.Du kan också ändra storlek på widgeten med samma ikon och säkerställa att den passar vackert i din layout.

Vad är det maximala antalet widgetar jag kan ha på en uppfattningssida?

Uppfattningen sätter inte en strikt gräns för antalet widgetar du kan lägga till på en sida.Att lägga till för många widgetar kan dock påverka sidans prestanda och lastningshastighet, vilket gör det mindre effektivt för dig och ditt team att arbeta med.Använd bara ett rimligt antal widgetar som tjänar ett syfte och förbättrar produktiviteten.

Kan jag relatera olika widgetar inom uppfattningen?

Du kan relatera olika widgetar inom uppfattningen genom att se till att de delar samma datakälla, till exempel en länkad databas eller en tredjeparts appintegration som Google Kalender.Genom att se till att dina widgetar har tillgång till samma information kan du skapa en sammanhängande och dynamisk miljö där allt fungerar sömlöst.

Hur kopierar jag länken eller bädda in kod för en widget att använda i uppfattning?

För att korrekt kopiera länken eller bädda in koden för en widget, se till att du väljer hela koden eller länken som tillhandahålls av widgetleverantören och högerklickar för att kopiera den.Du kan också trycka på "Ctrl+C" (PC) eller "CMD+C" (MAC) för att kopiera länken eller koden till ditt urklipp.Gå sedan till din uppfattningssida, lägg till ett "inbäddat" -block och klistra in koden eller länken i fältet "Inbäddningslänk".

Kan jag lägga till widgetar till en uppfattningsmall?

Ja, du kan lägga till widgetar till en uppfattningsmall precis som du skulle göra med något annat innehållsblock.När du skapar en ny sida med mallen kommer widgeten också att inkluderas på den nya sidan, redo för dig att anpassa eller anslu*ta till önskade datakällor.

Hur uppdaterar eller uppdaterar jag en widget i uppfattningen?

För att uppdatera eller uppdatera en widget i uppfattningen kan du behöva använda uppdateringsfunktionen som tillhandahålls i själva widgeten, eller redigera och uppdatera inställningarna på den ursprungliga värdwebbplatsen.

Uppfattningen har inte en inbyggd uppdateringsfunktion för widgetar, så det är viktigt att kontrollera tillgänglig dokumentation eller instruktioner som tillhandahålls av widgetleverantören.

Kan jag använda anpassade widgetar i uppfattningen?

Om du har programmeringsfärdigheter eller tillgång till en utvecklare kan du skapa anpassade widgetar och bädda in dem i uppfattning som alla andra inbäddade innehåll.Se till att widgeten är värd på en offentlig server och ger en delbar inbäddningslänk eller kod.Sedan kan du lägga till den på din begreppssida med hjälp av "inbäddade" -blocket, precis som du skulle göra med en förberedd widget.

För att sammanfatta

Det slår upp den här guiden för hur man lägger till widgetar till uppfattningen.

Jag hoppas att detta svarar på allt du behöver veta.

Om du gillade artikeln, dela den och lämna en kommentar nedan!

Andra uppfattningsguider:

  • Uppfattningen innehåller formel: 3 Användningsfall och begränsningar för att veta
  • Hur man ändrar uppfattning Bakgrundsfärg: Metoder för 3 enheter

P.s.En sak till innan du glömmer ...

Jag delar insider -tips för att bygga mitt skapareföretag med handlingsbara tips för att växa dina på 5 minuter eller mindre.

Hur man lägger till widgetar till uppfattning: 3 sätt du behöver veta (2024)
Top Articles
Latest Posts
Article information

Author: Fr. Dewey Fisher

Last Updated:

Views: 5603

Rating: 4.1 / 5 (62 voted)

Reviews: 93% of readers found this page helpful

Author information

Name: Fr. Dewey Fisher

Birthday: 1993-03-26

Address: 917 Hyun Views, Rogahnmouth, KY 91013-8827

Phone: +5938540192553

Job: Administration Developer

Hobby: Embroidery, Horseback riding, Juggling, Urban exploration, Skiing, Cycling, Handball

Introduction: My name is Fr. Dewey Fisher, I am a powerful, open, faithful, combative, spotless, faithful, fair person who loves writing and wants to share my knowledge and understanding with you.