Instructables på din hemsida eller blogg - uppdaterad! (2 / 4 steg)

Steg 2: Installation



Grundläggande koden för att få detta att fungera kan infogas i nästan alla webbsidor. För att göra detta behöver du en grundläggande kunskap om HTML och CSS. Chanserna är att om du har din egen webbsida du vet detta mycket, hard(er) lite, PHP, är gjort för dig.

Ett meddelande till dem som har aldrig använt PHP innan:
De flesta människor utforma och underhålla sina egna webbsidor skriver det i HTML och CSS. Varje sida är uppdaterad för hand, och innehållet för den sidan förblir alltid densamma. Detta är känt som en statisk webbsida. Användningen av ett skriptspråk som PHP innebär att webbsidor kan bli dynamisk, läsa in innehåll som beror på indata från användaren. Detta är ett exempel av en dynamisk webbsida, däri Instructables hämtade är beroende av de alternativ som valts av den person som besöker din webbplats. De flesta människor att upprätthålla en webbplats uppdatera sina sidor offline, Visa dem offline i deras webbläsare, och sedan om de är nöjda med dem. de överför dem till deras server. När du använder PHP, måste du först installera Apache, som låter dig köra PHP på din dator som localhost. Jag rekommenderar att få XAMPP, som låter dig ladda sidor slutar i .php. Utan detta, din webbläsare laddas bara en massa kod, det kommer se ut som skräp.

Följ dessa steg för att installera det på din egen webbplats. Det är troligt att du kommer behöva redigera CSS för att få det att se rätt.

  1. Ladda ner och extrahera de inkluderade filerna.
  2. index.php är den fil som innehåller PHP för att hämta instructables. Koppla ihop det till en sida på din webbplats. Om din webbplats är statisk HTML (page.html), måste du byta namn på den för att vara en PHP-fil (page.php). Om detta är din första razzia i med hjälp av PHP, har W3 skolor några bra tutorials där du förstår nog att använda detta Instructable.
  3. Lägg den inkluderade CSS filen till rubrikerna för webbsidan och ladda upp den till din webbserver.
  4. I PHP, hitta den variabel som heter $username och ändra den från "Jayefuu" till ditt användarnamn. Naturligtvis är jag mer än gärna för dig att visa min Instructables på din webbplats och skicka mig massor av trafik, men det skulle motverka punkten, rätt? Om ditt användarnamn är inte bara oformaterad text och blanksteg eller roliga karaktärer, besök din profilsida på Instructables och kopiera och klistra in den sista biten i variabeln. Exempel ges för användaren "= SMART =" i bilden för detta steg.
  5. Vid denna punkt, om du laddar upp din inbäddade Instructables sida till din webbplats, bör det åtminstone Hämta du några data och Visa den. Det kan vara riktigt ful, feljusterad eller ha valfritt antal weird buggar, men de data som du behöver kommer att vara där. På denna punkt blir det upp till dig att justera CSS och HTML-jag har tagit för att passa din webbplats. Jag kan inte betona nog hur viktigt Firebug är. Ett tillägg till Firefox, det låter dig analysera din HTML och CSS och redigera det i webbläsaren utan att åter ladda upp efter varje ändring. Det gör det mycket lättare att hitta fel och mycket snabbare att ta reda på vad du behöver göra för att rätta till dem. Jag är mer än glad att hjälpa människor i kommentarerna om de har problem, men vänligen installera Firebug först och har en gå.

Se Steg
Relaterade Ämnen

Hur man skapa webbformulär och bädda in dem i din webbplats eller blogg med Google Docs

detta är en video tutorial om hur du skapar en kontakt oss web form och bädda in den som en sida i din blogger-blogg med google docs. Google docs kan du göra anpassade webbformulär gratis. Du kan skapa valfritt antal former från tecken upp former til...

Sätta en Platial karta på din hemsida

när du har hittat en karta på Platial eller skapat din egen, kommer du att lägga kartan på din blogg eller hemsida. Detta instructible kommer att gå igenom stegen för hur man gör.Någon Platial karta kan publiceras av någon.Steg 1: Klicka på publicera...

Hur du lägger till en Instructable till din lista med favoriter och Betygsätt en Instructable

för att lägga en Instructable till din lista över favoriter, klicka på länken "favorit" i det grå fältet under den Instructable bilder.Du lista över favoriter finns på din hemsida (Klicka på ditt användarnamn uppe till höger) under "Din Ins...

Hur man fängelse bryta din Iphone eller Ipod Touch

fängelse bryta använder programvara än Apples ios-programvaraDet finns fördelar och nackdelar i fängelse bryta du iPodproffsen-Du kan göra en hel del coola saker med dig iPod som programvaran apple inte tillåter-Du kan anpassa många delar av enheten-...

Utbildarhandledning - med Instructables med dina elever

Varför använda Instructables med dina elever:Instructables är ett bra ställe för dina elever att dokumentera en projekt-baserat-lärande verksamhet. Det finns inget bättre sätt för studenter att visa att de lärt sig något genom ett projekt än för dem...

Färga din skor (eller andra lädervaror)

Kan färga våra skor! De är en tråkig färg, och vi längtar efter något nytt och eget. Lyckligtvis, läder färgämnen enkelt, vilket resulterar i en levande, permanent förändring. För detta instructable, vi kommer att borste-färgning två par sammansatta...

Med IFTTT för att skapa kartan Live Foto från din iPhone (eller andra enheter)

Detta är en steg för steg guide att ta en bild med din iPhone (eller andra enheter som stöds), skicka bilden till ett google-kalkylark, och migrera data till ett Google Fusion bord, och slutligen producera en karta över där bilden togs. (Obs: denna t...

Elektriska Sand eller Salt spridare för din lastbil eller traktor från skräp

Detta Instructable kommer att guida dig genom skapandet av en elektrisk spridare som kan hjälpa dig Rock isiga yta med sand eller salt med luckan en strömbrytare. Ingen mer soppa kan, hink, och faller på din rumpa! En hopper byggs från en 5 gallon hi...

Gör en kabel att använda din iPhone eller iPod Touch som en gitarrförstärkare

Välkommen till min första instructable och det är inte så bra, så anser själv varnade.Om du äger en iPhone eller en iPod Touch och råkar vara en gitarrspelare chansen har ni redan hört av antingen GuitarBud av PRS eller iRig av Amplitube.Båda produkt...

Kontrollera din iPhone eller iPod Touch med datorn

detta Instructable kommer att lära dig hur du använder veency, ett program från Cydia, vilket gör att du kan styra din iPhone eller iPod via VNC på datorn.Detta kräver att du har:-en jailbroken iPhone eller iPod touch med Cydia-en dator, Mac eller PC...

Lyssna på ditt itunes bibliotek via din TV- eller av-mottagare

Okej jag gjorde detta instructable på 10 minuter. Det var så lätt! En bärbar dator skulle vara bra för detta men ett skrivbord nära en tv är okej också. Om du har en Airport Express kommer jag lägga till ett steg för er människor. (Obs: Jag äger inte...

Effektiv marknadsföring för din produkt eller tjänst

sälja en produkt eller tjänst är inte en enkel uppgift för de flesta. Med dessa enkla instruktioner och lite träning, bör de flesta människor kunna förbättra sina färdigheter nog att vara mer effektiva på försäljning och marknadsföring. Du behöver in...

Hur man färga din hund eller katt (med hemgjorda färgämne)!

Det är så svårt att hitta en cool färg som fungerar för hundar med långa mörka hår (jag har en pudel). Så uppfann jag min egen färg och här är det! (min sista steget har instruktioner om hur att få ut). Snälla rösta på mig i dyeing för färg tävling!V...

MacBook Unibody trasiga skärm - hur till berätta om din glas eller LCD är brutna

släpptes i oktober 2008, Unibody MacBook och MacBook Pro system var den första system som inkluderar en glaskupa installerat på LCD-skärmen. Det finns alla typer av argument ute om huruvida detta glas är en bra eller dålig sak, men för dagens diskuss...

Snap makro med din surfplatta eller smartphone

På några minuter kan du skapa fantastiska foton med din tabell eller smartphoneSteg 1: Ta en trasig DVD-brännare Det enda som verkligen behövs är en liten lins som jag har återhämtat sig från en trasig dvd-brännareSteg 2: Montera linsen Tillämpa lins...

DIY Hur till Program nyare DirecTV Remote för din DVD eller VCR

steg för steg instruktioner visar hur man programmerar en nyare DirecTV avlägset att prata med din DVD eller VCR....

DIY Hur till Program äldre DirecTV Remote för din DVD eller VCR

steg för steg instruktioner visar hur du programmerar din äldre DirecTV avlägset att prata med din DVD eller VCR...

Gör en arbetande touchscreen penna för din telefon eller tablett i 3 steg!

Du använder din telefon eller tablett mycket?Gör dina fingrar ont efter några timmar?Eller vill du bara använda en stylus för att doodle på din tablett?Kom ihåg uppståndelse om skum och aluminiumfolie att bara göra en penna?Här är lösningen!Du kan gö...

Enkelt sätt att anpassa golvmattor för din bil eller lastbil

är golvmattor i bilen gammal, vittrade och slitna ut men för dyrt att ersätta? Mattorna spänne och glida runt under fötterna när man kör eftersom de inte passar ordentligt? Kanske tycker du inte om de golvmattor som följde med din bil eller lastbil....