Krasjkurs i WordPress.com - 3.1 - Hvordan poste bilder
Den eneste svake funksjonen i WordPress.com er bildefunksjonen. De som har brukt Blogger er vant til at man kan lagre så mange bilder man bare orker i bloggen sin, slik er det ikke i WordPress.com. WordPress.com har en begrensning i forhold til hvor mange MB du kan laste opp og neimen om jeg husker hvor mange MB det er, men det skal jeg finne ut og skrive her med tid og stunder.
Oppdatering: WordPress.com har nå oppgradert lagringskapasiteten og du kan lagre 3 GB på kontoen din: Free Space to Three Gigabytes
I blogger har man også muligheten til å velge mellom “small”, “medium” og “large” størrelse på bildene man laster opp, slik er det ikke i WordPress.com. Om du laster bildene dine opp på WordPress.com-kontoen din får du valget mellom “thumbnail” (lite bildet) eller bildet i full størrelse. I tillegg kan du trekke i bildet og endre størrelse på det i editor, men det kan i noen tilfeller gi noe kornete og uproporsjonalt bilde, men det er altså ikke noen andre faste oppsett. Problemet med dette er at om man bruker et template som har ganske bred bloggposttekstkolonne og bruker store bilder i den, og velger å gå over til et template med smalere bloggposttekstkolonne så vil bildene dine ikke tilpasse seg sine nye omgivelser, men da forsvinne ut av kolonnen og bli borte i høyrekanten og kun deler av bildet vil synes.
Oppdatering 2008-02-25:
Om du setter inn en angitt høyde eller bredde på bildet i editoren, vil WordPress.com automatisk justere størrelsen på bildet proporsjonalt.
I alle fall. Bildene dine og/eller videoene om du velger å laste opp til kontoen din blir liggende i “manage” –> “opplastinger” (det er en eneste røre av engelsk og norsk i dashboardet til no.wordpress.com for tida. Beklager.).
Når du skal legge til et bilde i en bloggpost i WordPress.com har du flere muligheter.
Valg 1)
Du kan laste opp bildene til kontoen din. Da velger du:
“Last opp”-menyen under editoren din –> “Bla gjennom” –> “Thumbnail/Full size/Title”
Velger du “Title” vil bare tittelen på bildet ditt bli vist i bloggposten, så du bør som regel velge “Thumbnail” eller “Full size”.
Deretter velger du “Send to editor” og bildet vil bli vist i tekst editoren.
Valg 2)
I menyen over teksteditoren din finner du en liten boks med et bilde av et tre på. Klikker du på denne knappen får du opp en meny. Ved hjelp av denne menyen kan du legge til bilder som ligger et annet sted på den store internetten i bloggposten din. Da må du lime inn adressa til bildet i “Image URL”. Du kan også legge til en beskrivelse av bildet i “Image description”. Denne beskrivelsen vil da vises i en liten boks når man holder muspila over bildet i den publiserte bloggposten. I tillegg kan man velge om man vil la bildet ligget til høyre eller venstre for teksten om man vil det. Bildet kan selvsagt også bare “være” uten noe dill. Når du har fyllt ut det du behøver klikker du “Insert”. Etter at du har gjort dette kan du merke bildet og klikke på treboksen igjen om du vil endre på plasseringa av bildet i etterkant.
Lagring av bilder:
WordPress.com gir deg muligheten til kjøpe mer lagringsplass, men de fleste velger i stedet å finne en tjeneste på internett som kan lagre bilder for dem. Et godt sted å begynne er Flickr.com som er en tjeneste det er ganske fort gjort å bli kjent med, bare husk at Flickr.com begrenser hver konto til 200 bilder og har en begrensning på hvor mange mange MB man kan laste opp i måneden (men da er det bare å opprette flere kontoer). Flickr.com gir deg for øvrig det bildet du har lastet opp i flere størrelser, noe som er kjekt om du har et stort bilde, men bare vil ha et lite bilde i bloggposten. (Men det der finner du ut av.)
Om du velger Flickr.com har du muligheten til å bruke URL og bildemenyen som beskrevet over - eller du kan kopiere en bildekode som du kan lime direkte inn i “code” i editoren din (koden må limes inn i “code” for at et bilde skal vises, hvis ikke blir bare koden vist).
Om du vil ha bilder andre steder i bloggen din enn i en bloggpost, da fortrinnsvis i en sidebar kan det blant annet gjøres på følgende måte:
A) Start en bloggpost.
B) Last opp bildet du vil ha og kopier koden fra “code” (følge enten metode 1 eller 2 over).
C) Lim koden inn i en text-widget (presentation –> widgets).
Har du lastet opp et bilde til WordPress.com (metode 1) kan du bare slette bloggposten. Bildet skal ligge på kontoen din for det. Eventuelt kan du gjøre bloggposten med bildet privat (se “innleggsstatus” i høyremargen).
Tenke, tenke… var det noe mer jeg skulle si da. Hmm…
Ok. Det var en lynkjapp innføring i bilder i WordPress.com. Se ikke bort ifra at denne bloggposten blir oppdatert snarlig.
Oppdatering 9/12-07:
Ja, du kan både laste opp animerte .gif til WordPress.com og poste animerte .gif i sidebaren. Om du velger å laste opp en slik .gif-fil til kontoen din må du bare huske på å velge “Full size” som alternativ og ikke “Thumbnail” for hvis ikke får du bare et statisk bilde.
Test:
For flere opplysninger se Krasjkurs i WordPress 1.0 - Informasjon og kursoversikt.
Istedet for Flickr kan man også bruke google photos, eller Pixara som programmet du kan laste ned heter.
Det med bilder på sidebaren hørtes jo utrolig logisk ut, men jeg har allikevel aldri tenkt på det.
*skynde seg til Verdens Sentrum for å legge ut et bilde.*
Fungerer animerte .gif ?
Ja, man kan bruke hvilken bildeside man vil, men Flickr er en av de sidene jeg synes er enklest å komme i gang med (og som jeg greier å svare på spørsmål om hvis jeg får det
).
Man kan helt sikkert legge til animerte .gif i sidebaren om du finner noen som vil lagre det for deg eller om du lagrer den på wordpress.com (jeg har ikke testet riktig nok …).
Det kom fort, imponert!
Tusen takk
Hehe. Det er liksom mottoet til denne serien at det skal gå fort og gæli.
[...] skrev i forrige post at den eneste svake funksjonen med WordPress.com var billedfunksjonen, men *ehm* jeg tok bittelitt [...]
Du har 50MB fri plass her til bilder, noe som tilsvarer et lite webhotell.
Hvis du i tillegg bruker litt bilder-på-web-fornuft og ikke har bilder større enn 15kb i en post, så har du plass til rimelig mye.
50 MB er det vett’u.
Og, ja, det er smartest å ikke bruke for store bilder (sier Undre som slurver med slikt).
Det er vel egentlig bare folk som driver med seriøs fotoblogging og slik som har behov for mye plass og trenger å oppgradere plassen. - Og da tror jeg heller de bør satse på eget webhotell i stedet.
Det har du nok rett i, Kristin.
Tja, jeg liker å legge ut manipulerte bilder i stor størrelse når jeg først gjør noe. Jeg takker for opplæring og smådytt i retning WordPress, men holder meg på Blogger til jeg har funnet ut hvordan jeg kan fikse en lur bildeløsning. Flickr (som har limit på antall album du kan lage - 3 - før du må betale) og Picasa (glimrende program og webalbum!) blir for tungvint - da kunne jeg jo like gjerne programmert hele bloggen min i HTML. Som i gamle dager…
Konstruktivt: Hvem kan skaffe en epost-adresse vi kan sende blogger-klage til? Det må jo gå an å få dem til å snu i en sak som bekymrer minst fire av norges beste bloggere (mortenflaten.com, virrvarr, iskwew og undre)
Jeg får ikke til å skrive ved siden av bildene, teksten legger seg bare med en linje ved siden av, resten under bildet. Leselama har prøvd å lære meg det, men metoden hennes funker ikke hos meg (eller også har jeg ikke skjønt den ennå). Kan det være fordi jeg laster opp egne bilder, mens hun lenker til et sted på internett hvor bildene ligger? Begynte å lure på det da jeg leste posten din, men mulig jeg ikke skjønte metoden helt…
Hei igjen, jeg har løst problemet. Blogger har en løsning på dette også… Nå kan du logge deg på med din WordPress-konto i mitt kommentarfelt. Er det brukbart eller? Sleng innom og legg igjen en kommentar hos meg, så skal jeg forklare hvordan jeg gjorde det… :o)
Neida, sånn gjør du - kort forklart:
- Gå til http://draft.blogger.com/
- Klikk på innstillinger (settings) på den bloggen du vil endre
- Klikk på kommentarer (comments)
- Under “Hvem kan kommentere” velger du “Alle” (anyone)
Dermed kan følgende alternativer velges når du kommeterer hos meg:
- blogger- og google-konto
- OpenID-kontoer som WordPress eller LiveJournal
- Kallenavn (uten URL)
- Anonym
Dermed anser jeg saken som løst, siden det er WP-ere som har klagt høyest på omleggingen. Spre det glade budskap!
Hilsen Nissemann - fortsatt på Blogspot
Nissemann #13: Aha! Så det er bloggeier som legger begrensninger for hvem som kan kommentere? Ser man det.
Men det løser fremdeles ikke profilproblemet hvor man ikke kan legge inn link til sin egen blogg annet enn under “Min hjemmeside”.
Nissemann #11: I forhold til WordPress.com: Du kan jo beholde bloggerkontoen din, eller opprette en til og fortsette å benytte deg av bildetilbudet der. Ja, det blir ekstra pes, men det er mulig. Ellers kan du sjekke andre tjenester som hoster bilder:
http://imageshack.us/
http://photobucket.com/
Oda: Jeg skal forske litt på det. Jeg har savnet muligheten selv.
Nå har jeg fått til å skrive ved siden av bildene (flinke Leselama!), ved å putte inn en kode i bildelinja (som begynner med img src= osv.). Koden er: align=”left”
Men jeg får fortsatt ikke til å unngå at skrifta havner klin inni bildet, istedenfor med et fint hvitt felt imellom (slik hun pleier å ha det). Ifølge Leselama skal det funke med kommandoen hspace=”15″ (eller et annet tall), men hos meg skjer ingenting når jeg prøver på det.
Forsker du videre blir jeg veldig fornøyd
Det er egentlig ikke bloggeier som har lagt begrensningen, den ble innført av Blogger for en uke eller to siden. Men bloggeier kan oppgradere sitt kommentarfelt med den nye funksjonen som ble lansert samtidig med at den gamle forsvant. Så Google/Blogger-monsteret har lagt krøll for alle brukerne, men hver og en kan ordne opp i det igjen på en brukbar måte…
Oda: Hmm… eg ber om orsaking for nå er eg frykteleg trøytt så det kan hende eg ikkje skjønner kva du seier, men om du med “skrive ved siden av bildet”, meiner å ha biletet ved sida av avsnitta, så kan du berre trykke på ikonet med treet på og setje “Alignment” til “right” eller “left” (om du har lasta opp biletet til kontoen din så berre merk biletet og så trykk på ikonet då kjem menyen opp).
Men kanskje du kan be Leselama sende forklaringa om korleis ein legger tekst under biletet til meg, så kan eg kjøyre eit lite krasjkurs på det? Eler: Leselama: Om du les dette så send meg ein e-post.
Irene: Hei til deg. Nye fjes er moro!
Og Blogger er ond! *knegg*
(og der glemte jeg å øve mer på nynorsken min.)
Nei, du må gå inn på fanen som heter “Kode”, så ser du med en gang hvilken linje jeg mener. Jeg sa ikke “skrive ved siden av bildet”, men “putten en kode INN I BILDELINJA”. Altså inne i kodingen for plassering av bildet. (Det som sto i mailen fra Leselama var akkurat det jeg skrev i forrige kommentar.)
Åh ja, nå skjønte jeg hva du mente. Ok, det var en alternativ metode for å få skriften ved siden av bildet. Men løser likevel ikke problemet med at skriften legger seg kant i kant med bildet, istedenfor med “luft” imellom.
Bla bla bla, tredje kommentar
En annen ting jeg ikke skjønte var hvordan jeg får bestemt hvor neste avsnitt skal begynne, altså det som ikke skal stå ved siden av bildet, men fortsette under på vanlig måte.
Da er vi på nett, Oda.
Skal vi se …
Det jeg savner er muligheten til å skrive billedtekst under bilder jeg plasserer til høyre eller venstre i teksten, slik som man ser i aviser og i nettaviser. Om noen kan fortelle meg hvordan jeg gjør det så vil jeg bli glad.
Hvor mye luft det blir rundt bildene tror jeg rett og slett har å gjøre med hvilket template man bruker. Templatet jeg bruker i skrivende stund, Misty Look, lager en liten skyggeramme rundt bildene f.eks.. Det finnes kanskje en eller annen kode man kan legge til for å få mer luft rundt? Noen? Eventuelt kan du jukse og legge til en hvit ramme rundt bildene du bruker i et bildebehandlingsprogram?
Om WordPress er vanskelig med linjeskift kan du legge inn noen i code. Da kan du legge inn så mange linjeskift du vil, men så fort du har klikket lagre eller publiser, så forsvinner den koden igjen, så det er litt pjuklete.
Ellers finner man masse svar om dette og hint her:
http://www.w3schools.com
æsj, linjeskiftkoden min forsvant!
Skal vi se (fjern asterikser):
Jeg får ikke skrevet inn koden, gitt. bæschj!
luft i bilde: margin:10px
f.eks. her på wp.com må man bruke middelalderløsninger med hspace og vspace for å oppnå det samme
Aigh! Så dumt!
Jeg har lurt på det samme som Oda; hvordan jeg kan få tekst ved siden av bildet. Har testet ut hennes forklaring nå, men får ikke til. Godt mulig jeg må få det inn med teskje eller at det er annerledes fordi jeg ikke har wordpress.com? Noen som vil forklare? Noen som i det hele tatt skjønner hva jeg mener? (Send gjerne mail, hvis du vil.)
Hei, Røvis.
Når du har editoren din oppe, ser du da et ikon av et tre? (Jeg tror du skal gjøre det ved siden av lenkeknappene.)
Om du velger å laste opp bildet ditt via editoren (jeg regner med at du har en opplastingsmeny nederst) så kan du merke bildet ditt, klikke på treikonet og så velger du “Alignment”. Du må da huske på at koden for bildet må ligge foran det avsnittet du vil ha det ved siden av (henger du med?) for at du skal få bildet dit du vil ha det (det ser du i “code”, klipp og lim koden om det ikke gjør det, eller dra bildet).
Du kan også velge å legge inn bilder som er lagret andre steder på nettet. Det gjør du via treikonet (se oppskrift i bloggposten) og sette alignment høyre eller venstre.
Hoi om dette ikke funker.
Bortsett fra det, så se her:
http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html
Jeg får til å lage ramme rundt bildet, men den blir svart, og da er jeg like langt. Vil ha usynlig ramme, eller teksten flyttet litt til høyre. Ifølge Leselama er den rette kommandoen: hspace=”15″ (eller et annet tall) Men jeg får det ikke til.
Noen av kodene forsvinner visst i kommentarfeltet, det sa Leselama også. Hun endte med å maile dem til meg.
Uansett, Undre: takk for tipset om treet!
Blir det svart altså? Jeg vet ikke noe om hspace, men på W3schools står følgende:
hspace: Defines white space on the left and right side of the image. Deprecated. Use styles instead
Og jeg kan sende den break-tagen til deg på mail. *klaske panne!*
Røverdatter: Siden du har egen hosta blogg kan du benytte CSS - f.eks.
img.right {
float:right;
margin-left:10px;
}
img.left {
float:left;
margin-right:10px;
}
når du nå setter inn bilde i post, så finner du img taggen og setter inn følgende: class=”right” for høyrejustert og class=”left” for venstejustert.
Bilde til høyre vil bli noe slikt som <img src=”bilde.jpg” alt=”bilde” class=”right” />
Er det <br /> du mener, Undre?
Jepp, den var den koden jeg forsøkte å skrive, men den ble spist opp. Takker, Kristin!
[...] Mer om hvordan du kan redigere bilder i editoren finner du her. [...]
[...] Krasjkurs i WordPress 3.1 - Hvordan poste bilder [...]
[...] Krasjkurs i WordPress.com - 3.1 - Hvordan poste bilder [...]