WordPress. Wie arbeitet man mit sozialen Icons (auf der Basis von Cherry 3.x options)

WordPress. Wie arbeitet man mit sozialen Icons (auf der Basis von Cherry options)

Von diesem Tutorial erfahren Sie, wie arbeitet man mit sozialen Icons in WordPress (auf der Basis von Cherry options):

1. Öffnen Sie, bitte, den Tab Cherry Options -> Social um den Zugang auf Einstellungen der sozialen Icons zu erhalten.
   Sie können Links für entsprechende Icons angeben. Vergessen Sie nicht http:// oder https:// am Anfang jedes Links angeben:

   

2. Lassen Sie uns noch ein soziales Icon hinzufügen. Öffnen Sie den Tab Aussehen (Appearance) -> Editor (Editor). Öffnen Sie die Datei options.php.

   Finden Sie den entsprechenden Teil des Codes mit Hilfe von der Suchfunktion im Browser. Vergleichen Sie, bitte, das Bildschirmfoto unten. Sie werden den notwendigen Code sehen:

   

3. Kopieren Sie den Quellcode für ein von den Icons und fügen Sie ihn in die Datei ein. In unserem Fall hat der Code die folgende Struktur:

   $options['facebook'] = array( 
   "name" => "Facebook URL",
   "desc" => "Facebook URL",
   "id" => "facebook",
   "std" => "#",
   "type" => "text"
   );

4. Wir nutzen das Icon Youtube. Geben Sie den Namen dieses Icons ein, und er muss mit dem Wert im Feld "id" gleich sein. Speichern Sie die Änderungen:

   

5. Öffnen Sie die Datei themeXXXXX\static\static-social-networks.php (hier XXXXX ist die Nummer Ihres Themas). Sie sehen eine Auswahl an Icons für soziale Netzwerke.

   Fügen Sie noch einen Punkt. Wir fügen das Icon youtube hinzu, das in der Datei options.php (vorher) angegeben wurde. Speichern Sie die Änderungen.

   Achten Sie, bitte, darauf, dass solcher Code für Icons Font Awesome benutzt wird. Er fügt automatisch die Klasse des Icons zu seinem Namen hinzu. In unserem Fall ist es die Klasse “icon-youtube”. Von dem Video-Tutorial können Sie mehr über die Arbeit mit Icons Font Awesome erfahren.

   

6. Öffnen Sie den Tab Cherry options -> Social und geben Sie den Link für das neue Icon an. Speichern Sie die Änderungen:

   

7. Wir haben das neue Icon hinzugefügt:

   

8. Sie können auch die Reihenfolge von Icons ändern. Ändern Sie einfach die Reihenfolge von Icons in der Datei options.php:

   

   Ändern Sie genauso die Reihenfolge von Icons in der Datei static-social-networks.php:

   

9. Wir haben die Reihenfolge von Icons geändert:

   

Sie können auch das ausführliche Video-Tutorial nutzen:

WordPress. Wie arbeitet man mit sozialen Icons (auf der Basis von Cherry options)