Handige tips

Hoe pictogrammen voor sociale media toe te voegen aan een WordPress-menu?

Pin
Send
Share
Send
Send


Groeten aan iedereen, van mij en mijn blog! We zijn gewend om alles in de zijbalk van het Blogger-blog te installeren, inclusief de sociale knoppen van uw profielen op sociale netwerken, en het is geen rubber, de plaats is erg kostbaar. We kunnen dus een plaats in de zijbalk vrijmaken voor nuttiger widgets of advertentieblokken door de pictogrammen 'Deelnemen' aan het sociale netwerk daar te verwijderen.

Hoe sociale knoppen toe te voegen aan de blogkop

Nee, je hebt knoppen op je blog, alleen in de kop van de blog. Daar zullen ze comfortabeler en gratis zijn. Ben je het met me eens? Wel, goed.

Dus ik stel je voor stel de sociale knoppen van uw profielen in op de blogkopwaar je de koers hebt, net in de tegenovergestelde richting ervan. De knoppen voor sociale media staan ​​bovenaan de pagina aan de rechterkant van de blog. Het ziet er dus prachtig uit:

Sociale knoppen in de kop van de blog.

Ja, deze pictogrammen hebben effect, wanneer je eroverheen beweegt, beginnen ze te roteren. In, hoe cool, alleen voor fans van speciale effecten. Vrienden, als ik u ervan heb overtuigd dat de zijbalk moet worden vrijgemaakt voor andere widgets, dan volgt hier een kleine instructie voor het installeren van sociale knoppen in de Blogger-header.

Waarom pictogrammen voor sociale media toevoegen aan het menu?

Het grootste voordeel van het toevoegen van pictogrammen voor sociale media met behulp van het WordPress-menu is dat u de volgorde waarin ze verschijnen kunt wijzigen met behulp van een eenvoudige interface met slepen en neerzetten.

Hoewel u plug-ins van derden kunt gebruiken om sociale netwerkpictogrammen in de zijbalk weer te geven (bijvoorbeeld Eenvoudige sociale pictogrammen), zijn de meeste van deze oplossingen niet zo flexibel.

Naast de eenvoudige interface voor slepen en neerzetten, wanneer u pictogrammen voor sociale media toevoegt aan het WordPress-menu, kunt u deze weergeven in elk widgetgebied op uw site, inclusief de zijbalk, het voettekstgebied, aan het einde van de post, enz.

Hoe pictogrammen voor sociale media toe te voegen aan een WordPress-menu?

Het eerste wat u moet doen, is de plug-in Menu Image installeren en activeren.

Na activering moet u naar de sectie op de menupagina in het admin-paneel gaan Uiterlijk -> Menu en maak een nieuw menu door op de link te klikken maak een nieuw menu.

In het nieuwe menu moet je links toevoegen voor elk sociaal kanaal (blokkeren Aangepaste links). U zult merken dat er voor elk menu-item opties zijn om een ​​afbeelding toe te voegen en de grootte te kiezen. U kunt uw badge uploaden.

Voor één menu-item is het mogelijk om 2 foto's te uploaden: menu-afbeelding (optie Menu afbeelding) en zweven foto (Hover Image).

Daarna kunt u de grootte van het sociale pictogram kiezen (optie afmeting). Er zijn verschillende opties voor afbeeldingsgrootte. Zorg ervoor dat u voor alle sociale menupictogrammen dezelfde grootte selecteert, zodat het algemene menugebied niet wordt geschonden.

Vervolgens moet u een positie selecteren om de naam van elk sociaal kanaal bij het pictogram weer te geven. Als u alleen het pictogram van het sociale netwerk zonder een naam wilt weergeven, selecteert u de waarde geen in optie Koppositie.

Deze stappen moeten voor elke sociale knop worden herhaald. Zodra u klaar bent met het toevoegen van menu-items, moet u de locatie van de menuweergave selecteren en op de knop klikken Menu opslaan.

U kunt ook een pictogrammenu toevoegen aan de zijbalk van uw site. Ga hiervoor naar de widgetpagina (Uiterlijk -> Widgets) en sleep de widget Navigatiemenu naar het widgetgebied van de zijbalk.

Selecteer in het vervolgkeuzemenu van de widget het sociale menu dat u hierboven hebt gemaakt en klik op de knop behouden.

Sociale knoppen voor de site

Velen weten al hoeveel sociale netwerken nu worden ontwikkeld en hoe geweldig het is als uw site deze knoppen heeft waarmee u uw favoriete bericht of een deel van een bericht aan uw muur kunt toevoegen. Met deze actie geeft u niet alleen commentaar of plaatst u berichten opnieuw, maar geeft u ook een extra signaal aan zoekmachines.

De droom van elke eigenaar van de site, als al zijn berichten opnieuw worden gepost door lezers op hun pagina's in een van de sociale netwerken. Nu is er vooral vraag naar Vkontakte, Facebook, Twitter en klasgenoten. Ik zou ook LiveJournal, liveinternet en Blogger toevoegen. Deze knoppen zijn wenselijk om aan de site toe te voegen voor het volledige gebruikersgemak.

Vooral Twitter verdient tegenwoordig steeds meer aandacht, hiermee verschijnen je nieuwe berichten sneller in de index van zoekmachines.

Als u de eigenaar van de site bent, moet u waarschijnlijk een account hebben in liveinternet of LiveJournal. Om niet elke keer nieuwe items aan deze services toe te voegen, bespaart de aanwezigheid van hun knoppen tijd. Bovendien gebruiken veel mensen deze services en willen ze uw invoer ook opnieuw in hun agenda plaatsen.

Er zijn enkele van de beste manieren om snel sociale knoppen voor een site toe te voegen. Dit kan gedaan worden met behulp van online services die hier snel en gemakkelijk bij helpen. Of rechtstreeks via elk sociaal netwerk afzonderlijk. Hier heeft iedereen zijn eigen keuze. Eerder werden knoppen afzonderlijk toegevoegd via elk sociaal netwerk, nu gebruik ik de service.

Er is zo'n vergelijkbare service, deze wordt genoemd share42. Er is veel materiaal over hem geschreven, hoe goed het is en hoe het te gebruiken. Een goede, maar voor een gewone gebruiker die hier niets van begrijpt, zal het moeilijk zijn om met hem om te gaan.

Voor zo'n kleine les, kopieer mappen naar de hosting en baad dan met stijlen, nu stuurt dit niet. Er zijn andere opties waarin u kant-en-klare code moet kopiëren en plakken zonder extra mappen. Dus vergeet deze service.

Voeg alleen de meest elementaire knoppen van sociale netwerken toe, die door de meeste worden gebruikt, beeldhouw geen tientallen onnodig vergeten knoppen.

Wat u vandaag kunt gebruiken om sociale knoppen voor de site toe te voegen:

  1. Service optimaal.
  2. Sociale knoppen Yandex.
  3. Elk sociaal netwerk handmatig afzonderlijk toevoegen.
  4. Pluso-service.
  5. Plug-ins gebruiken voor WordPress (voor de luie).

U hoeft waarschijnlijk nergens anders heen te gaan, u kunt de beste manieren niet vinden. Elk van deze opties is goed op zijn eigen manier. Als u een gemakkelijkere of aantrekkelijkere manier kent, schrijf dan in de commentaren.

De knoppen van sociale netwerken moeten aan het einde van elk artikel worden ingevoegd, zodat een bezoeker van de site na het lezen eventueel uw bericht opnieuw kan posten. Hij moet ze niet ergens aan het einde van de pagina zoeken. De meest optimale plaatsen, naar mijn mening, waar dergelijke knoppen moeten worden geplaatst, zijn in de zijbalk en direct aan het einde van elke record.

Op dit moment gebruik ik deze service zelf, ik vond het leuk. Naast gemak heeft de uptolike service verschillende privileges ten opzichte van anderen zoals zijzelf.

  • Een brede selectie van sociale mediaknoppen,
  • De knoppen zijn aangepast voor mobiele apparaten,
  • De mogelijkheid om in het sociale netwerk elk deel van de tekst te citeren,
  • Je kunt een knop bovenaan toevoegen,
  • De mogelijkheid om een ​​pop-upvenster toe te voegen om u te abonneren op de VKontakte-groep,
  • Selectie van pictogramgrootte
  • De stijl van pictogrammen voor de site kiezen,
  • Zweefeffect toevoegen,
  • Verander knop achtergrond, tekst kleur, teller achtergrond,
  • Tekst in de teller vergroten of verkleinen.

Bevoegdheden over andere dergelijke diensten zijn voldoende om het te gebruiken. In dit geval wordt slechts een kleine code toegevoegd in de vorm van een script en een paar regels met stijlen. Er is geen externe link, ik heb dit gecontroleerd via de uitgaande link-service. Als ik het mis heb, kun je me corrigeren.

Bovendien, wat anders kan uptolike service.

Deel ditMaak een repost-pagina.
Voeg likes toeDe gebruiker heeft de mogelijkheid om de auteur te bedanken.
abonnerenDe gebruiker heeft de mogelijkheid om zich te abonneren op de VKontakte-groep.
Deel afbeeldingIedereen kan zijn favoriete foto van de site delen.
interviewVoeg indien nodig een enquête toe op de site en voer deze uit.
Recordrecord toevoegenMet behulp van de beoordeling kun je zien wat lezers leuk vinden en wat niet.
Aanwezigheidsteller toevoegenInstalleer een onzichtbare aanwezigheidsmeter op de site.
WordPress PluginDegenen die te lui zijn om code toe te voegen, kunnen een plug-in installeren.
Plugin voor JoomlaPlugin voor Drupal
Bitrix-module toevoegen

Hoe kunt u dit allemaal bekijken, selecteren en aan uw site toevoegen? We passeren te bedienen en klik op het eerste item "Delen". In dit geval voegt u aan het einde van elk artikel knoppen voor het sociale netwerk toe voor de site.

De belangrijkste instellingen. Kies welke sociale knoppen voor de site die u wilt zien. Indien nodig kunt u de lijst openen en een paar meer kiezen uit de meerderheid. Zet een vinkje op de steun aanpassingsvermogen voor mobiel. Daarna worden op mobiele telefoons de knoppen van sociale netwerken altijd onderaan het scherm weergegeven.

Vink in de aanvullende instellingen het item Citaat aan. De gebruiker kan een deel van de tekst selecteren en delen. Schakel de knop omhoog en verwijder de extra knop. Je kunt ook een pop-upvenster toevoegen. De mogelijkheid om je direct te abonneren op een groep wordt toegevoegd.

We selecteren de horizontale indeling van knoppen, grootte en stijl. We bepalen hoe je het leuk vindt en voegen effect toe aan het zweven. U hoeft niets anders te doen. Om de tellercode te genereren, moet u het websiteadres en de mailbox opgeven. Onmiddellijk hierna verschijnt een code voor het invoegen van sociale knoppen op de site.

Als u een WordPress-site hebt, opent u het single.php-bestand en voegt u de kant-en-klare code in direct na het einde van de inhoudspagina. We vernieuwen de pagina en zien wat er is gebeurd. Er is niets ingewikkelds.

U kunt sociale knoppen aan de site toevoegen met Yandex. Ga naar Blokkeren om te delen. Het is eenvoudig, de mogelijkheid om alleen pictogrammen voor de site toe te voegen zonder andere vreemde chips.

Selecteer de gewenste servicepictogrammen. Twitter is alleen in de vorm van pictogrammen, zonder tellers. We kiezen het uiterlijk van de blokken en hieronder staat de kant-en-klare code voor invoeging. Zoals eerder vermeld, voegt Yandex niets anders toe, alles is bescheiden en smaakvol.

Handmatige methode toevoegen

Bij deze methode moet u elk sociaal netwerk afzonderlijk openen en elke repostknop afzonderlijk configureren. Om een ​​Facebook-knop toe te voegen, moet je doorgaan hier. Voor klasgenoten en mijn wereld moet je gegevens toevoegen hier. Voor twitter gebeurt alles op deze pagina. Ga naar om de VKontakte-knop toe te voegen deze pagina.

Je hebt pasgemaakte code alleen van sociale netwerken, zonder extra scripts. Waarschijnlijk de beste manier om knoppen voor sociale media voor een site toe te voegen. De moeilijkheid komt voort uit het feit dat je elke knop afzonderlijk moet zagen, daarna alles op één plaats invoegen en css-stijlen gebruiken om het in één kolom uit te lijnen. Als je hier geen problemen mee hebt, kun je het proberen.

Als u een VKontakte-knop wilt toevoegen, klikt u op Sites en widgets verbinden. Hieronder vindt u een volledige lijst met alle mogelijke toevoegingen. Daar kunt u ook opmerkingen op de pagina plaatsen, op de prikbord plaatsen, uw groep, aanbevelingen, enquêtes toevoegen, zich abonneren op de auteur en links publiceren. Selecteer in ons geval Koppelingen publiceren.

Er is niets ingewikkelds, we selecteren de knopstijl (met of zonder een teller), schrijven de tekst op de knop, een logo-optie en hieronder is er een code klaar om in te voegen. Ik heb zelf zo'n handmatige methode van toevoegen gebruikt, maar momenteel probeer ik een externe service. Laten we kijken wat er gebeurt. Als het u niet bevalt, ga ik onmiddellijk terug naar de handmatige methode.

Een andere manier om knoppen voor een site toe te voegen met Pluso-service. De service is ook niet slecht, voor velen merkte ik er knoppen van. De keuze aan ontwerpopties is groot, naast de amateur zijn er grote beeldformaten. De mogelijkheid om netwerken toe te voegen doet niet onder voor andere vergelijkbare services. Voor de installatie zijn geen bestanden vereist, alleen code.

We kiezen elke ontwerpstijl en voegen de nodige services toe. Een beetje hieronder zal een kant-en-klaar voorbeeld worden getoond van hoe dit alles eruit zal zien op de pagina. De grootte van de pictogrammen kan groot, gemiddeld of klein worden geselecteerd. Ook vierkante pictogrammen voor de site of ronde, in één lijn of in twee lijnen, horizontaal of verticaal. Met of zonder teller, zonder achtergrond of achtergrond instellen voor het ontwerp van uw site.

Na al deze acties wordt hieronder de voltooide code voor invoeging op de pagina weergegeven. Als u het op de hoofdpagina moet invoegen en het in het bestand index.php wilt selecteren, voegt u bij al uw invoer de code onmiddellijk na het einde van de opname toe aan het bestand single.php.

Als u niets begrijpt in deze code, waarnaar u moet kopiëren en hoe het allemaal werkt, is er een uitweg. Als u een WordPress-engine hebt, kunt u een plug-in installeren waarmee u knoppen voor sociale netwerken hebt. Tegenwoordig zijn er gewoon veel van dergelijke plug-ins. Ga naar het admin-paneel - Plug-ins. U kunt bij het zoeken naar plug-ins onmiddellijk "sociale knoppen", "sociaal" of "VKontakte" schrijven. Ik weet zeker dat je iets zult vinden.

Onder de meeste van deze vergelijkbare plug-ins voor WordPress, kijkend naar de beoordeling, zeggen de meeste van hen precies zo:

  1. Social Share-knoppen voor WordPress.
  2. Social.
  3. Social Media Feather - lichtgewicht sociale media delen en knoppen volgen.

In feite zijn er veel vergelijkbare plug-ins, je moet installeren en uitzoeken welke je het leukst vindt, het werkt correct, wat laat zien hoe het voor jou kan worden aangepast. Laten we eens kijken naar een voorbeeld van de eerste dergelijke Social Share-knoppen voor WordPress-plug-in.

De plug-in zelf is in het Russisch, hier zijn geen problemen mee. Na de installatie verschijnt links van het menu een nieuwe knop "Knoppen delen". In de hoofdinstellingen plaatsen we het logo van de site en schrijven we de tekst voor de sociale knoppen.

Zorg ervoor dat u het genereren van metagegevens inschakelt. De titel en beschrijving van de pagina worden opgenomen. Lijn de knoppen horizontaal uit en selecteer waar ze zullen zijn. We selecteren alleen in berichten. Optioneel kunt u de benodigde pagina's uitsluiten. Onderaan moet je een bijnaam opgeven in de tritter.

Selecteer de knopstijl op het volgende tabblad Instellingen voor delen. Hieronder kunt u onnodige sociale netwerken in- of uitschakelen en inspringen toevoegen voor het hele blok boven of onder. U hoeft nergens extra code in te plaatsen, de plug-in doet alles in plaats van u.

De keuze is aan u, welke manier u zult gebruiken. Voeg sociale netwerkpictogrammen toe via uptolike, Pluso of via Yandex. Installeer de plug-in niet onmiddellijk op WordPress, probeer alles handmatig te doen of de service te gebruiken.

Als u een andere goede service kent of een manier om sociale knoppen voor de site toe te voegen, zal ik dankbaar zijn voor de reactie.

Hoe sociale knoppen in te stellen in de Blogger-header

Allereerst moeten we stijlen voor de knoppen toevoegen, zoek hiervoor de tag in de sjabloon van uw blog]]> en voeg iets hogere CSS-code toe:

Stel stijlen van sociale knoppen in een sjabloon in

Vervolgens vinden we een dergelijke regel in de sjabloon en voegen we de knopcode zelf erboven toe:

Stel sociale knoppen in op de blog

Hier, in de knopcode, vervangen we uw profielnamen, het adres van uw blog voor RSS. De knoppen zijn de volgende, meest populaire: Facebook, Twitter, Google Plus en RSS. Houd er rekening mee dat u de pictogrammen zelf kunt vervangen door die van uzelf en desgewenst een paar extra sociale knoppen kunt toevoegen, die aan de afsluitende tags worden geplakt

Uiteraard geeft u het adres van het sociale netwerk op met de profielnaam en de afbeeldings-URL van het pictogram. Laat u leiden door kant-en-klare lijnen. Dat is alles, dames en heren. Sta me toe u vaarwel te zeggen, niet voor lang. Veel succes en tot snel. Doei doei

Bekijk de video: Social media icons toevoegen aan je Gmail-handtekening - Frankwatching (Februari 2023).

Pin
Send
Share
Send
Send