wet-boew / wet-boew-wordpress

WordPress variant for the Web Experience Toolkit (WET)

wet-boew-wordpress

WordPress variant for the Web Experience Toolkit (WET)

Version: WET 4.0.24-development

Author: Government of Canada

Web Experience Toolkit (WET) - Boîte à outils de l'expérience Web (BOEW)

Download

Download the content on this reprository.

Copy the folder content "wp-content\themes\wet-boew" in your wordpress installation.

In the "wet-boew" theme folder. You can include your own wet-boew theme where you can specify his name in the wordpress theme configuration.

The folder "wp-content\themes\wet-boew\wet-boew" is the distribution folder of wet-boew.

Known Issues

Only in French

There is no secondary navigation

Footer items are hard coded in footer.php

Need to cleanup old CLF2 code in functions.php

Need to review how blog comments are displayed.

Basic Setup

For instructions on how to install a WordPress theme:

http://codex.wordpress.org/Using_Themes

wet-boew-wordpress's Issues

Reduce and set max width to 1000px or 960px

Hi guys,

By default, if your monitor resolution is greater than 1200px, then the width of the grid system is restricted to 1200px.

If I want to reduce and restrict the max width to 1000px or 960px how can I do that? I mean no matter how wide the display, the website should not be wider than 1000px... how can I achieve that?

Bootstrap support inside Wordpress visual text editor (TinyMCE)

@duboisp Would be great if we could write content in TinyMCE with the BS classes applied to elements, instead of generic style attributes or having to toggle into code view to hard code them.

Please move from eng/fra file name suffixes to en/fr

Now that we are approaching WET v4.0, we will be aligning with i18n conventions and changing our file name suffixes from eng/fra to en/fr. If you use eng/fra suffixes for any of your files then please migrate to the en/fr suffixes at your convenience.

To ensure you don't disrupt search engine results, please use either 301 redirects or canonical rels to help search engines transiton from providing results with eng/fra to en/fr (WET core is using canonical rels because GitHub gh-pages doesn't support 301 redirects).

Restructuring Repo

• The v3 folder should be removed from the "master" branch
• Align directory structure with WordPress (don't know much WP, but I think that means most of our code would site under a "wp-content" folder?)
• Review theme with http://codex.wordpress.org/Theme_Review

I'd like to get this setup so that we can automatically keep this demo in sync with the main repo through Travis-ci. This would then push updated examples to http://wet-boew-wordpress.azurewebsites.net/ in the same why as the PHP examples are automatically synced to http://wet-boew-wordpress.azurewebsites.net/

Make sure all external links have rel="external"

There were a lot of external links in WET core that did not have rel="external" so make rel="external" is added to each of your external links in your variant. This is part of the HTML5 spec and required by the Standard on Web Interoperability.

First Main menu link not working

Hi am using the Theme Government of Canada Web Usability Theme WET 3.1.3.
I cant manage to make the first menu link work. I don't know where is the problem ,I also tried replacing the code with the original but nothing happens.

Can you try it and tell me ?

cheers

Issue with Carousel style 2

I don't know if there's anyone paying attention to this anymore, but if there is, has anyone ever been able to get the Tabbed Interface Carousel style 2 working properly? I've copied and pasted the official example code and it still doesn't work. I specified that I DO NOT want thumbnails showing. I just want the play/pause button and the "Item # of #" , that's it, but the thumbnails always show and my tablist doesn't seems to get initialized. I'm trying to do this in WordPress 4 with WET4.

Branch 4.0 should be renamed branch 3.1

Hi There,

The Branch 4.0 should be renamed branch 3.1 or if it's to remain branch 4.0 we need to update the content to match master content.
I've tried to do this with git gui but not having any luck.
If anyone knows how to do this, most grateful if you can update it.

Build Mobile Broken by Secondary Menu

Just looking for a bit of input as to why, after updating from WET 3.0.3 (Build: 2012-12-21 06:59 PM) to WET 3.0.6 (Build: 2013-04-11 10:57 AM), mobile view seems to be broken by the secondary menu. From what I can tell, it seems to be due to changes in pe-ap-min.js.

I tried updating to WET 3.1.3 and the issue persists. In mobile view, instead of breaking entirely, it simply outputs "undefined" underneath the secondary menu header.

The error:
Uncaught TypeError: Cannot read property 'className' of undefined pe-ap-min.js:9

Thoughts?

header menu language is not changed

I am using Government of Canada’s Web Usability (GCWU) WET version 3.1.3 and when I change the language to Italian from a the right sidebar dropdown only the main content is changed and the menu stays default and with no submenus as well.
I changed the first li text to italian from inside the includes/menu-it.txt . I also changed lang attribute of the file to "it" but nothing happens.

Stuck in a Github loop

Hi Paul,

No matter what I've tried I cannot rename the folder 'dist2' to 'dist' in this Github copy. This issue is happening because I'm using Github's GUI.

If you know how to fix this please show the steps (in Github code) and/or just change it here in the /WET-BOEW31/ directory for me.

Thanks in advance for the help. To all those that download this, please be sure to change directory names (as stated above).

This and other wet-boew repositories lack a license

I can't determine the license of the following repositories (which includes this one). Can a Licence-fr.txt and Licence-en.txt be added to these, like with https://github.com/wet-boew/wet-boew ?

• https://github.com/wet-boew/codefest
• https://github.com/wet-boew/codefest-transcripts
• https://github.com/wet-boew/gcweb-experimental
• https://github.com/wet-boew/techspecs
• https://github.com/wet-boew/theme-gcweb
• https://github.com/wet-boew/themes-cdn
• https://github.com/wet-boew/themes-dist
• https://github.com/wet-boew/web-reporting
• https://github.com/wet-boew/wet-boew-aem
• https://github.com/wet-boew/wet-boew-api
• https://github.com/wet-boew/wet-boew-api-standards
• https://github.com/wet-boew/wet-boew-attachments
• https://github.com/wet-boew/wet-boew-cdn
• https://github.com/wet-boew/wet-boew-ckeditor
• https://github.com/wet-boew/wet-boew-codecharge
• https://github.com/wet-boew/wet-boew-dist-legacy
• https://github.com/wet-boew/wet-boew-docpad
• https://github.com/wet-boew/wet-boew-documentation
• https://github.com/wet-boew/wet-boew-dotnet
• https://github.com/wet-boew/wet-boew-dotnetnuke
• https://github.com/wet-boew/wet-boew-drupal
• https://github.com/wet-boew/wet-boew-drupal8
• https://github.com/wet-boew/wet-boew-elgg
• https://github.com/wet-boew/wet-boew-experimental
• https://github.com/wet-boew/wet-boew-java-maven
• https://github.com/wet-boew/wet-boew-joomla
• https://github.com/wet-boew/wet-boew-legacy
• https://github.com/wet-boew/wet-boew-mobiledevicebasedapps
• https://github.com/wet-boew/wet-boew-multimedia-fallback
• https://github.com/wet-boew/wet-boew-php
• https://github.com/wet-boew/wet-boew-sharepoint
• https://github.com/wet-boew/wet-boew-ssi
• https://github.com/wet-boew/wet-boew-student-project
• https://github.com/wet-boew/wet-boew-styleguide
• https://github.com/wet-boew/wet-boew-wordpress
• https://github.com/wet-boew/wet-boew-wpss
• https://github.com/wet-boew/wet-boew.github.io
• https://github.com/wet-boew/wiwg_api_current-infrastructure
• https://github.com/wet-boew/wiwg_api_use-cases
• https://github.com/wet-boew/wiwg_html-data_core-types
• https://github.com/wet-boew/wiwg_html-data_use-cases

Broken links in WordPress variant

Just wanted to give a heads up regarding some remaining broken links I found via a link crawl on http://www.lostprototype.com/wet-boew3/ (placeholder section2-lang.html links excluded).

The following list is sorted in this manner; origin URL, broken link URL, type of HTTP error.

http://www.lostprototype.com/wet-boew3/
    http://www.lostprototype.com/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)

http://www.lostprototype.com/wet-boew3/2012/08/22/hello-world/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/2012/08/22/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/category/uncategorized/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/category/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/fr
    http://www.lostprototype.com/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)

http://www.lostprototype.com/wet-boew3/fr/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/fr/2012/08/22/hello-world/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/fr/2012/08/22/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/fr/category/uncategorized/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/fr/category/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/fr/sample-page/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/fr/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/fr/sample-page/sub-page/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/fr/sample-page/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/sample-page/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/sample-page/sub-page/
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/banners/path.jpg
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/sample-page/build/theme-gcwu-fegc/images/favicon.ico
      \_____ error code: 404 (not found)

http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/style.css
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/arrow.gif
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/rss.png
      \_____ error code: 500 (server error)
    http://www.lostprototype.com/wet-boew3/wp-content/themes/wet-boew3/images/twitter.png
      \_____ error code: 500 (server error)

Demo site not working

http://www.lostprototype.com/wet-boew-4/ site is not accessible

Intranet Theme update?

Hello,

I noticed that the Intranet version of this WET Wordpress theme is missing some of the elements when compared to the standalone theme found here:
http://wet-boew.github.io/wet-boew/demos/theme-gcwu-intranet/index-eng.html

Are there any plans to update it to match the features from the theme in the above link? I noticed the Mega-Menus are absent in the theme (granted they could be added via plugin), the Breadcrumb does not have hyperlinks that let you traverse back through each sub-page, and it does not have the footer containing the "Stay Connected", "About", etc sections in the footer.

Missing wp_footer

Current release v1.3 is missing (as such, admin bar does not display).
Inserting before close body tag resolves the issue.

Syntax Errors (footer.php)

Latest commit (b329c39) has syntax errors in footer.php on lines 2 and 7.

Fixes below:
Line 2 : {echo ' id="wb-nav"';}
Line 7 : rel="license""); ?>

theme install missing <code>style.css</code> stylesheet.

Am I supposed to be able to add this theme just like any other theme on a Wordpress server ? Am running WP 3.8 previous version also had the same error.

Got this error message uploading the themes on my Wordpress wet-boew-wordpress-master.zip

Can 3-column.php be removed?

Can 3-column.php be removed at this point?
Just wondering why it's still included.

When will this variant be updated to v3.1?

With v3.1.0 of WET core being released on April 11, the question now is when will the variants be updated to v3.1.0 as well. Could you please provide an estimate of when the WordPress variant can be update to v3.1.0?

Continue Reading Translation

Currently, "Continue Reading" is appended to all excerpts but it's not translated (line 336 or so in functions.php).

function gcwu_fegc_continue_reading_link() {
    return ' <a href="'. get_permalink() . '">' . __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'gcwu_fegc' ) . '</a>';
}

Adding [:en]Read more...[:fr]En savoir plus... (or similar) fixes the issue.

Mega menu dynamic support

With this initial version (3.0a) the mega menu is just static. You must edit the header.php file to update the mega menu html.

I'm hoping that by the next release there will be support for a dynamic mega menu using either the built in WP menus and widgets. Or it might just be done with a function like the way the breadcrumbs are handled.

"Mega Menus" don't work for me.

UPDATE: The mega menus appear when I am not logged in but break when signed in with an administrator account. Problem with the admin bar at the top maybe?

So I ended up installing the "wet-boew3" version of the theme. However, unlike the demo site (i.e. http://www.lostprototype.com/wet-boew3 ), the Mega Menu's just don't work for me no matter what I try.

The AJAX replacement of the menu bar kicks in and the items "WET Project, Section 1, Section 2, etc do appear just fine. However, the drop-down arrow is missing and mousing over each item does absolutely nothing. There does not seem to be any JavaScript errors either so I do not know what is failing.

Are there any additional Wordpress addons that I need or is there something else I need to do to set this up? I have qTranslate installed which was the only required plugin according to the documentation.

Is WordPress variant ready for working group testing?

@Joberrr We need to send the WordPress variant to the working groups soon to ensure there is enough time for testing before the WET v3.0 release in September. Are the working examples ready to be shared with the working groups for testing purposes?

Issues Leaving Mobile View

When a user expands a window following "mobile view" being active:

1. Left-hand menus break (can be verified in working example of 3.1).
2. Breadcrumbs disappear (can be verified in working example of 3.1).
3. Mega-menu dropdowns break (at least in 3.0.3).
4. Tabs-style 2 images and text fail to reappear (at least in 3.0.3).

Breadcrumbs

does not produce expected breadcrumb behaviour (Wordpress 3.5.1, WET 3.0.3).

1. The breadcrumb appears on the home page / front-page.
2. Mid-level pages aren't linked. (I notice in the working example that categories seem to link properly. In my case, it spits out the appropriate breadcrumb text but fails to link the parent page.)

Not as elegant but works (see below).

<?php if (!is_front_page()) {
echo "<ol>";
echo '<li><a href="'.__("http://URL.gc.ca/<!--:en--><!--:--><!--:fr-->fr/<!--:-->").'">'.__("<!--:en-->Home<!--:--><!--:fr-->Accueil<!--:-->").'</a></li>';

$parents = array_reverse(get_post_ancestors( $post->ID ));
    foreach($parents as $parent){
        echo '<li><a href="' . get_permalink($parent) . '">' . get_the_title($parent) . '</a></li>';
    }

    if (is_page()) {
        echo '<li>'.get_the_title().'</li>';
    }

echo "</ol>";
}
?>

Sidenote: Are there plans to create a front-page.php?

Script and CSS not loading

When I activated the theme, I saw that there was not styles. I inspected the Console and I saw that theme.min.css and wet-boew.min.js where returning 404.

Please refresh working examples

Working examples are out of date. Please refresh with the latest from the respository.

Mobile Footer

Mobile footer doesn't display in mobile view.
Not sure how to fix this one.

"Cannot read property 'innerHTML' of undefined pe-ap-min.js:5"

Tested in Firefox and Chrome.