Hej kära läsare av bloggsidan. Du kan naturligtvis använda ett plugin för denna uppgift, men Det är inte så svårt att göra det själv, och det kommer att bli färre av dem, särskilt eftersom jag redan har många av dem som fungerar (se artikeln på länken). Jag tog de sociala nätverksikonerna från, som jag redan skrivit om i detalj (jag hoppas att Dimox inte kommer att invända mot detta).
Och jag ansåg det också lämpligt att skicka ett mejl.
Vi skapar en sprite från knappar och infogar HTML-koden på sajten
Efter att du har skapat alla nödvändiga grupper och sidor på sociala nätverk, och därför fått alla nödvändiga länkar, kan du bli förbryllad genom att lägga till knappar på webbplatsen. Du kan naturligtvis, i enlighet med mitt inlägg om, välja en lämplig ikon för varje socialt nätverk och vid behov minska dess storlek till önskad storlek i och.
Men detta är inte det bästa alternativet. Varför? Tja, för att ladda varje socialt nätverksbild kommer en separat begäran att göras till din server. Om du har ett dussin ikoner betyder det tio förfrågningar, vilket i alla fall kommer att skapa ytterligare belastning på servern och . Sådant slöseri passar oss inte, speciellt eftersom det har hänt länge.
Jag bestämde mig för att inte uppfinna hjulet igen (skapa en sprite), utan använde det som skapades av Share42-konstruktören (en länk till en beskrivning av hur man arbetar med det ges precis ovan). I den kan du välja de sociala nätverk vars ikoner du behöver, och tillsammans med koden får du en CSS-sprite, d.v.s. fysiskt en grafisk fil där alla sociala nätverksikoner du behöver och prenumerationer på RSS-flödet (och e-post, om så krävs) kommer att placeras.
Jag valde fyra huvudnätverk och ett par ikoner för att prenumerera på nyheter med en ikonstorlek på 24 gånger 24, så min sprite ser ut så här (även om den fortfarande finns där, men det spelar ingen roll):
Nu har vi alla ingredienser - länkar till grupper eller sociala nätverkssidor och ikoner för att visa dem på sajten. Det återstår bara att förbereda det hela rätt, d.v.s. utgöra. Min blogg körs på WordPress, så jag kommer att klistra in koden med knapparna i en av . I mitt fall heter det sidebar.php. HTML-kod detta visar sig vara extremt enkelt:
Tja, och det mest intressanta. Med vår hjälp bestämmer vi vilket område av vår sprite som kommer att visas på denna specifika plats som bakgrund (i vårt fall placeras denna bakgrund under hyperlänken). Det tar väldigt lång tid att förklara hur detta går till, så läs artikeln som är länkad till länken så blir allt tydligt (den ger också illustrativa exempel). Om du är lat, experimentera bara med siffrorna, som, som du kanske har märkt, inte är delbara med 24 för ingenting.
Ja, ladda upp sprite-filen via FTP till din webbplats och ange sökvägen till den () i bakgrunden. Det är allt. Om det inte fungerar, läs mer noggrant materialet på länkarna ovan, ja, och om inget fungerar alls, beskriv då din situation i kommentarerna (i detalj - för att infoga koden, kom ihåg att bifoga den i PHP taggar med hakparenteser).
Lycka till! Vi ses snart på bloggsidans sidor
Du kanske är intresserad
Idén att organisera en internetplattform för att förena människor med gemensamma intressen, för att sedan få bra trafik och införa ett betalabonnemangssystem, lockar många. För att uppnå detta mål på kort tid är ett socialt nätverk byggt på en WordPress-mall kompatibel med BuddyPress och bbPress plugins lämpligt. De ger det sociala nätverkets fulla funktionalitet: skapa profiler, utbyta meddelanden, lägga till vänner, kommunicera på forumet, samarbeta om filer och andra alternativ.
10 mallar för en webbplats för socialt nätverk på WordPress + BuddyPress
1.Söt datum
En mall för ett socialt nätverk som erbjuder 2 demos för en dejtingsajt och 1 för en sida för att hitta resesällskap. Sajten på Sweet Date kan använda ett betalprenumerationssystem och kontrollera tillgången till innehåll. Temats fullt responsiva design säkerställer att besökarna får samma användarupplevelse när de besöker webbplatsen på vilken enhet som helst.
2. Trivs
Mall för intranät och online-gemenskaper. Det är en universell plattform som kombinerar funktionaliteten hos ett socialt nätverk, forum, meddelandesystem, evenemangsorganisation, projektledning och fildelning, e-handel och e-lärande (om du köper plugin-programmet Learndash).
3. Kompis
Temat, utvecklat för Buddypress och bbPress, hjälper dig att skapa ett socialt nätverk med modern design. Buddy använder responsiv Retina Ready-layout och Font Awesome-ikontypsnittsbibliotek. Mallen låter dig enkelt lägga till widgets på din webbplats som: "Nya/populära/aktiva användare", "Nya/populära grupper", "Kalender", "Senaste ämnen på forumet", "Statistik", "Onlineanvändare" .
4. Umgås
Mallen gör det bästa av Buddypresss möjligheter, vilket gör den till en bra grund för en gemenskap eller socialt nätverk. Socialize har helt förändrat designen av bbPress och fört det närmare den klassiska forumstilen. För att webbmastern ska kunna uppnå önskad typ av innehållsvisning innehåller mallen 4 layoutalternativ för huvudsidan, 9 för kategorier, 6 för inlägg.
5. Klein
Ett innovativt tema designat för att fungera med BuddyPress och bbPress, gjort med särskild uppmärksamhet på detaljer. Lämplig för dig som behöver en onlinegemenskap eller socialt nätverk som drivs av WordPress. Idealisk för webbplatser med ett stort antal registrerade användare. Genom att ansluta till gemenskapsmedlemmar.
6. KLEO
KLEO har förtjänat titeln som årets bästsäljande BuddyPress-tema eftersom det verkligen lever upp till förväntningarna. Mallen erbjuder en enkel sådan med verifierade sekundära element. Temat använder inbyggd sökning, som inte ingår i någon annan mall, och låter dig undvika att installera speciella plugins, vilket har en gynnsam effekt på sajtens hastighet.
7. Monstroid2
En universell mall, en efterföljare av det legendariska Monstroid-temat, helt omskriven från grunden. Tack vare dess kompatibilitet med BuddyPress-plugin, tillåter mallen webbansvariga att skapa en social nätverkssida eller en tematisk onlinegemenskap utan någon extra ansträngning. Mallen tillhandahåller 7 anpassade rubrikstilar och stöder megamenyer. Köparen kan använda bilder från demon på sin hemsida.
Det första mest populära WordPress-temat för intranät/extranätgemenskaper. Woffice kan användas för företags- och myndigheters intranät/extranätnätverk, vanliga internetgemenskaper och sociala nätverk, skola eller andra privata sociala nätverk.
Under de senaste åren har populariteten för sociala nätverk skjutit i höjden till oöverträffade nivåer. Den erkända ledaren inom detta område är naturligtvis Facebook. Ett stort antal olika applikationer har utvecklats för det, med stor användning av tekniken.
Men om dina planer inte inkluderar omkörning av Facebook eller VKontakte i popularitet, och du bara vill skapa ditt eget sociala nätverk eller community, liknande Facebook, Vkontakte, Twitter eller Google Plus - då är denna recension för dig.
Vi ska överväga 15 skript för att skapa ett socialt nätverk på med standardfunktioner för sådana produkter, chattar, mikrobloggar a la Twitter och andra populära funktioner som du utan tvekan kommer att gilla. Urvalet innehåller både betalda och gratislösningar.
phpDelfin
Detta plattform för att skapa ett socialt nätverk ger nästan samma funktioner som Facebook - livechatt, skicka privata meddelanden, kommentarer, fotodelning och mycket mer.Kostnad: $43
LiveStreet CMS
Blogsocial plattform inhemsk produktion. I RuNet finns det ganska ofta portaler som byggdes med dess hjälp. Om du försöker beskriva detta CMS i ett nötskal är det ett slags analog till den välkända Habrahabr. Meningen med systemet är detta: varje användare kan bli författare.Kostnad: Gratis
Boonex delfin
Boonex Dolphin är en kraftfull CMS för att skapa ett socialt nätverk. Arsenalen har ett stort antal tillägg, såsom: grupper, meddelanden, ljud- och videokatalog, affisch, bloggar, chatt, filkatalog, etc. Du kan också utöka standarduppsättningen av moduler med betalda moduler, som kan köpas på den officiella webbplatsen. Det är möjligt att anpassa stilen på dina sidor. Dessutom tillhandahåller utvecklare mobilapplikationer som integreras med din portal. CMS är betald, men det finns en testversion för testning.Från min erfarenhet av att arbeta med denna motor kan jag säga att systemet är kraftfullt och relativt stabilt, men det kräver en bra server, eftersom det drar mycket resurser.
Kostnad: från $29/månad eller från $599 för ett engångsköp (det finns en provversion).
Social Business
Social Business är socialt nätverksskript för affärsmän. Huvudmålet med det här manuset är att göra det möjligt för affärsmän att hitta partners. Några liknande LinkedIn.Kostnad: $32
SocEuro socialt nätverk
SocEuro är ganska funktionellt manus för sociala nätverk med en typisk uppsättning moduler för denna typ av produkt. Äta ljudinspelningar som VKontakte, chattar, flöden, spel...Kostnad: $43
Oxwall
Absolut gratis skript för sociala nätverköppen källa. Den har ett stort antal av samma gratis och unika tillägg som inte kan hittas ens i betalda analoger: fotogalleri, videokatalog, bloggar, forum, wikis, grupper, evenemang, vänner, samarbete, fildelning, videokonferenser, etc. .Kostnad: Gratis
Socialkit
Nästan alla funktioner som har blivit standard för sociala nätverk finns i ScialKit-plattformen: livechatt, personliga sidor, meddelanden och länkar, möjligheten att lämna kommentarer och gilla-markeringar, aviseringar, hashtags och omnämnanden.Kostnad: $39
Pligg
Pligg är fri, en enkel men kraftfull lösning för skapa ett blogg-socialt nätverk eller community. Det speciella är att man kan skapa en självreglerande gemenskap. Användarna bestämmer själva vad som är dåligt och vad som är bra. Detta eliminerar behovet av måttfullhet. Habrahabr och LiveStreet CMS-systemet, som också finns i denna samling, arbetar med en liknande filosofi.Kostnad: Gratis
SocioQuiz
SocioQuiz är ett skript som kan förvandla din webbplats till en portal med en mängd olika tester, undersökningar och frågesporter. Ger fullt stöd för foto- och videoinnehåll, samt fullständig frihet att använda ditt eget. Den har betydligt fler möjligheter jämfört med liknande sajter som Playbuzz, Buzzfeed och andra.Kostnad: $44
Vänligt socialt nätverk
Det vänliga sociala nätverket är det riktiga socialt nätverk för vänner. Den har en komplett uppsättning funktioner som krävs i det här fallet: personliga sidor, grupper, livechatt, kommentarer, gilla-markeringar, hashtags, omnämnanden, aviseringar. Det är möjligt att skapa separata profiler för vänner och offentliga. Du kan styra visningen av inlägg – synliga för alla (offentliga), eller bara för vänner. Och det här är bara några av funktionerna som gör Friendly till en nästan idealisk plattform för att skapa din egen community.Kostnad: $36
Så, kära nybörjare webmasters, vi har lärt oss grunderna i HTML.
Låt oss nu tillämpa denna kunskap och snabbt göra oss själva en liten webbplats och lägga den på Internet.
Det är sant att det är svårt att skapa en fullfjädrad resurs med bara html, men en visitkortswebbplats på flera sidor är fullt möjlig.
Om detta är exakt målet för någon, och det inte finns någon önskan att lära sig andra programmeringsspråk, så är den här artikeln för dem.
Kort sagt, i en självskriven version, utan att använda ett CMS, finns inget enklare.
Och för den som behöver något coolare, i slutet av artikeln finns länkar till artiklar med blockmallkod med CSS och dynamisk webbplatskod med PHP.
Vi kommer att skapa en hemsida i ren html direkt på denna sida så att säga - en hemsida inom en hemsida, fullt fungerande och redo att fyllas med innehåll.
Låt oss dela upp hela processen i tre delar.
1. Skapa en webbplatskatalog på din dator.
2. Skapande av webbplats.
3. Överföring av webbplatsen från vår dator till hosting, det vill säga till Internet.
Skapa en webbplatskatalog på din dator
Den första punkten är den enklaste. Hur man skapar en katalog visas mycket tydligt i artikeln (alla länkar från denna sida öppnas i ett separat fönster för att inte gå vilse).
Jag kommer att visa dig i detalj vad och i vilken mapp du ska lägga den efter koden på huvudsidan, så att du redan har något att gå till katalogen med.
Låt oss sedan gå vidare till den andra punkten, den mest kreativa.
Skapa en webbplatsmall
För att skapa en mall behöver du en editor där du måste klistra in koden nedan.
Detta kan antingen vara ett enkelt Windows-anteckningsblock eller någon annan textredigerare.
Låt oss ta en HTML-tabell med flera lager som grund för mallen. Tidigare, före tillkomsten av CSS, var alla webbplatser skrivna i tabeller, men nu har blocklayout blivit mer populärt.
Men än i dag är tabellstrukturen inte föråldrad och används framgångsrikt.
Till exempel ett investerings-CMS H-script med komplex funktionalitet, helt designad utifrån tabeller.
Så här är en webbplats med minimal design.
Hur man designar tabeller i framtiden visas i detalj i artikeln.
|
<!--Skapa en containertabell, som vi anger följande
dekor:
border="1" - ram runt behållaren. Genom att öka antalet kan du öka tjockleken på ramen.
align="center" - placera behållaren i mitten av skärmen.
rules="rows" - ta bort den dubbla kanten.
style="width:60%;" - lägg till stilegenskaper som gör
behållaren och hela platsen är "gummi".
Det är omöjligt att göra en fullfjädrad adaptiv design på detta sätt.-->
|
Läs också |
