suchen
HeimCMS-TutorialWordDrücken SieErstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress

Erstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress

Mit einem Social Sharing -Plugin können Ihre Website -Besucher Ihre Website -Inhalte auf Social -Media -Websites problemlos freigeben. Dies hilft, das allgemeine Bewusstsein Ihrer Website zu schärfen.

Es gibt bereits Dutzende vorhandener Plugins für soziale Freigabe, die Sie einfach installieren und damit erledigen können, aber wo ist der Spaß darin?

In diesem Tutorial zeige ich Ihnen, wie Sie Ihr eigenes Social Sharing -Plugin für WordPress von Grund auf neu erstellen, das unter jedem Beitrag soziale Freigabentasten hinzufügen kann. Benutzer können den Beitrag einfach teilen, indem sie auf die gewünschte Social -Media -Site -Schaltfläche klicken.

Key Takeaways

  • Plugins mit Social Sharing -Plugins ermöglichen es den Besuchern der Website, Inhalte auf Social -Media -Websites problemlos zu teilen und das Bewusstsein für Ihre Website zu schärfen.
  • Erstellen eines eigenen Social Sharing -Plugins für WordPress beinhaltet das Erstellen eines Verzeichnisses und die Dateien, das Erstellen eines Verwaltungsmenüelements, das Erstellen einer Optionsseite, das Anzeigen der Social Sharing -Schaltflächen und das Stylen der Social -Media -Schaltflächen.
  • Auf der Seite "Optionen" können Benutzer auswählen, für welche Social -Media -Websites sie Schaltflächen haben möchten, und die Schaltflächen selbst werden am Ende der Beiträge mit dem Filter "The_Content" in WordPress hinzugefügt.
  • Das Anpassen des Plugins für soziale Freigabe kann das Ändern von CSS -Stilen, das Hinzufügen weiterer Social -Media -Plattformen, die Reaktion der Schaltflächen, die Verfolgung der Leistung mit Analyse -Tools, das Hinzufügen von Freigabenzählungen mit APIs und Optimierung der Schaltflächen für SEO.
Warum brauchen Sie Social Media Share -Schaltflächen?

wird oft berichtet, dass mehr als 80% der Benutzer in Betracht ziehen, Inhalte auf der Grundlage der Empfehlungen ihrer Freunde zu lesen. Mit der sozialen Freigabe geben Sie den Benutzern die Möglichkeit, Ihre Inhalte mit ihren eigenen Freunden von Freunden zu teilen.

werden täglich im Internet mehr als 40 Milliarden Aktien klicken, weshalb die Schaltflächen für soziale Freigänge auf Ihrer WordPress -Website hinzugefügt werden können, um Ihre Website zu vermarkten.

Plugin -Verzeichnis und Dateien

Um die Dinge zu starten, erstellen Sie ein Verzeichnis namens Social-Share und erstellen Sie die folgenden Dateien darin:

--social-share
	-social-share.php
	-style.css
In der Datei Social-Share.php fügen Sie den folgenden Text hinzu, um das Plugin installierbar zu machen.

<span><span><?php </span></span><span>
</span><span><span>/*
</span></span><span><span>Plugin Name: Social Share
</span></span><span><span>Plugin URI: https://www.sitepoint.com
</span></span><span><span>Description: Displays Social Share icons below every post
</span></span><span><span>Version: 1.0
</span></span><span><span>Author: Narayan Prusty
</span></span><span><span>*/</span></span></span>
Erstellen eines Administrator -Menüelements

Wir müssen eine Optionsseite für unser Plugin erstellen, auf dem der Benutzer Schaltflächen auswählen kann, für die Social -Media -Websites angezeigt werden sollten. Zum Erstellen einer Optionsseite zuerst müssen wir ein Menüelement erstellen, an den die Seite Optionen angehängt wird.

Hier ist der Code zum Erstellen eines Admin -Menüelements unter Einstellungen Top -Level -Menüelement.

<span>function social_share_menu_item()
</span><span>{
</span>  <span>add_submenu_page("options-general.php", "Social Share", "Social Share", "manage_options", "social-share", "social_share_page"); 
</span><span>}
</span>
<span>add_action("admin_menu", "social_share_menu_item");</span>
Hier fügen wir ein Menüelement mit add_submenu_page hinzu, das tatsächlich in der Aktion admin_Menu aufgerufen wird. Social_Share_Page ist die Rückruffunktion, die den Inhalt der Optionsseite anzeigen muss.

Hier sieht unser Menüpunkt aus:

Erstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress

Seite einer Optionen erstellen Seite

codieren wir die Funktion social_share_page, den Seiteninhalt der Optionen anzuzeigen.

--social-share
	-social-share.php
	-style.css

Hier fügen wir einen Abschnitt mit dem Namen social_share_config_section hinzu und registrieren die Einstellungen als Social-Share.

Zeigt nun den Abschnitt und seine Optionsfelder an.

<span><span><?php </span></span><span>
</span><span><span>/*
</span></span><span><span>Plugin Name: Social Share
</span></span><span><span>Plugin URI: https://www.sitepoint.com
</span></span><span><span>Description: Displays Social Share icons below every post
</span></span><span><span>Version: 1.0
</span></span><span><span>Author: Narayan Prusty
</span></span><span><span>*/</span></span></span>

Hier können wir den Benutzer aus den Schaltflächen Facebook, Twitter, LinkedIn und Reddit Sharing auswählen. Wir stellen eine Checkbox -Schnittstelle zur Verfügung, mit der Administratoren auswählen können, welche Schaltflächen angezeigt werden sollen. Sie können die Liste erweitern, um mehr Social -Media -Websites bei Bedarf zu unterstützen.

Hier sieht unsere endgültige Optionsseite aus:

Erstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress

Zeigen Sie die Social Sharing -Schaltflächen

an

Um soziale Freigabebasten unter jedem Beitrag anzuzeigen, müssen wir den Inhalt jedes Beitrags filtern, bevor er verschickt wird. Wir müssen den The_Content -Filter verwenden, um das Ende der Beiträge soziale Freigabebasten hinzuzufügen.

Hier ist Code, wie Sie Postinhalte filtern und Social -Media -Schaltflächen anzeigen.

<span>function social_share_menu_item()
</span><span>{
</span>  <span>add_submenu_page("options-general.php", "Social Share", "Social Share", "manage_options", "social-share", "social_share_page"); 
</span><span>}
</span>
<span>add_action("admin_menu", "social_share_menu_item");</span>

So funktioniert dieser Code:

  • Zuerst fügen wir einen Wrapper für unsere Social -Media -Sharing -Links hinzu.
  • Dann rufen wir die vollständige URL des aktuellen Beitrags ab, der auf den Social -Media -Websites geteilt wird. Wir entkommen auch der URL mit WordPress, deren ESC_url -Funktion vorgesehen ist.
  • Dann prüfen wir, welche Schaltflächen Benutzer anzeigen möchten, und fügen Sie das jeweilige Schaltfläche zum Post -Inhalt hinzu.
  • Schließlich fügen wir die aktuelle Post -URL zum Ende der Links der sozialen Freigabe der jeweiligen Social -Media -Websites hinzu.

Hier ist, wie unsere Social-Media-Schaltflächen auf dem Front-End unter jedem Beitrag schauen:

Erstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress

Styling der Social -Media -Schaltflächen

Lassen Sie uns Style.css am Front-End anbringen, in dem wir den Code zum Styling der Schaltflächen platzieren. Hier ist der Code, der die Datei style.csss enthält.

function social_share_page()
{
   ?>
      <span><span><span><div> class<span>="wrap"</span>>
         <span><span><span><h1 id="gt">></h1></span>Social Sharing Options<span><span></span>></span>
</span> 
         <span><span><span><form> method<span>="post"</span> action<span>="options.php"</span>></form></span>
</span>            <span><span><?php </span></span><span>               <span>settings_fields("social_share_config_section");
</span></span><span> 
</span><span>               <span>do_settings_sections("social-share");
</span></span><span>                
</span><span>               <span>submit_button(); 
</span></span><span>            <span>?></span>
</span>         <span><span><span></span>></span>
</span>      <span><span><span></span></span></span></span></span></span>
</div></span>></span>
</span>   <span><span><?php </span></span><span><span>}</span></span></span>

Hier ist der CSS -Code zum Styling der Schaltflächen:

function social_share_settings()
{
    add_settings_section("social_share_config_section", "", null, "social-share");
 
    add_settings_field("social-share-facebook", "Do you want to display Facebook share button?", "social_share_facebook_checkbox", "social-share", "social_share_config_section");
    add_settings_field("social-share-twitter", "Do you want to display Twitter share button?", "social_share_twitter_checkbox", "social-share", "social_share_config_section");
    add_settings_field("social-share-linkedin", "Do you want to display LinkedIn share button?", "social_share_linkedin_checkbox", "social-share", "social_share_config_section");
    add_settings_field("social-share-reddit", "Do you want to display Reddit share button?", "social_share_reddit_checkbox", "social-share", "social_share_config_section");
 
    register_setting("social_share_config_section", "social-share-facebook");
    register_setting("social_share_config_section", "social-share-twitter");
    register_setting("social_share_config_section", "social-share-linkedin");
    register_setting("social_share_config_section", "social-share-reddit");
}
 
function social_share_facebook_checkbox()
{  
   ?>
        <span><span><span><input> type<span>="checkbox"</span> name<span>="social-share-facebook"</span> value<span>="1"</span> <span><span><?php checked(1, get_option('social-share-facebook'), true); ?></span></span> /></span> Check for Yes
</span>   <span><span><?php </span></span><span><span>}
</span></span><span>
</span><span><span>function social_share_twitter_checkbox()
</span></span><span><span>{  
</span></span><span>   <span>?></span>
</span>        <span><span><span><input> type<span>="checkbox"</span> name<span>="social-share-twitter"</span> value<span>="1"</span> <span><span><?php checked(1, get_option('social-share-twitter'), true); ?></span></span> /></span> Check for Yes
</span>   <span><span><?php </span></span><span><span>}
</span></span><span>
</span><span><span>function social_share_linkedin_checkbox()
</span></span><span><span>{  
</span></span><span>   <span>?></span>
</span>        <span><span><span><input> type<span>="checkbox"</span> name<span>="social-share-linkedin"</span> value<span>="1"</span> <span><span><?php checked(1, get_option('social-share-linkedin'), true); ?></span></span> /></span> Check for Yes
</span>   <span><span><?php </span></span><span><span>}
</span></span><span>
</span><span><span>function social_share_reddit_checkbox()
</span></span><span><span>{  
</span></span><span>   <span>?></span>
</span>        <span><span><span><input> type<span>="checkbox"</span> name<span>="social-share-reddit"</span> value<span>="1"</span> <span><span><?php checked(1, get_option('social-share-reddit'), true); ?></span></span> /></span> Check for Yes
</span>   <span><span><?php </span></span><span><span>}
</span></span><span> 
</span><span><span>add_action("admin_init", "social_share_settings");</span></span></span></span></span></span></span></span></span></span>
Erstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress

Schlussfolgerung

In diesem Artikel habe ich Ihnen gezeigt, wie Sie einfach ein Social Media Sharing -Plugin erstellen können. Sie können nun dies erweitern, um Schaltflächen für weitere Social -Media -Websites hinzuzufügen und die Anzahl der Aktien zusammen mit den Schaltflächen anzuzeigen. Bitte teilen Sie Ihre Erfahrungen mit Ihren eigenen Plugins unten.

Häufig gestellte Fragen zum Erstellen Ihres eigenen Plugin für soziale Freigabe für WordPress

Wie kann ich mein Social Sharing -Plugin für WordPress anpassen? Sie können das Aussehen Ihrer Schaltflächen, ihre Größe, Farbe und sogar ihre Schwebeffekte ändern. Sie können auch entscheiden, wo Ihre Schaltflächen auf Ihrer Website angezeigt werden sollen, unabhängig davon, ob sie sich oben, unten oder auf den Seiten Ihrer Beiträge befinden. Denken Sie daran, Ihre Änderungen immer zu testen, um sicherzustellen, dass sie wie erwartet funktionieren, und stören die Funktionen Ihrer Website nicht.

Kann ich meinem Plugin mehr Social -Media -Plattformen hinzufügen? Kann Ihrem Plugin weitere Social -Media -Plattformen hinzufügen. Dies kann durch Hinzufügen weiterer Schaltflächenelemente in Ihren PHP -Code und der Verknüpfung mit den jeweiligen Social Media Sharing URLs erfolgen. Stellen Sie sicher, dass Sie für jede Plattform die richtige URL -Struktur verwenden, um sicherzustellen, dass die Freigabefunktion korrekt funktioniert. Medienfragen. Mit diesen können Sie verschiedene Stile für verschiedene Bildschirmgrößen festlegen und sicherstellen, dass Ihre Schaltflächen auf allen Geräten gut aussehen. Sie können je nach Bildschirmgröße unterschiedliche Größen, Positionen und sogar verschiedene Bilder für Ihre Schaltflächen angeben. Verfolgen Sie die Leistung Ihrer Social Sharing -Schaltflächen, indem Sie sie in Analytics -Tools wie Google Analytics integrieren. Dies kann durch Hinzufügen von Tracking -Codes zu Ihren Schaltflächenlinks erfolgen. Auf diese Weise können Sie sehen, wie oft jeder Schaltfläche klickt und wie viel Verkehr sie zu Ihrer Website fährt. Das Hinzufügen einer Aktienzahl zu Ihren Social Sharing -Schaltflächen kann durch die Verwendung der von den Social Media -Plattformen bereitgestellten APIs durchgeführt werden. Diese APIs ermöglichen es Ihnen, die Häufigkeit abzurufen, mit der eine URL auf ihrer Plattform geteilt wurde. Sie können diese Nummer dann neben Ihren Freigabetasten anzeigen. Beachten Sie, dass nicht alle Plattformen diese Funktion bereitstellen, und einige müssen möglicherweise eine Anwendung für die Verwendung ihrer API registrieren. Fügen Sie soziale Freigabetasten zu benutzerdefinierten Post -Typen hinzu. Dies kann durchgeführt werden, indem der PHP -Code geändert wird, der Ihre Schaltflächen generiert. Sie müssen eine Bedingung hinzufügen, die den Post -Typ überprüft und die Tasten entsprechend hinzufügt. Stellen Sie sicher, dass Sie Ihre Änderungen testen, um sicherzustellen, dass sie korrekt funktionieren.

Das obige ist der detaillierte Inhalt vonErstellen Sie Ihr eigenes Plugin für soziale Freigabe für WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
So einbetten und schützen Sie PDF -Dateien mit einem WordPress -PluginSo einbetten und schützen Sie PDF -Dateien mit einem WordPress -PluginMar 09, 2025 am 11:08 AM

Dieser Handbuch zeigt, wie PDF -Dateien in WordPress -Posts und Seiten mit einem WordPress -PDF -Plugin eingebettet und geschützt werden. PDFs bieten ein benutzerfreundliches, allgemein zugängliches Format für verschiedene Inhalte, von Katalogen bis zu Präsentationen. Diese Methode ens

Ist WordPress für Anfänger leicht?Ist WordPress für Anfänger leicht?Apr 03, 2025 am 12:02 AM

WordPress ist für Anfänger leicht zu beginnen. 1. Nach dem Anmeldung im Hintergrund ist die Benutzeroberfläche intuitiv und das einfache Dashboard bietet alle erforderlichen Funktionslinks. 2. Grundlegende Vorgänge umfassen das Erstellen und Bearbeiten von Inhalten. Der Wysiwyg -Editor vereinfacht die Erstellung von Inhalten. 3. Anfänger können die Website-Funktionen durch Plug-Ins und Themen erweitern, und die Lernkurve existiert, kann aber durch das Üben gemeistert werden.

Warum sollte jemand WordPress verwenden?Warum sollte jemand WordPress verwenden?Apr 02, 2025 pm 02:57 PM

Die Leute verwenden WordPress wegen ihrer Kraft und Flexibilität. 1) WordPress ist ein Open -Source -CMS mit einer starken Benutzerfreundlichkeit und Skalierbarkeit, die für verschiedene Website -Anforderungen geeignet ist. 2) Es hat reichhaltige Themen und Plugins, ein riesiges Ökosystem und eine starke Unterstützung der Gemeinschaft. 3) Das Arbeitsprinzip von WordPress basiert auf Themen, Plug-Ins und Kernfunktionen und verwendet PHP und MySQL, um Daten zu verarbeiten und die Leistungsoptimierung zu unterstützen.

Ist WordPress noch kostenlos?Ist WordPress noch kostenlos?Apr 04, 2025 am 12:06 AM

Die Kernversion von WordPress ist kostenlos, aber andere Gebühren können während der Verwendung anfallen. 1. Domainnamen und Hosting -Dienste erfordern eine Zahlung. 2. können fortgeschrittene Themen und Plug-Ins aufgeladen werden. 3.. Professionelle Dienstleistungen und fortschrittliche Funktionen können berechnet werden.

Wie viel kostet WordPress?Wie viel kostet WordPress?Apr 05, 2025 am 12:13 AM

WordPress selbst ist kostenlos, kostet jedoch zusätzlich: 1. WordPress.com bietet ein Paket von kostenlos bis bezahlt, wobei die Preise zwischen ein paar Dollar pro Monat bis zu Dutzenden von Dollar reichen. 2. 3. Die meisten Plug-Ins und Themen sind kostenlos, und der bezahlte Preis liegt zwischen Dutzenden und Hunderten von Dollar. Durch die Auswahl des richtigen Hosting-Dienstes, die Verwendung von Plug-Ins und Themen und regelmäßige Aufrechterhaltung und Optimierung können die Kosten von WordPress effektiv gesteuert und optimiert werden.

Soll ich Wix oder WordPress verwenden?Soll ich Wix oder WordPress verwenden?Apr 06, 2025 am 12:11 AM

Wix ist für Benutzer geeignet, die keine Programmiererfahrung haben, und WordPress ist für Benutzer geeignet, die mehr Kontroll- und Erweiterungsfunktionen wünschen. 1) Wix bietet Drag-and-Drop-Editoren und reichhaltige Vorlagen und erleichtert es, eine Website schnell zu erstellen. 2) Als Open-Source-CMS verfügt WordPress über eine riesige Community- und Plug-in-Ökosystem, die eine eingehende Anpassung und Erweiterung unterstützt.

Wofür ist die WordPress gut?Wofür ist die WordPress gut?Apr 07, 2025 am 12:06 AM

WordPressIsGoodforenualywebProjectDuetoitsverseSatilityasacms.itexcelsin: 1) Benutzerfreundlichkeit, erlaubt Easywebsitesetup; 2) Flexibilität und Kustomisierung mit

Ist WordPress ein CMS?Ist WordPress ein CMS?Apr 08, 2025 am 12:02 AM

WordPress ist ein Content Management System (CMS). Es bietet Content Management, Benutzerverwaltung, Themen und Plug-in-Funktionen, um die Erstellung und Verwaltung von Website-Inhalten zu unterstützen. Das Arbeitsprinzip umfasst Datenbankverwaltung, Vorlagensysteme und Plug-in-Architektur, die für eine Vielzahl von Anforderungen von Blogs bis hin zu Unternehmenswebsites geeignet sind.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool