WP W3ALL 2.4.0> phpBB to WordPress

WP w3all WordPress phpBB plugin install help page

The phpBB to WordPress way

The faster, easy and secure

WordPress phpBB 2.4.0 > integration by email

NOTE that since plugin version 2.4.5 > there is the phpBB extension available into the folder

/wp-w3all-phpbb-integration/addons/phpBB_EXT

It contain a file config.php that explain himself how to use it and unchain the WordPress phpBB integration

/wp-w3all-phpbb-integration/addons/phpBB_EXT/w3all/phpbbwordpressintegration/custom/config.php

See step by step explained here:

phpBB WordPress common tasks integration extension

Installing this, change the integration logic: you can leave users to register and update email or password in both sides if usernames/email pairs match. And even if not in some case. Read more about this into WordPress to phpBB integration way

So may consider all the follow valid, until you do not unchain the integration installing both the integration plugin into WordPress, and the phpBB WordPress common extension. Some consideration described here below is then may surpassed.

–

Note: follow this instead, if you want to integrate, configuring the WordPress to phpBB integration way.

WP W3ALL 2.4.0>WP to phpBB – INSTALL and HOW TO

The difference between this way to integrate, respect the WordPress to phpBB way, is mainly one: update changes done by users or admins into their phpBB profiles, are updated into WordPress for the same user, when the same user will visit the WordPress side as logged user in phpBB , or when will login in the WordPress side. Because this is a WordPress plugin (along next 2.4.0> releases, may a phpBB extension will be provided that will allow a complete update at mean time integration in the phpBB to WordPress way, adding or updating users in WordPress at mean time when updates occur in phpBB side). It is possible to use redirects tricks: if you want to force user addition into WordPress when user register OR login in phpBB using redirects tricks check this:
Add user into WordPress when register OR login in phpBB side

The other important thing that you need to consider, integrating in the phpBB to WordPress way, so where you’ll leave users to update their email and register only in phpBB, is that since the integration works by email, if you let users login in WordPress also, this is the case where the plugin may works as unexpected, because when searching for user by email on WP login action, and the email has been changed in phpBB, there is no way to check a match for the same user if usernames/email pairs mismatch. The user could so try to login by username, and will work if username match, but if it mismatch (the integration works by email, but try to check for username in this case, when a match not found by email) and phpBB usernames with forbidden WP characters have been may added in WP after removing those forbidden chars, so (also) the username will not match OR will match the username of some other user!

Consider that if you let users login in WordPress side in this scenario, an user that change his email in phpBB, then come to login into WordPress using email (because you allow users to login also in WP) the user will not be able to login by email, but only by username until a login not executed (that will cause so the email to be updated, based on username) and if username match. For the same reason, usernames on both phpBB and WordPress needs to match in this case.

In the phpBB to WordPress way you so choose to let users to Login, Register, Update Password in phpBB side BUT if managing an integration where mismatching usernames exists in some case, you SHOULD SO (it is REQUIRED in this case) LEAVE USERS to Register and update their email ONLY IN WordPress.

Note that it is not mandatory to transfer old phpBB users into WordPress when integration start, anyway there is a transfer option on plugin admin that you can activate to transfer old phpBB users into WordPress. Note also that as admin, if you want to change an email for an user at mean time also in WordPress when you change it may via phpBB ACP, you’ll have to do the same for the same user in WordPress, or until the same user will not visits the WP side, you’ll not see the same update in WordPress.

Consider that as WordPress admin, you could see that so in phpBB there are users that are still not existent in WordPress. The reason is the above explained when using the plugin in the phpBB to WordPress way.

This mode to integrate, phpBB to WordPress way, require as MANDATORY to disable user’s registration in WordPress and avoid user’s email change in WordPress. It is your task to not allow user’s registration and email update in WordPress side.

About the way on how phpBB usernames containing forbidden and not allowed characters into WordPress, are added or transferred into WordPress since 2.4.0> read this post:

phpBB usernames with forbidden characters in WordPress

Disable registration in WordPress, and be sure that users are NOT allowed to change/update password in WordPress.

Said all that, you need to follow same instructions, configuring phpBB and WordPress, as explained on WP to phpBB help, where

To Install and Configure

FOLLOW THESE STEPS

wordpress-phpbb-integration/#installAndConfig

Follow phpBB Side and WordPress Side steps on that page, and remember (again) that it is your task to avoid user’s email update, and registration in WordPress, configuring based on all said above the integration in the phpBB to WordPress way.

More considerations:

…..

phpBB WordPress template integration (iframe v4)

v4 version ~~(for cool people)~~

FROM 2.1.1 USE V5 code: https://www.axew3.com/w3/2020/01/phpbb-wordpress-template-integration-iframe-v5/

OLD CODE: cool people moved to V5

FROM 2.1.1 USE V5 code: https://www.axew3.com/w3/2020/01/phpbb-wordpress-template-integration-iframe-v5/

SINCE 2.1.1 the following code, even if still working with his related page-forum (linked below) into any plugin version, is now obsolete.

PAGE HELP – JS code – UPDATED on 15 Gen 2020
(related addons/page-forum.php – updated on 14 Gen 2020)

wp-w3all-phpbb-integration/tags/2.1.0/addons/page-forum.php

wp_w3all plugin 1.9.9 until 2.1.0

phpBB SEO mods compatible – (READ ALL this page)

wp_w3all responsive iframe procedure

WordPress phpBB iframe template integration

MEMO: to update to latest v4 code, you’ll need to rebuild page-forum.php (or whatever you named it) via plugin admin, OR manually substitute it into your active WP template folder, with the new one that you find/copy into /wp-content/plugins/wp-w3all-phpbb-integration/addons. You’ll need to update also the iframeResizer.contentWindow.min.js file you added into phpBB root, with the new one you find into /wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer folder. Done this, substitute the phpBB overall_header.html and overall_footer.html code (re-adding needed values) with the new v4 code here below. Do not forget to rebuild phpBB template to make phpBB template modifications take effect.

Domain/subdomains installations it’s REQUIRED to read this: How to Domain/subdomain iframe template integration

WP_w3all template integration steps

After you built/create the WP forum template page via option
WP_w3all phpBB embedded on WordPress Template
on WP_w3all admin config page, and the blank page on WordPress Admin -> Pages -> Add New, titled the same of created wp_w3all template page, so forum or board etc (then you’ll have into your active WordPress template folder a file named page-forum.php or page-board.php etc), to complete the procedure and get the responsive iframe height for the embedded/iframed phpBB into WordPress template page you need:

overall_footer.html code

Open with a text editor your phpBB template file overall_footer.html

and just before the closing </body> tag, add this code (do not select rows numbers on copied code):

<script>

if(window.self !== window.top){
// EDIT values to fit yours
document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))
var wordpress_url_page_forum = 'https://localhost/wp53/forums'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page (the one you created blank in wp)
var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.
// END EDIT

var w3all_doc_domain = document.domain;
var w3allappend = false;
var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:
// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885
// remove /* and */ to activate, also more below to complete ...
/*
$(".postimage").on("click", function(event) {
var pos = event.pageY - 100;
$(parent.window).scrollTop( 200 );
var el = document.getElementById("lightbox");
$("#lightboxOverlay").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lb-close").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lightbox").on("click", function() {
$(parent.window).scrollTop( pos );
});
});
*/

function w3allNormalize_phpBBUrl(href){
// try to 'normalize' passed relative links: needed all after last slash /
// exception are kind of passed urls like: /phpbb323/app.php/help/faq
// and if SEO mods that may assign some different kind of links values
// by the way, SEO absolute urls http(s) should be (all?) already considered here ...
var phpbbRUrl = href.split(/^.+?(\w+.+)$/);
if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)
phpbburl = href.split(/^.+?(app\.php.+)$/);
w3allappend = phpbburl[1];
} else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod
phpbburl = href.split(boardU);
w3allappend = phpbburl[1];
} else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other
w3allappend = phpbbRUrl[1];
} else if ( phpbbRUrl[0].length > 1 ){
w3allappend = phpbbRUrl[0];
}
// ... if still not normalized
if(/^\W/ig.exec(w3allappend) !== null){
w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
if(w3allappend[1]){
w3allappend = w3allappend[1];
}
if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
w3allappend = w3allappend[1].substr(1);
}
}
return w3allappend;
}

$(document).on("click", "a", function(e) {
var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){
return;
}

if( /\/adm\//ig.exec(href) !== null ){
e.preventDefault();
window.open(href,'_blank');
return;
}
if (href.indexOf('view=print') > -1 !== false){
e.preventDefault();
window.open(href,'_blank');
return;
}
if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){
w3allappend = boardU;
}
// check if link point to external resource
if ((this.href.indexOf(boardU) > -1) != true){
if(/^(f|ht)tps?:\/\//i.test(href)){
e.preventDefault(); // prevent inside
parent.location.replace(href);
return;
}
}
// check for # short links like on FAQ page
if ( href.charAt(0) == '#' ){
return;
}

w3allappend = w3allNormalize_phpBBUrl(href);
var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors
var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);
var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);
var w3all_onview_attach = (href.indexOf('file.php') > -1);
var w3all_onreview_post = /#[review]+/ig.exec(href);
var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);
var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);
var w3all_ck_onindex = (href.indexOf('index.php') > -1);

// Lightbox: if not working on repositioning img view
// complete Lightbox correct attachment display // activate removing /* and */
// also useful to open attachments in a new Tab
/*
if(w3all_onview_attach !== false){
e.preventDefault();
window.open(href,'_blank');
return;
} */

if ( href.indexOf('quickmod') > -1 ) {
if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,w3all_scroll_top);
}

if ('parentIFrame' in window){
if( typeof w3allNOappend == 'undefined' ){
window.parentIFrame.sendMessage(w3allappend);
}
}

}); // END

///////////////////////////////////////////////////////////////////////////
// w3all Ajax UPDATES for phpBB events

var pmn = "{PRIVATE_MESSAGE_COUNT}";
var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

var hash = window.location.hash.substr(1);
location.hash = "#" + hash;
var w3all_lochash = '';
if( location.hash.length < 2 ){
w3all_lochash = 0;
} else if ( typeof ($(location.hash).offset() ) != 'undefined' ) { // #preview js error fix
w3all_lochash = $(location.hash).offset().top;
}

// to wp
var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged + '#w3all_lochash=' + w3all_lochash;
if(w3appendevents.indexOf('w3allmchatif') == -1){
//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){
$( window ).on( "load", function() {
parent.w3all_ajaxup_from_phpbb(w3appendevents);
});
//}
}
// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)
var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if(w3iOS == false){
$(window).on( "load", function() {
var bd = document.getElementsByTagName("body");
for (var i = 0; i < bd.length; i++) {
var bdID = bd[i].getAttribute("id");
}
var elt = document.getElementById(bdID);
elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");
});
}

// If not using/applied the overall_header.html Javascript code, may un-comment this (may not)
/*
$( "a" ).contextmenu(function() {
var ohref = $(this).attr("href");
var href = this.href; // treath like an external because only open New tab or New window
d = w3allNormalize_phpBBUrl(href);
hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded
$(this).mouseleave(function() { // reset (replaced 'mouseup')
$(this).attr("href", ohref);
});
});
*/

} // END if(window.self !== window.top){
</script>
<script type="text/javascript" src="https://localhost/phpBB3/iframeResizer.contentWindow.min.js" defer></script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

if(window.self !== window.top){

// EDIT values to fit yours

document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))

var wordpress_url_page_forum = 'https://localhost/wp53/forums'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page (the one you created blank in wp)

var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.

// END EDIT

var w3all_doc_domain = document.domain;

var w3allappend = false;

var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:

// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885

// remove /* and */ to activate, also more below to complete ...

$(".postimage").on("click", function(event) {

var pos = event.pageY - 100;

$(parent.window).scrollTop( 200 );

var el = document.getElementById("lightbox");

$("#lightboxOverlay").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lb-close").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lightbox").on("click", function() {

$(parent.window).scrollTop( pos );

});

function w3allNormalize_phpBBUrl(href){

// try to 'normalize' passed relative links: needed all after last slash /

// exception are kind of passed urls like: /phpbb323/app.php/help/faq

// and if SEO mods that may assign some different kind of links values

// by the way, SEO absolute urls http(s) should be (all?) already considered here ...

var phpbbRUrl = href.split(/^.+?(\w+.+)$/);

if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)

phpbburl = href.split(/^.+?(app\.php.+)$/);

w3allappend = phpbburl[1];

} else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod

phpbburl = href.split(boardU);

w3allappend = phpbburl[1];

} else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other

w3allappend = phpbbRUrl[1];

} else if ( phpbbRUrl[0].length > 1 ){

w3allappend = phpbbRUrl[0];

}

// ... if still not normalized

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

$(document).on("click", "a", function(e) {

var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){

return;

}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

if (href.indexOf('view=print') > -1 !== false){

e.preventDefault();

window.open(href,'_blank');

return;

}

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){

w3allappend = boardU;

}

// check if link point to external resource

if ((this.href.indexOf(boardU) > -1) != true){

if(/^(f|ht)tps?:\/\//i.test(href)){

e.preventDefault(); // prevent inside

parent.location.replace(href);

return;

}

// check for # short links like on FAQ page

if ( href.charAt(0) == '#' ){

return;

}

w3allappend = w3allNormalize_phpBBUrl(href);

var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors

var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);

var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);

var w3all_onview_attach = (href.indexOf('file.php') > -1);

var w3all_onreview_post = /#[review]+/ig.exec(href);

var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);

var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);

var w3all_ck_onindex = (href.indexOf('index.php') > -1);

// Lightbox: if not working on repositioning img view

// complete Lightbox correct attachment display // activate removing /* and */

// also useful to open attachments in a new Tab

if(w3all_onview_attach !== false){

e.preventDefault();

window.open(href,'_blank');

return;

} */

if ( href.indexOf('quickmod') > -1 ) {

if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,w3all_scroll_top);

}

if ('parentIFrame' in window){

if( typeof w3allNOappend == 'undefined' ){

window.parentIFrame.sendMessage(w3allappend);

}

}); // END

///////////////////////////////////////////////////////////////////////////

// w3all Ajax UPDATES for phpBB events

var pmn = "{PRIVATE_MESSAGE_COUNT}";

var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

var hash = window.location.hash.substr(1);

location.hash = "#" + hash;

var w3all_lochash = '';

if( location.hash.length < 2 ){

w3all_lochash = 0;

} else if ( typeof ($(location.hash).offset() ) != 'undefined' ) { // #preview js error fix

w3all_lochash = $(location.hash).offset().top;

}

// to wp

var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged + '#w3all_lochash=' + w3all_lochash;

if(w3appendevents.indexOf('w3allmchatif') == -1){

//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){

$( window ).on( "load", function() {

parent.w3all_ajaxup_from_phpbb(w3appendevents);

});

//}

}

// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)

var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

if(w3iOS == false){

$(window).on( "load", function() {

var bd = document.getElementsByTagName("body");

for (var i = 0; i < bd.length; i++) {

var bdID = bd[i].getAttribute("id");

}

var elt = document.getElementById(bdID);

elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");

});

}

// If not using/applied the overall_header.html Javascript code, may un-comment this (may not)

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

} // END if(window.self !== window.top){

</script>

after you pasted this code into phpBB overall_footer.html
edit following lines:

// EDIT values to fit yours	
document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost)) 
var wordpress_url_page_forum = 'https://localhost/wp53/forums'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page (the one you created blank in wp)
var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.
// END EDIT

// EDIT values to fit yours

document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))

var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.

// END EDIT

change localhost to fit your domain name (example axew3.com)
do NOT add http(s):// OR the point in front nor anything else, just add
yourdomain.com or set it as localhost if on localhost test. If phpBB is at subdomain.domain.com, add domain.com as value
(MANDATORY!) or resizer won’t work
now check the other line to change:

var wordpress_url_page_forum = 'https://localhost/wp53/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

1	var wordpress_url_page_forum = 'https://localhost/wp53/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

change value
https://localhost/wp53/forum
on this line, to point to the URL of the WordPress created/named forum page (do not add final slash and change http or https as needed)
MANDATORY!

Finally, check this line

<script type="text/javascript" src="https://localhost/phpBB/iframeResizer.contentWindow.min.js" defer></script>

1	<script type="text/javascript" src="https://localhost/phpBB/iframeResizer.contentWindow.min.js" defer></script>

in the code you added (last line): this should correctly point to the iframeResizer.contentWindow.min.js file that you’ll go to add into phpBB root folder. You need to use the absolute URL (use http or https as needed, and adjust the url to fit your needs)
(MANDATORY!) or resizer won’t work

src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

1	src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

AFTER EDITED, save and load the modified overall_footer.html into your phpBB style folder, overwriting the default one, and so

load through ftp on the phpBB root folder (or copy/paste), the file
iframeResizer.contentWindow.min.js
that is contained inside folder
wp/wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer

After this, phpBB require to recompile the template, or modifications to template files not affect (to overall_footer.html in this case). Open phpBB ACP, and so under:

Server Configuration -> Load settings -> Recompile stale style components set to YES and save. Load one time a phpBB full forum page. Leave as is at moment, especially if you follow adding also the code on overall_header.html (more below) to redirect any phpBB direct URL to the iframed WP page: then after tested that all work fine, return to ACP, and reset to NO and save. This step is needed to load the template modifications on phpBB (and any time you edit a phpBB template file to for modifications take effect), but this option should be ever set to NO into an online/production site to save server resources. It is normally set to yes only for testing/devel purpose or to apply modifications on phpBB templates files.

overall_header.html code

The new V4 w3all iframe code do not use anymore htaccess to force redirects, but use pure Javascript (reload) code, that as you may imagine, lead to some different result: you’ll not have to edit phpBB notification links on phpBB notification files as on V1 or V2 code, to force users redirect to iframe when they click (for example) on notification email link or some other forum’s link. But in this case, any user except bots, will be redirected (as code is, but it can be easily changed to assume different behaviors, may excluding admins or moderators etc) to the WP iframed page, if the forum accessed via real phpBB url.

If you want phpBB email notification links or any phpBB direct url to be redirected to the wp iframed forum page follow this step:

Open with a text editor your phpBB template file overall_header.html

and just immediately after this code (or by the way, just before the closing tag </head>)

<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

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

<!--

phpBB style name: prosilver

Based on style: prosilver (this is the default phpBB3 style)

Original author: Tom Beddard ( http://www.subBlue.com/ )

Modified by:

-->

add the following code:

<!-- IF not S_IS_BOT --><script>
// START force w3all to iframe redirect
var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page
function w3all0Normalize_phpBBUrl(u){
	var bu = "{BOARD_URL}";
	w3allappend = "{BOARD_URL}"; 
 if ( /^https?/ig.exec(u) !== null ){ 
   phpbburl = u.split(bu);
	 w3allappend = phpbburl[1];
 } 
if(/^\W/ig.exec(w3allappend) !== null){
 	w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
 	if(w3allappend[1]){
 		w3allappend = w3allappend[1];
 	}
 	if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
 		w3allappend = w3allappend[1].substr(1);
 	}
}
return w3allappend;
}

if ((window.self !== window.top) != true) { //(or get loop)
 if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP
  var w3all_r = window.location.href.replace(/sid=.+/gi, '');
 w3all_r = w3all0Normalize_phpBBUrl(w3all_r);
  hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));
  href0 =  wordpress_url_page_f + '/?w3=' + hrefEnc;
  document.location.replace(href0);
}}
// END force w3all to iframe redirect
</script>
<!-- ENDIF -->

<script>

// START force w3all to iframe redirect

var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

function w3all0Normalize_phpBBUrl(u){

var bu = "{BOARD_URL}";

w3allappend = "{BOARD_URL}";

if ( /^https?/ig.exec(u) !== null ){

phpbburl = u.split(bu);

w3allappend = phpbburl[1];

}

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc;

document.location.replace(href0);

}}

// END force w3all to iframe redirect

</script>

On added code, change URL on the line where (line 3):

var wordpress_url_page_f = 'https://localhost/wp5/forum';

1	var wordpress_url_page_f = 'https://localhost/wp5/forum';

to fit/point to the WordPress iframed forum page: DO NOT ADD final slash and setup as http or https as needed.

All working!?

Reset to No the Recompile phpBB template option, here we go!

NOTE: if you added the code above into phpBB overall_header.html then you’ll never activate (it is not active by default) this part of the code you added into the overall_footer.html:

$( "a" ).contextmenu(function() {
 var ohref = $(this).attr("href");
 var href = this.href; // treath like an external because only open New tab or New window
  d = w3allNormalize_phpBBUrl(href);
  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;  
    
  $(this).attr("href", href1); // send out encoded
  $(this).mouseleave(function() { // reset (replaced 'mouseup')
  $(this).attr("href", ohref);
  });
});

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

P.s – whenever you want: to get the iframe responsive for ACP phpBB admin panel, read this post. My (personal) suggestion is to stop here and try to use the integration leaving ACP out of iframe joke. If by the way you want to follow, before to apply then you’ll have to little change the above code for overall_footer.html and overall_header.html in this way:

on code for overall_footer.html remove this part:

if( /\/adm\//ig.exec(href) !== null ){ 
e.preventDefault(); 
window.open(href,'_blank'); 
return; 
}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

on code for overall_header.html remove this part:

if ((window.self !== window.top) != true) { //(or get loop) 
if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP 
var w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }} 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }}

// END force w3all to iframe redirect

change into:

if ((window.self !== window.top) != true) { //(or get loop) 
w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); } 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }

// END force w3all to iframe redirect

* For domain/subdomain installations
READ THIS HOW TO:
How to Domain/subdomain iframe template integration

Refer to v2 or v1 code for htaccess old solution editing phpBB notifications files.

Shortcode: phpBB PM into WordPress

WP_w3all phpBB WordPress 1.9.9 >

WP_w3all phpBB PM into WordPress shortcode version 1.0

check all others shortcodes listed under the “common how” to section

The [w3allphpbbupm] shortcode just display phpBB Private Messages count into a div, which html output result will be by default like this:

<div id="w3pm_id" class="w3pm_class"><a href="https://localhost/wp51/phpBB3/ucp.php?i=pm&folder=inbox">You have 1 unread forum PM</a></div>

To display this way, you’ll add the shortcode as is: [w3allphpbbupm]

To change attributes class name, id or to get a element link with target _blank or to add inline style to the div element, arguments that are possible to pass are:

'w3pm_class' => 'w3pm_class', 'w3pm_id' => 'w3pm_id', 'w3pm_inline_style' => '', 'w3pm_href_blank' => ''

[w3allphpbbupm w3pm_class="myclass" w3pm_id="myid" w3pm_inline_style="padding:10px;border:1px solid grey;" w3pm_href_blank="1"]

w3pm_class and w3pm_id are setup by default with same name as value for the id and class div’s element attributes if not passed as arguments, others two w3pm_inline_style and w3pm_href_blank simply not affect if not passed.

To get target="_blank" , pass as on example the w3pm_href_blank="1" argument

[w3allfeed] RSS raw examples

How to use w3allfeed shortcode

These examples show raw results (scroll down to see RSS from external resource) of the w3allfeed shortcode used like this, with little style applied to li elements:

[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="3" w3feed_inline_style="list-style:none;background-color:#f1f1f1;padding:15px;margin-top:15px;border-radius:15px;" w3feed_href_blank="1"]

1	[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="3" w3feed_inline_style="list-style:none;background-color:#f1f1f1;padding:15px;margin-top:15px;border-radius:15px;" w3feed_href_blank="1"]

that grab last 3 forums news within this same domain forum:

Latest 3 news from axew3.com forums

2.5.1 released, and coming 2.5.2 logs

= 2.5.1 =
*Release Date - 21 Jan, 2022*

* Fix: function verify_phpbb_credentials() to correctly setup main connection config vars, so to correctly execute all subsequent main tasks into widgets etc
* Fix: check valid emails formats for frontend plugins, before being updated into WordPress

it should work fine under any aspect now, please report if any issue detected.

Please note that just after 2.5.1 release the file
class.wp.w3all-phpbb.php
was issuing a Php notice, when in debug mode, and phpBB database connection config values still not set, into the plugin config admin page.

https://plugins.trac.wordpress.org/expo ... -phpbb.php

but this was just a really secondary issue, happening in the above mentioned circumstance and leading to no problems nor errors at all.

On coming 2.5.2 lang files should be fixed.
Please report if you found any bug into 2.5.1 or there is some suggestion on air

Statistics: Posted by axew3 — Fri Jan 21, 2022 10:35 pm — Replies 1 — Views 19

2.5.0 WordPress phpBB integration has been released!

Enjoy lovely people!

CODE:

= 2.5.0 =*Release Date - 20 Jan, 2022** Fix: unique database connection instance (faster)* Fix: front-end plugins email check before update: if the email match another existent into phpBB the update will be rejected with a message. It has been tested working fine into Memberpress and should be ok into any other* Note: to test that it is working on any plugin and that an existent email is found and the email update rejected, may as obvious, it sould be tested against an email that do not exist in WP, but that exist in phpBB and belong to another user* Fix: user insertion query into phpBB, using only required values* Add: common tasks screen, where at moment it is possible to change email for an user only in phpBB or only in WordPress by username, so to make it easy to fix any user's email problem between phpBB and WP* Fix: all transfers, check and common tasks options that are now ever available: into related option on plugin admin page, or under WP Tools menu* Some hints have been simplified and updated to be more clear* Fix: Last posts widgets and shortcodes have been updated to display the same data/hour format of the WordPress setting. Changing WP settings about time/hour format will change the output to the same into widgets/shortcodes* Add: parsing of the [attachment] bbcode into phpBB post shortcode: see example here https://www.axew3.com/w3/2017/07/wordpress-shortcode-phpbb-posts-into-wp-post/* Minor code fixes

Statistics: Posted by axew3 — Thu Jan 20, 2022 10:26 pm — Replies 20 — Views 120

HELP - wordpress & phpbb integration
I know itll be something stupid but ive installed phpbb and wordpress. Ive installed the plugin. Whatever i do when i log in to wordpress i still have to log in to phpbb separately.

Ive got a user on the wordpress site and the phpbb site that have the same username, password and email address. Ive checked they are both there etc and its fine, but i just cant get the linked log in to work

Any ideas?

(its on a test site at the moment - 680mo.apbcomputerservices.co.uk & 680mo.apbcomputerservices.co.uk/forum32 )

Statistics: Posted by adrian — Thu Jan 13, 2022 5:54 pm — Replies 7 — Views 96

News from engadget.com

Latest 5 news from – engadget.com/rss.xml – target _blank – inline styled, used like this:

[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="5" w3feed_href_blank="1" w3feed_inline_style="list-style:none;"]

1	[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="5" w3feed_href_blank="1" w3feed_inline_style="list-style:none;"]

Steam Deck will support games with Epic's Easy Anti-Cheat software
Things are looking brighter for Valve’s Steam Deck and its potential game library. On Friday, the company announced titles that depend on Epic’s Easy Anti-Cheat (EAC) software can now run on the portable. Valve said adding Steam Deck support to titles that utilize EAC is “a simple process.” Developers won’t need to update their SDK version or make other time-consuming changes. With Valve adding BattlEye support through its Proton compatibility layer for Linux late last year, the company said, “this means the two largest anti-cheat services are now easily supported on Proton and Steam Deck.” In practice, that should mean more of your favorite games will work with Valve’s handheld when it launches next month.

Of course, it’s one thing for Valve to make it easy for developers to ensure their games run without issue on Steam Deck and a completely separate thing for them to do the necessary work to ensure compatibility. To that point, when Valve announced BattlEye support in December, it said all developers had to do was contact the company to enable the software for their title. And yet it’s still unclear whether some of the most popular multiplayer games on Steam that utilize BattlEye and EAC, including titles like Rainbow Six Siege and PUBG, will work on day one of Steam Deck’s availability. Valve has tried to address some of that uncertainty with its recently announced Deck Verified program. This week, Valve added 67 titles to the database, 39 of which should run without issue on the device.
Apple pulls verification requirement for US education shoppers
Earlier this week, Apple began requiring that students and teachers in the US verify their identity through authentication service UNiDAYS before they could take advantage of the company’s discounted education pricing. The move closed a long-standing loophole that had allowed almost anyone to save money on an Apple device as long as they weren’t caught in a random check.

However, mere days after implementing that requirement, Apple has just as quickly removed it. Per MacRumors, you can once again buy discounted Macs, iPads and other Apple products from the company’s US education website without the need to verify that you’re currently a student or a teacher. The outlet suggests the company may have made the change after some educators and school staff members complained they couldn’t verify their status through UNiDAYS properly, and therefore couldn’t obtain a discount on a product they wanted to buy.

It’s unclear if Apple plans to reimplement the requirement once it sorts out any potential issues with the system. For years, Apple has used UNiDAYS in many other countries, including the UK, to ensure only those who qualify for its education discounts can get them. We’ve reached out to the company for comment and more information.
Google may already be making another Chromecast with Google TV
Google tends to release new Chromecast models only sparingly (you can still buy a years-old 1080p unit today), but it may be more aggressive with the Google TV model. 9to5Googlesources claim the company is already developing a new Chromecast with Google TV. Documentation and code sleuthing have reportedly revealed the codename "Boreal," while 9to5 understood the Android TV media hub would launch later in 2022.

The purported leak doesn't mention specifications, although newer processing power with broader video support might be necessary. XDA and others have heard Android TV will require AV1 video format support after March 31st, and that's conspicuously absent on the existing Chromecast with Google TV. The company might also use the opportunity to address common complaints, such as the modest storage.

Provided the leak is accurate, the question is whether or not this is a straightforward replacement for the existing Chromecast or a higher-powered separate model. Given that the existing Chromecast already supports 4K HDR, though, a replacement seems more likely. It's clear any changes would be substantial enough to warrant a new internal nickname — Google doesn't typically hand out names for minor revisions.
'Dying Light 2' will include free PS5 and Xbox Series X/S upgrades
After multiple delays, Dying Light 2 will finally arrive on February 4th. If you haven’t had a chance to purchase a PlayStation 5 or Xbox Series X/S yet, developer Techland is making the decision of whether to buy the game now or later easy. In an announcement spotted by Eurogamer, the studio shared this week it will provide free current-gen upgrades to those who buy Dying Light 2 on PlayStation 4 or Xbox One.

What that means is that you’ll have the chance to play the game with improved graphics at a later date. Like many recent PS5 and Xbox Series X/S releases, Dying Light 2 will ship with multiple rendering modes, thereby allowing you to configure the game to prioritize either graphical fidelity or better performance.

If you want the best possible graphics, you can choose between separate “Quality” and “Resolution” modes. As you can probably tell from the name, the latter will attempt to render the game at 4K. Less obvious is the Quality mode, which adds raytracing to the experience. And if all you want is a smooth framerate, the included “Performance” mode will render Dying Light 2 at 60 frames per second or greater. You can see the different modes in action in the video above.

The news comes in the same week Techland announced the cloud version of Dying Light 2 for Switch will be delayed by up to half a year. The studio said it made the decision to push back the release to ensure it could provide the best possible experience to Nintendo fans.
Sony will release a movie made using the PlayStation game-builder ‘Dreams’
Sony Pictures Classics has picked up the rights to an animated movie entitled A Winter’s Journey, which will be made in part using the PlayStation game-creation tool Dreams. According to Deadline, the film will blend live actors with CG and hand-painted animation and is an adaptation of Franz Schubert's set of 24 songs for voice and piano called Winterreise. It tells the story of a lovelorn poet who embarks on a dangerous journey that takes him across mountains and snow in 1812 Bavaria.

Dreams was originally created by Media Molecule, the studio behind LittleBigPlanet, for the PS4. The studio pitched it as a way to create "art, movies and video games" from the start, and we once described it as "an engine, learning suite and distribution platform rolled into one." Since then, people have been using it to create their own games, realistic renders of nature, immersive experiences of their favorite movies, among other things. A Winter’s Journey, however, will reportedly be the first time Dreams will be used on a feature film.

The movie has yet to get a release date, but shooting is expected to start in June in Wrocław, Poland, with actors that include John Malkovich and Jason Isaacs. It'll likely take some time before it's ready to premiere. As for Dreams itself, it's currently on sale in the US PlayStation Store for $10, and it includes a rotating list of the most creative games made using the tool.

Shorcode: RSS feeds into WordPress

WP_w3all phpBB WordPress 1.9.7 >

WP_w3all feed version 1.0

check all others shortcodes listed under the “common how” to section

Note that substantially this shortcode can substitute with easy all others old phpBB last topics shortcodes. It can retrieve any kind of posts/topics list and display as more like using style/classes or inline style. Follow read more below …

Note: this shortcode work ok also if a valid path to a phpBB config.php file has not been setup and the plugin result as not activated (RED text) on plugin admin page

Note also that this shortcode as it is coded, like the related WP hook, caches results for 12 hours by default

Look two raw examples

As basic default the shortcode feeds, that can point to a phpBB generated feed OR to any other valid feed resource, need to be used like this:

[w3allfeed w3feed_url="https://www.axew3.com/www/phpBB3/feed.php?f=2"]

1	[w3allfeed w3feed_url="https://www.axew3.com/www/phpBB3/feed.php?f=2"]

The example of feed to retrieve is here for phpBB, but it’s possible to use any valid feed URL to display feeds from any resource. Check some feed example to grab here http://simplepie.org/demo/ or any other you want and use into the shortcode like this:

[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="10"]

1	[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="10"]

here as example the w3feed_items_num attribute limit to 10 items to retrieve and display from the RSS source:

w3feed_items_num="10"

1	w3feed_items_num="10"

To display phpBB posts feeds styled, there are some more attribute that is possible to use except the default 2 above explained:

// intval(num of words) is may only for phpBB posts
w3feed_text_words[0|intval(num of words)|content] 

w3feed_items_num
 
w3feed_ul_class
w3feed_li_class
w3feed_inline_style
w3feed_href_blank

// intval(num of words) is may only for phpBB posts

w3feed_text_words[0|intval(num of words)|content]

w3feed_items_num

w3feed_ul_class

w3feed_li_class

w3feed_inline_style

w3feed_href_blank

using all together, look this example, that not contain the w3feed_text_words attribute, in which, one possible value to use, is may reserved (may not) to phpBB news/last post RSS, and explained separately more below:

[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="12" w3feed_inline_style="list-style:none;" w3feed_href_blank="1" w3feed_ul_class="myexampleClassXUL" w3feed_li_class="myexampleClassXLI"]

1	[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="12" w3feed_inline_style="list-style:none;" w3feed_href_blank="1" w3feed_ul_class="myexampleClassXUL" w3feed_li_class="myexampleClassXLI"]

the attribute w3feed_ul_class=”myexampleClassXUL” will assign class name myexampleClassXUL to the wrapper element ul. w3feed_li_class do the same for nested li assigning myexampleClassXLI to all li elements of this feed.

adding w3feed_href_blank=”1″ will cause that links elements <a> that point to topics or links to authors will include/output with the html attribute target=”_blank”

w3feed_inline_style attribute can be used to inject inline style into each li element. Note that by the way it has been tested without using special chars on it, so that special characters may need to be properly escaped to be used in this case.

It’s possible to assign different classes and display each shortcode feeds output, ul and li elements, styled as it need to be or/and as more like.

Here you can see examples for phpBB to retrieve feeds: forums news, all forums, single forum, single topic and more, plus advanced features:

https://www.phpbb.com/support/docs/en/3.1/kb/article/faq-phpbb-atom-feeds/

The w3feed_text_words=”numOfWords” attribute is may reserved to be used only for phpBB posts feeds, while the 0 (zero) and content values are ok to be used on any other feed, not only phpBB:

0 | num of words | content

if omitted w3feed_text_words=”content” is the default behavior/result, that will return all the content of the post or feed item, changing nothing on output.

while adding an integer value, as example 30, so, w3feed_text_words=”30″ will cause that firsts 30 post’s words will display, and the default Statistics: phpBB text on output removed, while will be maintained all the rest, and the result will be something like:

Post Title
Post Content
Posted by axew3 — Sat Mar 09, 2019 12:04 am

w3feed_text_words=”numOfWords” int value can may also be used for any feed and not only for phpBB posts, but check before that the result is what you expect to be.

Using 0 (zero), so w3feed_text_words=”0″ , will cause that only topic’s titles links will display.

Except the mandatory w3feed_url attribute, any of the attributes can be mixed, applied or not applied, on each shortcode feed.

WordPress phpBB
mChat integration

This procedure assume you installed the wp_w3all WordPress phpBB integration plugin (in linked or not linked users mode) into WordPress, and phpBB mChat into your phpBB. At date of this post, the code as is can be applied by anyone, but this is a raw procedure may easy to be changed by advanced users. Work fine, but to optimize at best for your site, you may have to change something on the little javascript code you’ll add as explained on install steps. You can see the concept and code to apply available here:

WordPress phpBB mChat w3all procedure

See live raw working examples here:

WordPress phpBB mChat integration example

Just a good point to start from, that can be easily improved under any aspect and to fit any needs. Will be upgraded along the time.

phpBB WordPress template integration (iframe v3)

v3 version (~~for cool people~~) ~~old v2 version is here~~

NOTE THAT THIS CODE IS SUITABLE UNTIL 1.9.8 or <

Cool people are actually using version 4:

phpBB WordPress template integration (iframe v4)

THIS IS OLD CODE! REFER TO V4 IFRAME CODE FOR WP_W3ALL 1.9.9 OR >

phpBB WordPress template integration (iframe v4)

~~PAGE HELP – JS code – UPDATED on 24 Feb 2019~~
~~(related views/page-forum.php – updated on 3 Gen 2019)~~

~~/trunk/addons/page-forum.php~~

~~phpBB SEO mods compatible~~

~~wp_w3all plugin 1.9.4 >~~

(READ ALL this page)

wp_w3all responsive iframe procedure v3

Open with a text editor your phpBB template file overall_footer.html

and just before the closing </body> tag, add this code (do not select rows numbers on copied code):

<script type="text/javascript">	
document.domain = 'axew3.com'; // MANDATORY! // Set/Change this value to fit your domain (example: axew3.com (or leave localhost if on localhost)) 
var wordpress_url_page_forum = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

var w3all_doc_domain = document.domain;
var w3allappend = false;
var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:
// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885
// remove /* and */ to activate, also more below to complete ...
/*
$(".postimage").on("click", function(event) {
var pos = event.pageY - 100;
 $(parent.window).scrollTop( 200 );
var el = document.getElementById("lightbox");
$("#lightboxOverlay").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lb-close").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lightbox").on("click", function() {
$(parent.window).scrollTop( pos );
});
});
*/

function w3allNormalize_phpBBUrl(href){
// try to 'normalize' passed relative links: needed all after last slash /
// exception are kind of passed urls like: /phpbb323/app.php/help/faq
// and if SEO mods that may assign some different kind of links values
// by the way, SEO absolute urls http(s) should be (all?) already considered here ...
var phpbbRUrl = href.split(/^.+?(\w+.+)$/);
if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)
	 phpbburl = href.split(/^.+?(app\.php.+)$/);
	 w3allappend = phpbburl[1];
 } else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod
   phpbburl = href.split(boardU);
	 w3allappend = phpbburl[1];
 } else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other
   w3allappend = phpbbRUrl[1];
 } else if ( phpbbRUrl[0].length > 1 ){
   w3allappend = phpbbRUrl[0];
   }
// ... if still not normalized
if(/^\W/ig.exec(w3allappend) !== null){
 	w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
 	if(w3allappend[1]){
 		w3allappend = w3allappend[1];
 	}
 	if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
 		w3allappend = w3allappend[1].substr(1);
 	}
}
return w3allappend;
}
 
$(document).on("click", "a", function(e) {
  var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){
	return;
}

if( /\/adm\//ig.exec(href) !== null ){
e.preventDefault();
window.open(href,'_blank');
return;
}
if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){
var w3allNOappend = true;
}
// check if link point to external resource
 if ((this.href.indexOf(boardU) > -1) != true){
 if(/^(f|ht)tps?:\/\//i.test(href)){
	e.preventDefault(); // prevent load as we are inside
	parent.location.replace(href);
  return;
 }
}
// check for # short links like on FAQ page
if ( href.charAt(0) == '#' ){
 return;
}

w3allappend = w3allNormalize_phpBBUrl(href);
   var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors
   var w3all_onclick_smile  = (w3all_parent_element_id.indexOf('smiley-box') > -1);
   var w3all_onview_topic  = (href.indexOf('viewtopic.php') > -1);
   var w3all_onview_attach  = (href.indexOf('file.php') > -1);
   var w3all_onreview_post = /#[review]+/ig.exec(href);
   var w3all_ck_quickmod  = (href.indexOf('quickmod') > -1);
   var w3all_onreply_topic  = (href.indexOf('mode=reply') > -1);
   var w3all_ck_onindex  = (href.indexOf('index.php') > -1);

// complete Lightbox correct attachment display // activate removing /* and */ 
// or used to open on new tab attachments
/*
if(w3all_onview_attach !== false){
e.preventDefault();
window.open(href,'_blank');
return;
} */

if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null ) {
  if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top
  }
if ('parentIFrame' in window){
  if( typeof w3allNOappend == 'undefined' ){
    window.parentIFrame.sendMessage(w3allappend);
  }
 }
});
 
///////////////////////////////////////////////////////////////////////////
// w3all Ajax UPDATES for phpBB events
 
//if (window.frameElement) { // if in iframe 
//if ('parentIFrame' in window){
if(window.self !== window.top){
var pmn = "{PRIVATE_MESSAGE_COUNT}"; 
var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}"; 
// to send to wp at once here 
var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged; 
if(w3appendevents.indexOf('w3allmchatif') == -1){
//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){
parent.w3all_ajaxup_from_phpbb(w3appendevents); 
//}
} 
// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)
var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if(w3iOS == false){
$(window).load(function() {
var bd = document.getElementsByTagName("body");
for (var i = 0; i < bd.length; i++) { 
    var bdID = bd[i].getAttribute("id"); 
}
var elt = document.getElementById(bdID);	
elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");
});
}

$( "a" ).contextmenu(function() {
 var ohref = $(this).attr("href");
 var href = this.href; // treath like an external because only open New tab or New window
  d = w3allNormalize_phpBBUrl(href);
  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;  
    
  $(this).attr("href", href1); // send out encoded
  $(this).mouseleave(function() { // reset (replaced 'mouseup')
  $(this).attr("href", ohref);
  });
});
 
} // END if (window.frameElement) {
</script>
<script type="text/javascript" src="https://localhost/root_integrations/phpbb323/iframeResizer.contentWindow.min.js" defer></script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

document.domain = 'axew3.com'; // MANDATORY! // Set/Change this value to fit your domain (example: axew3.com (or leave localhost if on localhost))

var wordpress_url_page_forum = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

var w3all_doc_domain = document.domain;

var w3allappend = false;

var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:

// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885

// remove /* and */ to activate, also more below to complete ...

$(".postimage").on("click", function(event) {

var pos = event.pageY - 100;

$(parent.window).scrollTop( 200 );

var el = document.getElementById("lightbox");

$("#lightboxOverlay").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lb-close").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lightbox").on("click", function() {

$(parent.window).scrollTop( pos );

});

function w3allNormalize_phpBBUrl(href){

// try to 'normalize' passed relative links: needed all after last slash /

// exception are kind of passed urls like: /phpbb323/app.php/help/faq

// and if SEO mods that may assign some different kind of links values

// by the way, SEO absolute urls http(s) should be (all?) already considered here ...

var phpbbRUrl = href.split(/^.+?(\w+.+)$/);

if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)

phpbburl = href.split(/^.+?(app\.php.+)$/);

w3allappend = phpbburl[1];

} else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod

phpbburl = href.split(boardU);

w3allappend = phpbburl[1];

} else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other

w3allappend = phpbbRUrl[1];

} else if ( phpbbRUrl[0].length > 1 ){

w3allappend = phpbbRUrl[0];

}

// ... if still not normalized

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

$(document).on("click", "a", function(e) {

var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){

return;

}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){

var w3allNOappend = true;

}

// check if link point to external resource

if ((this.href.indexOf(boardU) > -1) != true){

if(/^(f|ht)tps?:\/\//i.test(href)){

e.preventDefault(); // prevent load as we are inside

parent.location.replace(href);

return;

}

// check for # short links like on FAQ page

if ( href.charAt(0) == '#' ){

return;

}

w3allappend = w3allNormalize_phpBBUrl(href);

var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors

var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);

var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);

var w3all_onview_attach = (href.indexOf('file.php') > -1);

var w3all_onreview_post = /#[review]+/ig.exec(href);

var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);

var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);

var w3all_ck_onindex = (href.indexOf('index.php') > -1);

// complete Lightbox correct attachment display // activate removing /* and */

// or used to open on new tab attachments

if(w3all_onview_attach !== false){

e.preventDefault();

window.open(href,'_blank');

return;

} */

if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null ) {

if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

}

if ('parentIFrame' in window){

if( typeof w3allNOappend == 'undefined' ){

window.parentIFrame.sendMessage(w3allappend);

}

});

///////////////////////////////////////////////////////////////////////////

// w3all Ajax UPDATES for phpBB events

//if (window.frameElement) { // if in iframe

//if ('parentIFrame' in window){

if(window.self !== window.top){

var pmn = "{PRIVATE_MESSAGE_COUNT}";

var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

// to send to wp at once here

var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged;

if(w3appendevents.indexOf('w3allmchatif') == -1){

//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){

parent.w3all_ajaxup_from_phpbb(w3appendevents);

//}

}

// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)

var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

if(w3iOS == false){

$(window).load(function() {

var bd = document.getElementsByTagName("body");

for (var i = 0; i < bd.length; i++) {

var bdID = bd[i].getAttribute("id");

}

var elt = document.getElementById(bdID);

elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");

});

}

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

} // END if (window.frameElement) {

</script>

after you pasted this code into phpBB overall_footer.html
edit following lines:

document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

1	document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

change axew3.com to fit your domain name (example axew3.com)
do NOT add http(s):// OR the point in front nor anything else, just add
yourdomain.com or set it as localhost if on localhost test. If phpBB is at subdomain.domain.com, add domain.com as value
(MANDATORY!) or resizer won’t work
now check the other line to change:

var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

1	var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

change value
https://www.axew3.com/w3/forum
on this line, to point to the URL of the WordPress created/named forum page (do not add final slash and change http or https as needed)
MANDATORY!

Finally, check this line

<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

1	<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

1	src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

AFTER EDITED, save and load the modified overall_footer.html into your phpBB style folder, overwriting the default one, and so

After this, phpBB require to recompile the template, or modifications to template files not affect (to overall_footer.html in this case). Open phpBB ACP, and so under:

Server Configuration -> Load settings -> Recompile stale style components set to YES and save. Load one time a phpBB full forum page. Leave as is at moment, especially if you follow adding also the code on overall_header.html (more below) to redirect any phpBB direct URL to the iframed WP page: then after tested that all work fine, may return to ACP, and reset to NO and save. This step is needed to load the template modifications on phpBB (and any time you edit a phpBB template file to for modifications take effect), but this option should be ever set to NO into an online/production site to save server resources. It is normally set to yes only for testing/devel purpose or to apply modifications on phpBB templates files.

Notification email links to point to iframe: follow read more below for the pure Javascript solution. Refer to v2 or v1 code for htaccess or js solution editing phpBB notifications files.

The new V3 w3all iframe code do not use anymore htaccess to force redirect as on V1 code, and substantially not rewrite URLs forcing redirect to iframe, but use pure Javascript (reload) code, that as you may imagine, lead to some different result: you’ll not have to edit phpBB notification links on phpBB notification files as on V1 or V2 code, to force users redirect to iframe when they click on notification email link. But in this case, any user except bots, will be redirected (as code is, but it can be easily changed to assume different behaviors, may excluding admins or moderators etc) to the WP iframed page, if the forum accessed via real phpBB url.

To apply same smooth scroll effect as it is on this online example, after finished with this procedure, follow with this steps:

Smooth scroll for phpBB WordPress template integration (iframe v3)

If you want phpBB email notification links or any phpBB direct url to be redirected to wp iframed forum page using pure javascript, follow this step:

Open with a text editor your phpBB template file overall_header.html

and just immediately after this code (or by the way, before the closing tag </head>)

<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

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

<!--

phpBB style name: prosilver

Based on style: prosilver (this is the default phpBB3 style)

Original author: Tom Beddard ( http://www.subBlue.com/ )

Modified by:

-->

add the following code:

<!-- IF not S_IS_BOT --><script type="text/javascript">
// START force w3all to iframe redirect
var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page
function w3all0Normalize_phpBBUrl(u){
	var bu = "{BOARD_URL}";
	w3allappend = "{BOARD_URL}"; 
 if ( /^https?/ig.exec(u) !== null ){ 
   phpbburl = u.split(bu);
	 w3allappend = phpbburl[1];
 } 
if(/^\W/ig.exec(w3allappend) !== null){
 	w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
 	if(w3allappend[1]){
 		w3allappend = w3allappend[1];
 	}
 	if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
 		w3allappend = w3allappend[1].substr(1);
 	}
}
return w3allappend;
}

if ((window.self !== window.top) != true) { //(or get loop)
 if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP
  var w3all_r = window.location.href.replace(/sid=.+/gi, '');
 w3all_r = w3all0Normalize_phpBBUrl(w3all_r);
  hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));
  href0 =  wordpress_url_page_f + '/?w3=' + hrefEnc;
  document.location.replace(href0);
}}
// END force w3all to iframe redirect
</script>
<!-- ENDIF -->

<script type="text/javascript">

// START force w3all to iframe redirect

var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

function w3all0Normalize_phpBBUrl(u){

var bu = "{BOARD_URL}";

w3allappend = "{BOARD_URL}";

if ( /^https?/ig.exec(u) !== null ){

phpbburl = u.split(bu);

w3allappend = phpbburl[1];

}

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc;

document.location.replace(href0);

}}

// END force w3all to iframe redirect

</script>

On added code, change URL on the line where (line 3):

var wordpress_url_page_f = 'https://localhost/wp5/forum';

1	var wordpress_url_page_f = 'https://localhost/wp5/forum';

to fit/point to the WordPress iframed forum page: DO NOT ADD final slash and setup as http or https as needed.

NOTE: if you added the code above into phpBB overall_header.html then you’ll need to remove or comment out this part by the code you added into the overall_footer.html:

$( "a" ).contextmenu(function() {
 var ohref = $(this).attr("href");
 var href = this.href; // treath like an external because only open New tab or New window
  d = w3allNormalize_phpBBUrl(href);
  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;  
    
  $(this).attr("href", href1); // send out encoded
  $(this).mouseleave(function() { // reset (replaced 'mouseup')
  $(this).attr("href", ohref);
  });
});

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

Recompile phpBB template and reset to no the option when changes applied

whenever you want: to get the iframe responsive for ACP phpBB admin panel, read this post. My (personal) suggestion is to stop here and try to use the integration leaving ACP out of iframe joke. If by the way you want to follow, before to apply then you’ll have to little change the above code for overall_footer.html and overall_header.html in this way:

on code for overall_footer.html remove this part:

if( /\/adm\//ig.exec(href) !== null ){ 
e.preventDefault(); 
window.open(href,'_blank'); 
return; 
}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

on code for overall_header.html remove this part:

if ((window.self !== window.top) != true) { //(or get loop) 
if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP 
var w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }} 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }}

// END force w3all to iframe redirect

change into:

if ((window.self !== window.top) != true) { //(or get loop) 
w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); } 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }

// END force w3all to iframe redirect

phpBB WordPress template integration (iframe v2)

See NEW v3 phpBB WordPress template integration code

v2 version (OBSOLETE)

See NEW v3 phpBB WordPress template integration code

PAGE HELP and JS code – UPDATED on 21 Dec 2018
(related views/page-forum.php – updated on 26 Sep 2018)

you need to use this version of page-forum.php for this javascript code:
/tags/1.9.3/addons/page-forum.php

wp_w3all responsive iframe procedure

After you’ve built/created the WP forum template page via
WP_w3all phpBB embedded on WordPress Template
option on WP_w3all admin config page, and the blank page on WordPress Admin -> Pages -> Add New, titled the same of created wp_w3all template page, so forum or board etc (then you’ll have into your active WordPress template folder a file named page-forum.php or page-board.php etc), to complete the procedure and get the responsive iframe height for the embedded/iframed phpBB into WordPress template page you need:

Open with a text editor your phpBB template file overall_footer.html

and just before the closing </body> tag, add this code (do not select lines numbers column on copied code):

<script type="text/javascript">
document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost)) 
var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

var w3all_doc_domain = document.domain;
 
// Lightbox correct scroll fix:
// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885
// remove /* and */ to activate // also more below ...
/*
$(".postimage").on("click", function(event) {
var pos = event.pageY - 100;
 $(parent.window).scrollTop( 200 );
var el = document.getElementById("lightbox");
$("#lightboxOverlay").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lb-close").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lightbox").on("click", function() {
$(parent.window).scrollTop( pos );
});
});
*/
  $(document).on("click", "a", function(e) {
   var href = $(this).attr("href");
  $(this).attr("href", href.replace('iframe=true&', '')); // remove! or get loop in htaccess if var appended before ...
   var w3allappend = href;
   var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors
   var w3all_onclick_smile  = (w3all_parent_element_id.indexOf('smiley-box') > -1);
   var w3all_onview_topic  = (href.indexOf('viewtopic.php') > -1);
   var w3all_onview_attach  = (href.indexOf('file.php') > -1);
   var w3all_onreview_post = /#[review]+/ig.exec(href);
   var w3all_onview_post = /#p[0-9]+/ig.exec(href);
   var w3all_ck_quickmod  = (href.indexOf('quickmod') > -1);
   var w3all_onreply_topic  = (href.indexOf('mode=reply') > -1);
   var w3all_ck_onindex  = (href.indexOf('index.php') > -1);
   var w3all_onsubmit_post = /^post?/ig.exec(href);
   var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);
   var shortinp = /^#[a-z][0-9]+$/ig.exec(href);
   var app = '';

// complete Lightbox correct attachment display or common default display
// activate removing /* and */
/*
if(w3all_onview_attach !== false){
e.preventDefault();
window.open(href,'_blank');
return;
}
*/
   
if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null && shortfaq == null  && shortinp == null ) {
   if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

 if ( w3allappend.charAt(0) != '.' && w3allappend.charAt(1) != '/' ){
  app = href.split('app.php');
	w3allappend = './app.php' + app[1];
}

var newPath = /^.+(\.\/.+)/ig.exec(w3allappend); // need to be ./
if(newPath != null){
		w3allappend = newPath[1];
	}
	
// check if link point to external resource	
if (/^(f|ht)tps?:\/\//i.test(href)){
        e.preventDefault();
	parent.location.replace(href);
	return;
} else {
   w3allappend = window.btoa(unescape(encodeURIComponent(w3allappend)));
  }
 if ('parentIFrame' in window) window.parentIFrame.sendMessage(w3allappend);
}
});
 
///////////////////////////////////////////////////////////////////////////
// w3all Ajax UPDATES for phpBB events
 
if (window.frameElement) { // if in iframe 
 
window.onload = function() {
var pmn = "{PRIVATE_MESSAGE_COUNT}";
var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";
// to send to wp at once here, like this: #w3all_phpbbpmcount=val#w3all_phpbbnotifycount=val#etc etc etc
var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged;
parent.w3all_ajaxup_from_phpbb(w3appendevents);
}
 
// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc
// skip iOS
var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if(w3iOS == false){
$(window).load(function() {
var bd = document.getElementsByTagName("body");
for (var i = 0; i < bd.length; i++) { 
    var bdID = bd[i].getAttribute("id"); 
}
var elt = document.getElementById(bdID);	
elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");
});
}

$( "a" ).contextmenu(function() {
  var href = $(this).attr("href");
  var ohref = href;
  var applink = /app\.php[\w\/]+/ig.exec(href);
	var ckext = /^(f|ht)tps?:\/\//i.test(href); // external resource url?
	var ffile = '';
	var shortinp = /^#[a-z][0-9]+$/ig.exec(href);
	var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);
	var hrefu = document.location.href;
if ( href.charAt(0) == '.' && href.charAt(1) == '/' ){
	ffile = ohref;
} else {
  pu = href.split('app.php');
	ffile = './app.php' + pu[1];
}

if( shortinp != null ){
	 ffile = './' + hrefu.split('\\').pop().split('/').pop();
 }
 
 if( shortfaq != null && href.charAt(1) != 'p'){
 	pu = hrefu.split('app.php');
	ffile = './app.php' + pu[1] + shortfaq;
 }
 
var d = ffile;	 
if( href.length < 2 ){ // #
  d = document.location.href;
 }

  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;
     
 if( ckext != false ){ // external Url
 	href1 = ohref;
 }
      
  $(this).attr("href", href1); // send out encoded
  $(this).mouseout(function() { // reset
  $(this).attr("href", ohref);
});

});

} // END if (window.frameElement) {
</script>
<script type="text/javascript" src="https://www.axew3.com/w3/forums/iframeResizer.contentWindow.min.js" defer></script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))

var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

var w3all_doc_domain = document.domain;

// Lightbox correct scroll fix:

// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885

// remove /* and */ to activate // also more below ...

$(".postimage").on("click", function(event) {

var pos = event.pageY - 100;

$(parent.window).scrollTop( 200 );

var el = document.getElementById("lightbox");

$("#lightboxOverlay").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lb-close").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lightbox").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(document).on("click", "a", function(e) {

var href = $(this).attr("href");

$(this).attr("href", href.replace('iframe=true&', '')); // remove! or get loop in htaccess if var appended before ...

var w3allappend = href;

var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors

var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);

var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);

var w3all_onview_attach = (href.indexOf('file.php') > -1);

var w3all_onreview_post = /#[review]+/ig.exec(href);

var w3all_onview_post = /#p[0-9]+/ig.exec(href);

var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);

var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);

var w3all_ck_onindex = (href.indexOf('index.php') > -1);

var w3all_onsubmit_post = /^post?/ig.exec(href);

var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);

var shortinp = /^#[a-z][0-9]+$/ig.exec(href);

var app = '';

// complete Lightbox correct attachment display or common default display

// activate removing /* and */

if(w3all_onview_attach !== false){

e.preventDefault();

window.open(href,'_blank');

return;

}

if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null && shortfaq == null && shortinp == null ) {

if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

if ( w3allappend.charAt(0) != '.' && w3allappend.charAt(1) != '/' ){

app = href.split('app.php');

w3allappend = './app.php' + app[1];

}

var newPath = /^.+(\.\/.+)/ig.exec(w3allappend); // need to be ./

if(newPath != null){

w3allappend = newPath[1];

}

// check if link point to external resource

if (/^(f|ht)tps?:\/\//i.test(href)){

e.preventDefault();

parent.location.replace(href);

return;

} else {

w3allappend = window.btoa(unescape(encodeURIComponent(w3allappend)));

}

if ('parentIFrame' in window) window.parentIFrame.sendMessage(w3allappend);

}

});

///////////////////////////////////////////////////////////////////////////

// w3all Ajax UPDATES for phpBB events

if (window.frameElement) { // if in iframe

window.onload = function() {

var pmn = "{PRIVATE_MESSAGE_COUNT}";

var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

// to send to wp at once here, like this: #w3all_phpbbpmcount=val#w3all_phpbbnotifycount=val#etc etc etc

var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged;

parent.w3all_ajaxup_from_phpbb(w3appendevents);

}

// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc

// skip iOS

var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

if(w3iOS == false){

$(window).load(function() {

var bd = document.getElementsByTagName("body");

for (var i = 0; i < bd.length; i++) {

var bdID = bd[i].getAttribute("id");

}

var elt = document.getElementById(bdID);

elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");

});

}

$( "a" ).contextmenu(function() {

var href = $(this).attr("href");

var ohref = href;

var applink = /app\.php[\w\/]+/ig.exec(href);

var ckext = /^(f|ht)tps?:\/\//i.test(href); // external resource url?

var ffile = '';

var shortinp = /^#[a-z][0-9]+$/ig.exec(href);

var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);

var hrefu = document.location.href;

if ( href.charAt(0) == '.' && href.charAt(1) == '/' ){

ffile = ohref;

} else {

pu = href.split('app.php');

ffile = './app.php' + pu[1];

}

if( shortinp != null ){

ffile = './' + hrefu.split('\\').pop().split('/').pop();

}

if( shortfaq != null && href.charAt(1) != 'p'){

pu = hrefu.split('app.php');

ffile = './app.php' + pu[1] + shortfaq;

}

var d = ffile;

if( href.length < 2 ){ // #

d = document.location.href;

}

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

if( ckext != false ){ // external Url

href1 = ohref;

}

$(this).attr("href", href1); // send out encoded

$(this).mouseout(function() { // reset

$(this).attr("href", ohref);

});

} // END if (window.frameElement) {

</script>

after you pasted this code into phpBB overall_footer.html
edit following lines:

document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

1	document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

1	var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

change value
https://www.axew3.com/w3/forum
on this line, to point to the URL of the WordPress created forum page
(do not add final slash and change http or https as needed)
MANDATORY!

Finally, check this line

<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

1	<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

1	src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

AFTER EDITED, save and load the modified overall_footer.html into your phpBB style folder, overwriting the default one, and so

After this, phpBB require to recompile the template, or modifications to template files not affect (to overall_footer.html in this case). Open phpBB ACP, and so under:

Server Configuration -> Load settings -> Recompile stale style components set to YES and save. Load one time a phpBB full forum page. So return to ACP and reset to NO, save. This step is needed one time to load the template modifications on phpBB (and any time you edit a phpBB template file to for modifications take effect), but this option should be ever set to NO into an online/production site to save server resources. It is normally set to yes only for testing/devel purpose or to apply modifications on phpBB templates files.

How to update to latest iframe js code and page-forum.php?

Update the plugin (or download plugin and copy files by /resizer folder)
so files inside folder
/wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer
results updated (or do it manually substituting these files with latest released https://github.com/davidjbradshaw/iframe-resizer)
so substitute/replace the file you added into phpBB root folder with latest iframeResizer.contentWindow.min.js
copy it from
/wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer
folder and replace in phpBB root folder.

Replace the old code added into phpBB overall_footer.html file with the new one above into this page, take care to setup on it needed values as now required.

Remember to rebuild phpBB template after these steps to let changes take effect.

Now rebuild the page forum in WP w3all admin page, or manually copy the new page-forum.php version contained on folder
/wp-content/plugins/wp-w3all-phpbb-integration/addons
and paste it into your WordPress template folder, renaming it as needed, so for example page-board.php if you setted up board for the forum page name on wp_w3all admin page.

Done.

Note: if you want a custom page-forum, just open the page-forum.php (or whatever you named it) and read inline hints inside. It is so easy to create a custom page forum (for example with two columns etc). If any help more. just post on help forums here at axew3.com or at wordpress.org.

If you want phpBB email notification links to point to iframe, follow this step about htaccess:

phpBB htaccess for phpBB notification email to point WP forum page (1.6.9>)

to activate the rewrite right click/copy links on iframe, to point to iframe, activate the related code removing the two lines:

/* remove this line to activate htaccess trick
and
*/ //remove this line to activate htaccess trick

NOTE: to get the iframe to be responsive for ACP phpBB admin panel, read this post.

Transfer phpBB users into WordPress or WordPress users into phpBB

If you want to use the phpBB WordPress integration plugin just to transfer users between WordPress and phpBB or phpBB to WordPress, follow instructions on this help page:

WordPress phpBB integration without linking users

WordPress phpBB integration without linking users

NOTE: from 1.9.4 > this feature become option on plugin admin page, so may it is needed further read more below only if updating from old plugin versions: update the plugin, then login plugin admin and setup as YES the new plugin option

Activate integration without linking users between WordPress and phpBB

Will not be further more necessary to edit the wp_w3all.php file each time plugin update, to set it up the integration as Not Linked Users.

It is possible to use the plugin without linking users between WordPress and phpBB. You can display Last Topics Widgets and Shortcodes to display phpBB Last Posts or Posts content into WordPress Pages/Posts. It is also possible to use the iframed WP page, to display the phpBB forum into a WordPress page (also cross domain*). Without linking users, you may can integrate also a version of phpBB prior (<) of phpBB 3.1 to display phpBB Last Topics Widgets/Shortcodes or phpBB Posts Shorcodes into WordPress.

The plugin can be used in this state also to transfer/migrate users between phpBB and WordPress or viceversa.

It is necessary to activate the plugin: setup the Path and URL setting following instructions into WP admin -> Settings -> WP_w3all config page. You do not need to follow any other further instruction about cookie setup and/or phpBB ACP settings in this case. So after plugin has been activated, by setting Path to a valid phpBB config.php file and URL setting, you can use Widgets Last Topics Posts and use Shortcodes into WP pages and posts, to display phpBB contents or to use the users transfers options in this state. The URL setting if the plugin is merely used to transfer users, is not needed. Just setup the path to a valid phpBB config.php file.

Hint Note*: without linking users between phpBB and WordPress, it is also possible to use the plugin for cross domains installations (not only domain and subdomain). Just create a valid custom phpBB config.php file, as suggested into Wp admin -> WP_w3all config page, and use it.

The phpBB to WordPress way

NOTE that since plugin version 2.4.5 > there is the phpBB extension available into the folder

To Install and Configure

FOLLOW THESE STEPS

OLD CODE: cool people moved to V5

wp_w3all responsive iframe procedure

WP_w3all template integration steps

overall_footer.html code

overall_header.html code

* For domain/subdomain installationsREAD THIS HOW TO:How to Domain/subdomain iframe template integration

Latest 3 news from axew3.com forums

News from engadget.com

WP_w3all phpBB WordPress 1.9.7 >

See live raw working examples here:

THIS IS OLD CODE! REFER TO V4 IFRAME CODE FOR WP_W3ALL 1.9.9 OR >

wp_w3all responsive iframe procedure v3

If you want phpBB email notification links or any phpBB direct url to be redirected to wp iframed forum page using pure javascript, follow this step:

wp_w3all responsive iframe procedure

How to update to latest iframe js code and page-forum.php?

If you want phpBB email notification links to point to iframe, follow this step about htaccess:

* For domain/subdomain installations
READ THIS HOW TO:
How to Domain/subdomain iframe template integration