Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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

Vezi subiectul anterior Vezi subiectul urmator In jos

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

Mesaj Scris de Mihai Dum Mai 10, 2020 11:35 pm

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

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 :copyright:️ 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:
Adăugare Instagram ca și opțiune de contact Instag10

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

Mihai

Mihai
Administrator
Administrator

Mesaje : 1551
Varsta : 26
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 101
Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai 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