Hjem Social Media Brug af baggrundsgrafik er en nem måde at ændre baggrundsgrafik i WordPress med CSS - dummies

Brug af baggrundsgrafik er en nem måde at ændre baggrundsgrafik i WordPress med CSS - dummies

Video: Ohio Fmily Visit! | Changing Lanes! 2025

Video: Ohio Fmily Visit! | Changing Lanes! 2025
Anonim

Brug af baggrundsgrafik er en nem måde at indstille dit websted adskilt fra andre, der bruger det samme WordPress-tema. At finde en baggrunds grafik til dit websted er meget som at finde den rigtige desktop baggrund til din computer. Du kan vælge mellem en række baggrundsgrafik til dit websted, såsom fotografi, abstrakt kunst og gentagelige mønstre.

Du kan finde ideer til ny, anderledes baggrundsgrafik ved at tjekke nogle af CSS-gallerierne på nettet, som f.eks. CSS Drive og CSSelite.

Sider som disse bør kun bruges til inspiration, ikke tyveri. Vær forsigtig, når du bruger billeder fra eksterne kilder.

Du vil kun bruge grafik og billeder, som du har fået ret til (via udtrykkelige tilladelser eller genbrugslicenser) til at bruge på dit websted. Af denne grund skal du altid købe grafik fra anerkendte kilder, som f.eks. Disse tre online-grafikwebsteder:

  • iStockphoto: iStockphoto har et omfattende bibliotek med stock photography, vektorillustrationer, video- og lydklip og Adobe Flash-medier. Du kan tilmelde dig en konto og søgebiblioteker af billedfiler for at finde den der passer dig eller din klient bedst. De filer, du bruger fra iStockphoto, er ikke gratis. du skal betale for dem. Sørg for at du læser licensen for hvert billede, du bruger.

Siden har flere licenser. Den billigste er standardlicensen, som har nogle begrænsninger. Du kan f.eks. Bruge en illustration fra iStockphoto i et website design, men du kan ikke bruge den samme illustration i et tema design, som du har til hensigt at sælge flere gange (f.eks. I et premium-temamarked). Sørg for at læse fine print!

  • Dreamstime: Dreamstime er en vigtig leverandør af stock photography og digitale billeder. Tilmeld dig en konto, og søg i det enorme bibliotek med digitale billedtilbud. Dreamstime tilbyder til tider gratis billeder, så hold øje med dem! Derudover har Dreamstime forskellige licenser til sine billedfiler, og du skal være opmærksom på dem.

En god funktion er den royaltyfrie licenseringsmulighed, som giver dig mulighed for at betale billedet en gang og derefter bruge billedet så mange gange som du vil. Du kan ikke omfordele billedet på samme webstedstema gentagne gange, f.eks. I en skabelon, som du sælger til offentligheden.

  • GraphicRiver: GraphicRiver tilbyder lagergrafikfiler som Adobe Photoshop-billeder, designskabeloner, teksturer, vektorgrafik og ikoner for blot at nævne nogle få.Valget er stort, og prisen for at downloade og bruge grafikfilerne er minimal.

Som med alle grafiske og billedbiblioteker, skal du læse vilkårene for brug eller enhver licens, der er knyttet til hver af filerne for at sikre, at du overholder de juridiske vilkår.

En anden stor ressource til gratis grafik er Smashing Magazine. Klik på Freebies i afsnittet Grafik for at finde hundredvis af links til gratis (og ofte genanvendelig) grafik, såsom teksturer og wallpapers til dit websted.

For bedst at bruge baggrundsgrafik skal du svare på nogle få enkle spørgsmål:

  • Hvilken type baggrunds grafik vil du bruge? Du vil måske have et gentageligt mønster eller en tekstur, for eksempel eller et sort / hvidt fotografi af noget i din virksomhed.
  • Hvordan vil du have baggrundsbilledet til at blive vist i din browser? Du vil muligvis gerne flise eller gentage dit baggrundsbillede i browservinduet eller knytte det til en bestemt position, uanset hvilken størrelse din gæsts browser er.

Svarene på disse spørgsmål bestemmer, hvordan du installerer en baggrunds grafik i dit tema design.

Når du arbejder med grafik på internettet, skal du bruge GIF-, JPG- eller PNG-billedformater. For billeder med et lille antal farver (som diagrammer, line art og logoer) fungerer GIF-format bedst. For andre billedtyper (skærmbilleder med tekst og billeder, blandet gennemsigtighed osv.) Skal du bruge JPG (også kaldet JPEG) eller PNG.

Til webdesign kan egenskaberne ved hvert billedfilformat hjælpe dig med at bestemme hvilket filformat du skal bruge til dit websted. De mest almindelige billedfilformater og egenskaber omfatter følgende:

  • JPG: Passer til brug med fotografier og mindre billeder, der bruges i dine webdesignprojekter. Selvom JPG-formatet komprimerer med lossy-komprimering, kan du justere komprimering, når du gemmer en fil i JPG-format. Det vil sige, du kan vælge graden eller mængden af ​​kompression, der forekommer, fra 1 til 100. Normalt vil du ikke se en stor tab af billedkvalitet med kompressionsniveauer 1 til 20.
  • PNG: > Passer til større grafik, der bruges i webdesign, som f.eks. Logoet eller hovedhovedgrafen, der hjælper med at mærke det overordnede udseende på hjemmesiden. En . png filen bruger tabsfri billedkomprimering; Derfor opstår der ingen datatab under kompression, så du får et renere, skarpere billede. Du kan også oprette og gemme en . png fil på et gennemsigtigt lærred. . jpg Filerne skal have et hvidt lærred eller en anden farve, du udpeger. GIF:
  • Velegnet til visning af enkle billeder med kun få farver. Komprimering af a. gif-filen er tabsfri Derfor giver billedet det samme som du designer det uden at tabe kvaliteten. Disse filer komprimeres med tabsfri kvalitet, når billedet bruger 256 farver eller færre. For billeder, der bruger flere farver (højere kvalitet), er GIF ikke det bedste format, der skal bruges. For billeder med mange farver skal du bruge PNG-format i stedet.

Brug af baggrundsgrafik er en nem måde at ændre baggrundsgrafik i WordPress med CSS - dummies

Valg af editor

Dreamweaver CC til Dummies Cheat Sheet - dummier

Dreamweaver CC til Dummies Cheat Sheet - dummier

Du kan bruge Adobe Dreamweaver CC til at oprette nye hjemmesider eller omdøbe eksisterende . I Dreamweaver CC, som står for Creative Cloud, finder du den velkendte velkomstside plus nye værktøjer til styring af Cascading Style Sheets (CSS) og web skrifttyper. Forbedre Dreamweaver ved at installere plug-ins eller finesse dit websted ved at gennemgå en liste over links ...

Brug grafik i dine Creative Cloud Documents - dummies

Brug grafik i dine Creative Cloud Documents - dummies

En grafik kan være et billede, en tegning eller en vektor objekt. Du kan oprette grafik manuelt ved at lave mærker på en side eller oprette dem elektronisk ved hjælp af software. Du kan vise grafik i mange formater, f.eks. På en computerskærm, projiceret på en væg eller trykt i et magasin eller en bog. Computer grafik ...

Photoshop CC for Dummies Cheat Sheet - dummier

Photoshop CC for Dummies Cheat Sheet - dummier

For at komme rundt i Photoshop CC, bør du vide mere end det grundlæggende , vil du også gerne vide, hvordan du fejler Photoshop-problemer og bruger valg og lagfusionsteknikker, og du kan kende bekendtskab med filtergalleriet og dets farver.

Valg af editor

Hvordan man laver et mørkt landskabsfoto - dummier

Hvordan man laver et mørkt landskabsfoto - dummier

Det meste af tiden er dit digitalkamera på siden af forsigtighed og tjener et billede, der er for lyst. Nogle gange gør kameraet det modsatte og giver dig et billede, der er mørkere end scenen før dig. Når dette sker, er her tre ting, du kan prøve, der kan lindre ...

Hvordan man løser et alt for lyst solnedgangsfoto - dummies

Hvordan man løser et alt for lyst solnedgangsfoto - dummies

Solnedgange er fantastiske scener for naturfotografer. En solnedgang med et smukt landskab har dog ofte et bredere område end kameraet kan håndtere. Kameraet kompromitterer og leverer et billede med et korrekt eksponeret landskab, men en himmel, der er alt for lyst. Når du ser et billede som det på din LCD-kamera ...

Sådan låser du fokus på et peg og skyd kamera - dummier

Sådan låser du fokus på et peg og skyd kamera - dummier

Hvis du optager fotografering ved hjælp af et point-and-shoot-kamera, er den første færdighed du behøver at mestre at få kameraet til at fokusere på det ønskede billede. Den eneste måde at sikre, at en autofokus punkt og skyde fokuserer korrekt - især hvis hovedfaget ikke er centreret i rammen - er at låse ...

Valg af editor

Brug af baggrundsgrafik er en nem måde at ændre baggrundsgrafik i WordPress med CSS - dummies

Brug af baggrundsgrafik er en nem måde at ændre baggrundsgrafik i WordPress med CSS - dummies

At indstille dit websted bortset fra andre, der bruger det samme WordPress-tema. At finde en baggrunds grafik til dit websted er meget som at finde den rigtige desktop baggrund til din computer. Du kan vælge mellem en række baggrundsgrafik til dit websted, såsom fotografering, abstrakt ...

Sammenlign Web Hosting Services - dummies

Sammenlign Web Hosting Services - dummies

Grundlæggende krav skal være på plads, før du kan installere WordPress på en web server. Udforsk web hosting miljøer og vide, hvilke faktorer der skal tages i betragtning for at bestemme hvilken type hosting miljø der er nødvendigt for jobbet. Hosting-tjenester giver generelt (mindst) disse tjenester med din konto: Harddiskplads: Dette er ...

Farvepaletter til dit WordPress-websted - dummies

Farvepaletter til dit WordPress-websted - dummies

Farve og præferencer i farvekombinationer til din WordPress-hjemmeside er helt subjektiv og baseret på, hvad der ser godt ud til hver enkelt persons øje. På grund af dette ordsprog er det ikke nødvendigt at fortælle dig, hvilke farver der ser godt ud og hvilke farvekombinationer der fungerer bedst, fordi disse ideer hovedsageligt er baseret på præference og erfaring. Den ...