[PBTV4.1] [Facebook] Partager une news sur votre page
Introduction:
La page originale se trouve ici est concerne la V3.
Ce post a pour but de vous aider à appliquer cela pour une V4.1 avec une petite amélioration "perso" qui vous permet juste de faire un copier/coller (pas d'url à changer), magique non ?
Alors voici la grande différence entre la V3 et V4.1 : "templates/VOTRE_THEME/modules/news/news.tpl" maintenant c'est "templates/VOTRE_THEME/modules/news/NewsDisplayNewsController.tpl"
En lisant la phrase ci-dessus, vous comprenez que l'on ne fait pas les modification dans le dossier "news" qui se trouve à la racine de votre PBt mais bien celui dans le dossier de votre thème !
C'est parti ...
Alors pour se faire, il vous faut importer(copier/coller) le NewsDisplayNewsControllers.tpl dans "templates/VOTRE_THEME/modules/news/" (si ce dossier est inexistant, créez le ..) et procédez ensuite comme cité ci-dessous :
Éditez le fichier ... Oui le nom du fichier à changé de Nom et aussi de structure donc du coup, c'est à la ligne 13 ou l'on va rajouter ce code :
Code TPL :
<script language="JavaScript"> <!-- function openExamplePopup(file,width,height,scrollbars){ if (scrollbars == '') { scrollbars = 'no'; } window.open(file,'_blank','top=50,left=50,width='+width+',height='+height+',scrollbars='+scrollbars); } // --> </script> <a href="Javascript:openExamplePopup('http://www.facebook.com/share.php?u=http://L_URL_DE_VOTRE_SITE/{U_LINK}','626','436','no');"><img class="valign_middle" src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif" alt="share_icon" /></a>
*Remplacez "L_URL_DE_VOTRE_SITE" par le votre bien sur ^^
Et voici le code de la page en entier pour ceux qui ont la méga flemme :
* A n'appliquer que si vous n'avez fait aucunes modifications au préalable.
Code TPL :
<article itemscope="itemscope" itemtype="http://schema.org/CreativeWork"> <header> <h1> <a href="{U_SYNDICATION}" title="${LangLoader::get_message('syndication', 'main')}" class="fa fa-syndication"></a> <span itemprop="name">{NAME}</span> <span class="actions"> # IF C_EDIT # <a href="{U_EDIT}" title="${LangLoader::get_message('edit', 'main')}" class="fa fa-edit"></a> # ENDIF # # IF C_DELETE # <a href="{U_DELETE}" title="${LangLoader::get_message('delete', 'main')}" class="fa fa-delete" data-confirmation="delete-element"></a> # ENDIF # <script language="JavaScript"> <!-- function openExamplePopup(file,width,height,scrollbars){ if (scrollbars == '') { scrollbars = 'no'; } window.open(file,'_blank','top=50,left=50,width='+width+',height='+height+',scrollbars='+scrollbars); } // --> </script> <a href="Javascript:openExamplePopup('http://www.facebook.com/share.php?u=http://L_URL_DE_VOTRE_SITE/{U_LINK}','626','436','no');"><img class="valign_middle" src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif" alt="share_icon" /></a> </h1> <div class="more"> # IF C_AUTHOR_DISPLAYED # ${LangLoader::get_message('by', 'common')} # IF C_AUTHOR_EXIST #<a itemprop="author" rel="author" class="small {USER_LEVEL_CLASS}" href="{U_AUTHOR_PROFILE}" # IF C_USER_GROUP_COLOR # style="color:{USER_GROUP_COLOR}" # ENDIF #>{PSEUDO}</a># ELSE #{PSEUDO}# ENDIF #, # ENDIF # ${TextHelper::lowercase_first(LangLoader::get_message('the', 'common'))} <time datetime="{DATE_ISO8601}" itemprop="datePublished">{DATE}</time> ${TextHelper::lowercase_first(LangLoader::get_message('in', 'common'))} <a itemprop="about" href="{U_CATEGORY}">{CATEGORY_NAME}</a> # IF C_COMMENTS_ENABLED #- # IF C_COMMENTS # {NUMBER_COMMENTS} # ENDIF #{L_COMMENTS}# ENDIF # </div> <meta itemprop="url" content="{U_LINK}"> <meta itemprop="description" content="${escape(DESCRIPTION)}" /> # IF C_COMMENTS_ENABLED # <meta itemprop="discussionUrl" content="{U_COMMENTS}"> <meta itemprop="interactionCount" content="{NUMBER_COMMENTS} UserComments"> # ENDIF # </header> <div class="content"> # IF C_PICTURE #<img itemprop="thumbnailUrl" src="{U_PICTURE}" alt="{NAME}" title="{NAME}" class="right" /># ENDIF # <div itemprop="text">{CONTENTS}</div> </div> <aside> # IF C_SOURCES # <div id="news-sources-container"> <span>${LangLoader::get_message('form.sources', 'common')}</span> : # START sources # <a itemprop="isBasedOnUrl" href="{sources.URL}" class="small">{sources.NAME}</a># IF sources.C_SEPARATOR #, # ENDIF # # END sources # </div> # ENDIF # # IF C_KEYWORDS # <div id="news-tags-container"> <span>${LangLoader::get_message('form.keywords', 'common')}</span> : # START keywords # <a itemprop="keywords" rel="tag" href="{keywords.URL}">{keywords.NAME}</a># IF keywords.C_SEPARATOR #, # ENDIF # # END keywords # </div> # ENDIF # # IF C_SUGGESTED_NEWS # <div id="news-suggested-container"> <span>${LangLoader::get_message('suggestions', 'common')} :</span> <ul> # START suggested # <li><a href="{suggested.URL}">{suggested.NAME}</a></li> # END suggested # </ul> </div> # ENDIF # <hr class="news-separator"> # IF C_NEWS_NAVIGATION_LINKS # <div class="navigation-link"> # IF C_PREVIOUS_NEWS # <span style="float:left"> <a href="{U_PREVIOUS_NEWS}"><i class="fa fa-arrow-left fa-2x"></i></a> <a href="{U_PREVIOUS_NEWS}">{PREVIOUS_NEWS}</a> </span> # ENDIF # # IF C_NEXT_NEWS # <span style="float:right"> <a href="{U_NEXT_NEWS}">{NEXT_NEWS}</a> <a href="{U_NEXT_NEWS}"><i class="fa fa-arrow-right fa-2x"></i></a> </span> # ENDIF # <div class="spacer"></div> </div> # ENDIF # # INCLUDE COMMENTS # </aside> <footer></footer> </article>
En savoir plus ...
Et pour les plus curieux et pour ceux qui ne connaissent rien en PHP c'est ce petit bout de code qui récupère l'adresse de votre site pour la passer dans l'url de la pop-up :
Code TPL :
Je considère ceci comme une MAJ de la page originale, donc cette modif reste sous la même "licence" de diffusion que la page originale.
Vous pouvez retrouver cette article aussi sur le forum, et y poser vos questions si vous en avez besoin
Article écrit et réalisé le 02/12/2014, par janus57.