WordPress.com

Ez az útmutató bemutatja, hogyan adhatsz hozzá közösségi média gombokat az oldalsávhoz vagy a lábléchez, hogy az emberek kapcsolatba léphessenek veled az általad preferált közösségi hálózatokon keresztül.

💡

A közösségi ikonok widget hozzáadásának ezen lehetősége mellett választhatsz olyan témát is, amely rendelkezik egy dedikált közösségi menüvel, ahol hozzáadhatod a közösségi média fiókjaidra mutató linkeket, és ezek ikonokként jelennek meg a webhelyeden. Vagy használhatja a Közösségi linkek blokkot, hogy a következő utasítások segítségével bárhol a webhelyén linkeket adjon hozzá a közösségi médiahálózatokhoz.

Tartalomjegyzék

A rendelkezésre álló ikonok

Egy sor hálózat ikonjait támogatjuk.

Kattintson ide az elérhető ikonok listájának bővítéséhez.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

Email címek (ha az e-mail címe [email protected], írja be mailto:[email protected] a fiók URL mezőbe)

Etsy

Flickr

Foursquare

Goodreads

Google

GitHub

Instagram

iTunes

LinkedIn

Medium

Meetup

Pinterest

Pocket

Ravelry

Reddit

RSS feeds

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

.

WordPress

Yelp

YouTube

💡

Nem látja a közösségi hálózatát a fenti elérhető ikonok között?

Egyéb közösségi hálózatokat vagy külső platformokat az alábbi Egyéni közösségi ikonok hozzáadása pontban leírt lépésekkel adhat hozzá.

Tartalomjegyzék

Social Icons Widget

A Social Icons Widget a közösségi média fiókjaidhoz kapcsolódó kis grafikákat jelenít meg a témád bármely widget területén. A közösségi profiljaidra mutató linkek hozzáadása után az ikonok automatikusan megjelennek az oldaladon, így látogatóid az általad preferált hálózatokon keresztül kapcsolódhatnak hozzád.

Tartalomjegyzék

Adja hozzá a Social Icons Widgetet

  1. Menjen a Saját webhely(ek) → Design → Testreszabás
  2. Kattintson a Widgetekre, és látni fogja a témája által támogatott különböző widgetterületeket. Szinte minden téma rendelkezik legalább egy Lábléc widget területtel. Némelyiknek vannak oldalsávos widgetjei vagy más widgetterületek is.
  3. Kattints egy elérhető Widget területre; ebben a példában a Footer widget területre kattintunk.
  4. Kattints a Widget hozzáadása gombra, és keresd meg a Social (Közösségi) widgetet, vagy böngéssz a rendelkezésre álló widgetek között, hogy megtaláld a Social Icons widgetet.
Figyelem: ha telepített pluginokat, akkor a Social Icons widget címe végén (Jetpack) fog szerepelni.
  1. Kattints a widgetre, hogy hozzáadd a Widget területhez.
  2. Adja meg a különböző megjelenítési lehetőségeket, beleértve a widget címét és az ikonok méretét.

  1. Adja hozzá az első közösségi hálózati profiljának linkjét. Például: https://www.facebook.com/WordPresscom/

📌

GYőződjön meg róla, hogy a teljes linket hozzáadja, beleértve az oldal címének részét is.

  1. Az ikon hozzáadása lehetőségre kattintva további közösségi ikonokat adhat hozzá a widgethez.
Kattintson az ikon hozzáadása gombra egy újabb közösségi ikon hozzáadásához

⚠️

Minden, a közösségi ikonok widgethez hozzáadott link automatikusan az adott közösségi hálózat ikonjaként fog megjelenni a Testreszabásban lévő előnézetben.

Ha nem látja a megfelelő közösségi hálózat ikonját, ellenőrizze, hogy helyesen adta-e meg a közösségi hálózat linkjét, beleértve a cím részét is.

Amikor befejezte a közösségi profil linkek hozzáadását, kattintson a Közzététel vagy a Változások mentése gombra, hogy hozzáadja a közösségi ikonok widgetet a webhelyéhez.

A fényes új közösségi ikonok most már a webhelyeden vannak!

Tartalomjegyzék

Átrendezze át az ikonokat

Az ikonok sorrendjét bármikor megváltoztathatja, ha a kívánt sorrendbe húzza őket. Az új sorrendje élőben megjelenik a Testreszabó előnézeti ablakában.

Tartalomjegyzék

Egyéni közösségi ikonok hozzáadása

A közösségi ikonok színe a webhelyén az Ön által használt témától függ. Ha meghatározott színű ikonokat szeretne hozzáadni, vagy jobban szeretné ellenőrizni az ikonok megjelenését, akkor a Text Widget vagy egy Custom HTML Widget és egy kis HTML segítségével adhat hozzá egyéni ikonokat. Ez akkor is hasznos, ha kevésbé népszerű közösségi hálózatokhoz szeretne ikonokat hozzáadni.

1. lépés. Keressen néhány olyan közösségi média ikont, amely tetszik, és töltse fel őket a Médiatárába.

Elképzelhető, hogy már van néhány olyan ikonja, amelyet használni szeretne, de ha nincs, akkor megkeresheti a Google-ban az “ingyenes közösségi média ikonok” kifejezést. A képek kiválasztásakor ügyeljen arra, hogy ne sértsen szerzői jogokat. Ha találtál néhányat, ami tetszik, töltsd le őket a számítógépedre.

Töltse fel az ikont a Médiagalériába

  1. Menjen a Saját oldal → Oldal → Média → Új hozzáadása
  2. Navigáljon arra a helyre a számítógépén, ahová elmentette az ikonokat. ikonokként használni kívánt képeket
  3. Töltse fel az ikonokat a Médiagalériába

Megkapja a közösségi média ikonjainak linkjét

  1. Menjen a Saját webhely → Oldal → Média.
  2. Kattints a feltöltött közösségi ikonod képére, és kattints a Szerkesztés gombra.
  3. Az URL opció alatt kattintson a Másolás gombra a linknek a számítógép vágólapjára történő mentéséhez.
  4. Kattintson a Kész gombra a médiaszerkesztőből való kilépéshez.

2. lépés. Adjon hozzá egy szöveges widgetet vagy egy egyéni HTML widgetet, és formázza meg a gombokat HTML segítségével.

Adja hozzá az egyéni közösségi ikon widgetet

Győződjön meg róla, hogy megvan a link a közösségi média ikonhoz, amelyet a fenti lépésekkel töltött fel.

  1. Menjen a Saját oldalak → Design → Testreszabás → Widgetek.
  2. Válassza ki a widget területet, ahol az ikonokat szeretné megjeleníteni.
  3. Kattintson a Widget hozzáadása gombra, és keresse meg a Text Widget vagy Custom HTML Widget
  4. Kattintson a Widget nevére a widget hozzáadásához.

Adja hozzá az Egyéni közösségi ikon widget HTML

Adjon címet a widgetnek, ha szeretné, majd adjon hozzá HTML-t a widgethez az alábbi struktúrát követve:

  • Helyettesítse a hivatkozási linket: címet a közösségi profilod teljes linkjével.
  • Helyettesítsd a kép linkjét: a feltöltött közösségi média ikonjára mutató hivatkozással.
  • Választható: állítsa be a width és height értékeket a kívánt ikonmérethez.

Ismételje meg a HTML-kódot a meglévő szöveges vagy HTML widgetben minden olyan ikonhoz, amelyet meg szeretne jeleníteni a webhelyén.

3. lépés. Ha kész vagy, kattints a Közzététel gombra, és nézd meg a csinos új közösségi média gombjaidat!

Tartalomjegyzék

Példák és mintaképek

Ha nehezen találsz közösségi média ikonokat a weben, és szeretnél néhány példát használni, ezen az oldalon találsz még többet.

Az ikonok widgetben való használatához először hozzon létre egy üres szöveges widgetet a Tervezés → Testreszabás → Widgetek menüpontban.

Ezután másolja ki a Social Media Widgets oldalról a kívánt ikonstílushoz tartozó kódblokkot:

Tartalomjegyzék

Gyakran ismételt kérdések

Miért nem jelenik meg a közösségi média ikon?

Ha a közösségi médiaoldal címének lokalizált változatát használja, előfordulhat, hogy a közösségi média ikonok nem jelennek meg. Ehelyett próbálja meg a közösségi média linkjének helyi szakaszát a globális verzióval helyettesíteni.

Példa: https://www.pinterest.fr/yourpinterest/ helyébe https://www.pinterest.com/yourpinterest/

Az útmutató hasznos volt?

Változatos tervezetek és árazás

  • Ingyenes

    A diákok számára a legjobb

  • Személyes

    A diákok számára a legjobb. Hobbisták

  • Premium

    A legjobb szabadúszóknak

  • Üzleti

    A legjobb kisvállalkozásoknak

Válasszon csomagot