Μετάβαση στο περιεχόμενο
JoeDer

Προσθήκη Facebook Fan Page στην πλαϊνή μπάρα

Recommended Posts

JoeDer

Για να προσθέσετε το Facebook Fan Page στην πλαϊνή μπάρα ακολουθήστε τον παρακάτω οδηγό.

 

Αρχικά είναι σημαντικό (για ευκολία) να εγκαταστήσετε ένα widget που λέγετε TXT & PHP Widget, η εγκατάστασή του είναι πολύ εύκολη.

Το επόμενο βήμα είναι να πάρετε τον Page Plugin κώδικα του facebook από την σελίδα Social Plugins

 

Στο αναδυόμενο παράθυρο πατώντας το "Get Code" με τίτλο "Your Plugin Code" θα δείτε:

 

1. Τον JavaScript SDK κώδικα. Όλο το περιεχόμενο του JavaScript SDK κώδικα είναι αναγκαίο να προστεθεί στο globalTemplate του θέματος που χρησιμοποιείτε ακριβώς κάτω από το body. Για παράδειγμα το globalTemplate στο σημείο που πρέπει να προστεθεί ο JavaScript SDK θα πρέπει να μοιάζει κάπως έτσι:

	<body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' itemscope itemtype="http://schema.org/WebSite">
      <!-- Facebook Likebox Start -->
            <div id="fb-root"></div>
				<script>(function(d, s, id) {
  				var js, fjs = d.getElementsByTagName(s)[0];
  				if (d.getElementById(id)) return;
 			 	js = d.createElement(s); js.id = id;
  				js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=Edw einai to AppID ";
  				fjs.parentNode.insertBefore(js, fjs);
				}(document, 'script', 'facebook-jssdk'));</script>
      <!-- Facebook Likebox End -->
		<meta itemprop="url" content="{setting="base_url"}">

 

2. Στην αρχική σελίδα (index) του φόρουμ και συνδεδεμένοι ως διαχειριστές, ανοίγουμε την αριστερή πλαϊνή μπάρα που βρίσκονται όλα τα widgets. Ανοίγουμε την καρτέλα με το widget "TXT & PHP Widget" και σέρνουμε την από κάτω καρτέλα στην θέση που θέλουμε της πλαϊνής μπάρας. Πατάμε Edit και προσθέτουμε τον δεύτερο κώδικα που μας έχει δώσει το Page Plugin του facebook. Για παράδειγμα ο κώδικας που πρέπει να προσθέσουμε πρέπει να μοιάζει κάπως έτσι:

<div class="fb-page" data-href="https://www.facebook.com/ipbgr/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/ipbgr/"><a href="https://www.facebook.com/ipbgr/">IPB.GR</a></blockquote></div></div>

Πατώντας Save είναι όλα έτοιμα για να εμφανιστεί η fan page του facebook στην πλαϊνή μπάρα.

 

Σημείωση

Όσοι είναι κάτοχοι του Pages (IP.Content) δεν χρειάζεται η εγκατάσταση του widget "TXT & PHP". Δημιουργήστε ένα Custom Block και προσθέστε τον δεύτερο κώδικα που δίνει το facebook page plugin. Στην συνέχεια στην αρχική από την αριστερή μπάρα των widgets ανοίγουμε την καρτέλα "Pages" και σέρνουμε το widget "Custom Blocks" στο σημείο της πλαϊνής μπάρας που θέλουμε και επιλέγουμε το custom block που δημιουργήσαμε. 

Μοιράσου αυτή την δημοσίευση


Link to post
Share on other sites
Σχολιάστε εποικοδομητικά

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Απάντηση στο θέμα...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. | Terms of Use