Adăugare Instagram ca și opțiune de contact

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Tutorial Adăugare Instagram ca și opțiune de contact

Mesaj Scris de Kames la data de Joi 29 Noi - 13:45

Salutare tuturor,

În acest tutorial vă voi explica cum să adăugați Instagram, ca și opțiune de contact, la profilul dvs. În prezent, singurele metode de contact sociale sunt AIM, MSN Messenger, Yahoo Messenger, Skype, Facebook, Twitter și Pinterest. Pe lângă acestea, veți putea adăuga și câmpul Instagram.

Instalare


Introducere


În primul rând, acest câmp de contact va fi la fel ca și cel de Facebook. Asta înseamnă că la acest câmp trebuie să adăugați link-ul profilul dvs. (Exemplu: dețin profilul www.instagram.com/kames, dvs. trebuie să editați doar "kames").

Crearea câmpului de contact


Pentru a adăuga Instagram ca și opțiune de contact, primul lucru ce trebuie să îl faceți este să mergeți în Panoul de administrare » Utilizatori și grupuri » Utilizatori » Profiluri, urmând să selectați opțiunea "Câmp de contact". Apăsați pe , urmând să completați toate câmpurile necesare, în felul următor:

  • Tip: Contact
  • Nume: Instagram (culoarea nu contează)
  • Descriere: Opțional
  • URL icon: https://i.servimg.com/u/f60/19/06/26/04/insta310.png (NOTĂ! Imaginea este necesară pentru funcționarea integrală a codului)
  • Obligatoriu la înscriere?: Aici alegeți ce doriți, nu are importanță
  • Afișare: Bifați "Profil" și "Mesaje" dacă doriți ca acest câmp să fie afișat la profilul utilizatorului și la mesaje
  • Tip de afisaj: Text
  • Cine poate modifica valoarea conținutului?: Aici alegeți ce doriți, nu are importanță
  • Afișează acest câmp pentru utilizatorii care au cel puțin statutul: Aici alegeți ce doriți, nu are importanță
  • Tip: Adresă internet
  • Conținut de origine: Lăsați liber

După ce ați efectuat toate acestea, apăsați pe butonul de salvare. Nu mai este nimic de făcut aici.

Codul JavaScript


Acesta este ultimul pas al acestui tutorial. Pentru a funcționa acest tutorial aveți nevoie de un un cod JavaScript. Pentru a-l adăuga, mergeți în Panoul de administrare » Diverse » HTML & JAVASCRIPT » Gestiunea codurilor JavaScript, urmând să apăsați pe. Totodată, verificați dacă codurile JavaScript sunt activate.

  • Titlu: Câmp de contact Instagram
  • Amplasare: Toate paginile
  • Cod JavaScript: Copiați și introduceți codul de mai jos

Cod:
        /* ------------------------------------------------------------------------
        
        **************** COPYRIGHTS ©️️ 2018, LUFFY - FORUMOTION.COM ****************
        
        - Please do not try to post a new tutorial using this code to your forum.
        - This code is written by Luffy for Forumotion.com forums only.
        - Please ask your questions at https://help.forumotion.com
        - Please do not remove these comments.
        - Tutorial Link: /t156778-add-instagram-as-contact-field-to-your-forum
        --------------------------------------------------------------------------- */
        
        $(function(){
        
          if(/\/?u(\d+)contact$/.test(location.pathname)) {
            $('dl#field_id1 dd a').attr('title','View the user\'s Instagram account');
            if ($('dl#field_id1 dd a[href*="http://"]')){
              var ifgr_instagram_src = $('dl#field_id1 dd a').attr('href').slice(7);
            }
            if ($('dl#field_id1 dd a[href*="https://"]')){
              var ifgr_instagram_src = $('dl#field_id1 dd a').attr('href').slice(8);
            }
            $('dl#field_id1 dd a').attr('href', 'https://www.instagram.com/' + ifgr_instagram_src);
          }
        
          if (/t(\d+)/.test(window.location.pathname)) {
            $('a[title*="website"]').has('img[src*="https://i.servimg.com/u/f60/19/06/26/04/insta310.png"]').addClass('InstagramPage');
            $('a.InstagramPage').attr('title','View the user\'s Instagram account');
            if ($('a.InstagramPage[href*="http://"]')){
              var ifgr_instagram_src2 = $('a.InstagramPage').attr('href').slice(7);
            }
            if ($('a.InstagramPage[href*="https://"]')){
              var ifgr_instagram_src2 = $('a.InstagramPage').attr('href').slice(8);
            }
            $('a.InstagramPage').attr('href', 'https://www.instagram.com/' + ifgr_instagram_src2);
          }
        
        });
Salvați și puteți ieși. Atât a fost de făcut. Da

Rezultat


Profil:


Mesaje:


Acest tutorial a fost scris de Luffy și tradus de Kames.
avatar

Kames
Contribuitor tutoriale
Contribuitor tutoriale

Mesaje : 21
Varsta : 18
Localizare : Rădăuți, Suceava
Data înscrierii : 11/02/2017
Multumiri : 10
Niciun avertisment

Vezi profilul utilizatorului https://www.wikifg.net
Kames a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum