Sådan oprettes en downloadknap: 11 trin (med billeder)

Indholdsfortegnelse:

Sådan oprettes en downloadknap: 11 trin (med billeder)
Sådan oprettes en downloadknap: 11 trin (med billeder)

Video: Sådan oprettes en downloadknap: 11 trin (med billeder)

Video: Sådan oprettes en downloadknap: 11 trin (med billeder)
Video: Overgang. Jeg fandt noget skræmmende i min onkels hus. Gerald Durrell 2024, Kan
Anonim

En downloadknap kan få dit websted til at se betydeligt mere professionelt ud end blot at tilbyde din download via links. En knap giver en renere grænseflade, og hvis du har lyst til at designe din egen, kan dine knapper være en integreret del af din sides design. Følg denne vejledning for at oprette HTML -knapper eller lave en knap i dit eget design.

Trin

Metode 1 af 2: Oprettelse af en HTML -knap

Opret en downloadknap Trin 1
Opret en downloadknap Trin 1

Trin 1. Opret knappen i en kodeditor

En simpel tekstredigerer som f.eks. Notesblok eller TextEdit fungerer perfekt. Indtast følgende kode i editoren:

Opret en downloadknap Trin 2
Opret en downloadknap Trin 2

Trin 2. Upload filen til din server

Hvis du vil tilbyde en fil at downloade, skal du enten være vært for den på din egen server eller pege knappen på filen et andet sted på nettet. Brug en FTP -klient til at uploade den fil, du vil gøre tilgængelig for dit websteds server.

Opret en downloadknap Trin 3
Opret en downloadknap Trin 3

Trin 3. Sørg for, at du har tilladelse fra webmasteren, hvis du vil linke til en fil, som du ikke selv er vært for

Opret en downloadknap Trin 4
Opret en downloadknap Trin 4

Trin 4. Erstat 'Downloadplacering' med webadressen til download. Sørg for at inkludere de enkelte anførselstegn omkring adressen samt de dobbelte anførselstegn omkring “window.location = 'Download Location'". Inkluder eventuelle præfikser som f.eks. HTTP: // eller FTP: //, og inkluder også filtypen, f.eks. som-j.webp" />

Opret en downloadknap Trin 5
Opret en downloadknap Trin 5

Trin 5. Mærk knappen

Udskift "Knaptekst" med de ord, du vil have vist på knappen. Sørg for at beholde de dobbelte citater omkring teksten. Hold knappeteksten lille, så knappen ikke vises stor og uhåndterlig på siden.

Opret en downloadknap Trin 6
Opret en downloadknap Trin 6

Trin 6. Placer koden på din side

Du kan indsætte knapkoden hvor som helst i brødteksten på din webside, og knappen vises på det sted. Upload din ændrede webside -kode, og test din nye knap.

Metode 2 af 2: Oprettelse af en billedknap

Opret en downloadknap Trin 7
Opret en downloadknap Trin 7

Trin 1. Design din downloadknap

Brug din foretrukne billedredaktør, og opret en knap, der matcher stilen på dit websted. Du kan gøre knappen så lille eller så stor, som du gerne vil.

Opret en downloadknap Trin 8
Opret en downloadknap Trin 8

Trin 2. Upload filen til din server og knapbilledet

Hvis du vil tilbyde en fil at downloade, skal du enten være vært for den på din egen server eller pege knappen på filen et andet sted på nettet. Brug en FTP -klient til at uploade den fil, du vil gøre tilgængelig for dit websteds server.

Upload knapbilledet til det samme sted på serveren som den side, du lægger det i

Opret en downloadknap Trin 9
Opret en downloadknap Trin 9

Trin 3. Opret din downloadkode

En downloadknap repræsenteret af et billede fungerer på samme måde, som alle andre links fungerer i HTML. Kopier følgende kode til din foretrukne editor:

Opret en downloadknap Trin 10
Opret en downloadknap Trin 10

Trin 4. Indtast dine fil- og billedoplysninger. Erstat "Downloadplacering" med den fulde URL til din download, inklusive eventuelle HTTP: // eller FTP: // præfikser. Erstat “Billedfil med filnavnet til download -knapbilledet. Hvis filen er på samme sted som siden på din server, behøver du ikke at inkludere hele adressen.

  • Udskift "Hover Text" med enhver tekst, du vil have vist, når brugeren holder markøren over billedet.
  • Udskift “X” og “Y” med henholdsvis billedbredden og højden i pixels.
  • Sørg for at beholde de dobbelte citater omkring hver post.
Opret en downloadknap Trin 11
Opret en downloadknap Trin 11

Trin 5. Indtast koden på din side

Placer koden, hvor du vil have din knap vist. Upload den nye kode, og indlæs derefter websiden for at sikre, at knappen fungerer. Kontroller, at svæverteksten indlæses, og at billedet har den rigtige størrelse.

Video - Ved at bruge denne service kan nogle oplysninger blive delt med YouTube

Advarsler

  • Upload af filer til din egen server er en bedre måde at dele filer online i stedet for afhængigt af andre websteder for at være vært for filerne. Hvis du kopierer et linksted fra et andet websted, fungerer den download -knap, du opretter, kun, så længe linkplaceringen er aktiv.
  • Upload aldrig filer i strid med ophavsretslovene, fordi det kan føre til store bøder eller fængsel.
  • Test jævnligt din downloadknap eller downloadlinket på det websted, som du fik linkplaceringen fra, for at sikre, at brugerne vil kunne downloade filen, når de klikker på knappen i stedet for at gå til et brudt link, hvor filen ikke længere findes.

Anbefalede: