Intégrer un forum phpBB 3.0.5 et inférieur dans un site cmsms

[bess]

Ce post n'est qu'un récapitulatif technique de l'intégration de phpBB 3.0.5 et inférieur dans un cmsms V1.5.x / 1.6.0

Pour connaitre l'ensemble des soucis que j'ai pu rencontrer et comprendre certains choix il faut se reporter sur la discussion d'origine

Remarque : bien que vous voulez intégrer un forum dans cmsms, nous allons procéder à l'inverse pour des raisons techniques (intégrer la charte graphique du cmsms dans le forum tout en gérant l'administration de cette charte depuis cmsms).

Remarque 2 : cette méthode peut poser pb avec la volonté d'inclure dans la page du forum des gestion complexe type SESSION issu de cmsms (par exemple le module shootbox ou FEU qui ne fonctionneront pas).

Etape 1 :

Installez dans le répertoire racine le cmsms
Installez dans le sous-répertoire "bb" le forum phpBB

Réalisez votre charte graphique du cmsms (+css + ...)


Etape 2 :

Dupliquez votre gabarit "gabarit de mon site" en "gabarit allégé"

affectez la/les même(s) css

Son contenu sera de ce type là :

{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}

{literal}
<script type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}

<SEPARATOR>

{stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}

<SEPARATOR>

<div id="pagewrapper">

<div id="header">
<hr class="accessibility" />
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<div id="menu_horiz">
<h2 class="accessibility">Navigation</h2>
{menu template='monTemplate' }
<hr class="accessibility" />
</div>
</div>

<div id="content">
<div id="sidebar">
<h2 class="accessibility">News</h2>
<div class="news"> {news}</div>
</div>

<SEPARATOR>

</div>{*fermeture du content*}

<div id="footer">
{global_content name='footer'}
</div>

</div>

</body>
</html>

Notez qu'il vous manque pas mal de bornes HTML, c'est normal.
Notez qu'il y a des bornes non-HTML en bleu ici, c'est normal.

Etape 3 :

Créez une page nommée "forumBB" avec le gabarit que vous venez de créer. paramétrez là ainsi :
->renseigner son contenu à n'importe quoi (rien ne sera affiché de toute façon)
->ne pas l'afficher dans le menu.
->ne pas permettre la recherche.
Créez dans votre menu un bouton de type "lien externe" pointant vers l'install de votre forum "./bb/index.php" ou encore mieux : "http://www.votreSite.fr/bb/index.php"

Etape 4 : via FTP

Créez 1 fichier nommé cms.php qui doit se trouver sur "./bb/cms.php". Voici son contenu :

<?php
$baseSite = "http://www.siteWeb.ndd/";
$local = "http://" . $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
$local = substr($local, 0, strrpos($local,'/') + 1);
$content = file_get_contents($baseSite."index.php?page=forumBB");
$content = str_replace("<base href=\"".$baseSite."\" />", "<base href=\"".$local."\" />", $content);


list($tag1, $tag2, $tag3, $tag4) = split ("<SEPARATOR>", $content , 4);
$template->assign_vars(array(
'TAG_CMS_META' => $tag1,
'TAG_CMS_CSS' => $tag2,
'TAG_CMS_HEADER' => $tag3,
'TAG_CMS_FOOTER' => $tag4));
?>

En bleu, prenez garde à votre propre configuration
-votre url
-le nom de la page que je vous ai demandé de créer en étape3
-lié au bornes SEPARATOR vu en étape 2

Etape 5 : toujours via FTP

dans le fichier ./includes/functions.php

trouver

Code :

// The following assigns all _common_ variables that may be used at any point in a template.
    $template->assign_vars(array(

Ajouter Avant

Code :

include($phpbb_root_path . 'cms.' . $phpEx);

Enregistrer.

Etape 6 : panel admin du forum phpBB

Menu Style > Template > Editer (sur le template désiré)

rechercher dans la section "overall" les deux fichiers et les modifier ainsi

attention : ici c'est avec un template nommé "3myl_excellence"

overall_footer.html

[...]

<div>
<a id="bottom" name="bottom" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

{TAG_CMS_FOOTER}

</body>
</html>

overall_header.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
{META}
{TAG_CMS_META}
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
phpBB style name: 3myl_excellence
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by: SGo ( http://www.mylimages.com/ )

NOTE: This page was generated by phpBB, the free open-source bulletin board package.
The phpBB Group is not responsible for the content of this page and forum. For more information
about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var style_cookie_settings = '{A_COOKIE_SETTINGS}';
var onload_functions = new Array();
var onunload_functions = new Array();

<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
var url = '{UA_POPUP_PM}';
window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
}
<!-- ENDIF -->

/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}

/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
}

window.onunload = function()
{
for (i = 0; i <= onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

{TAG_CMS_CSS}

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

{TAG_CMS_HEADER}

<div id="top_header2">

[...]

that's all folks

vous reste à peaufiner l'intégration css de votre forum qui risque d'être impacté par le css de cmsms

En cas de question / correction / anomalie constatée, suffit de poster en dessous.



edit 22 juillet : tuto de mise à jour phpbb 3.04->3.05 dispo sur ce message