helsingborg-stad/municipio

A bootstrap theme for creating municipality sites.

Municipio 1.0 (for Helsingborg stad)

Getting started

To get started you'll need to install the required npm packages. To install these components you will need to have Node.js installed on your system., _(*1)

$ cd [THEME-DIR]
$ npm install
$ composer install

Dependencies

Municipio requires ACF PRO., _(*2)

Coding standards

For PHP, use PSR-2 and PSR-4 where applicable., _(*3)

Gulp

You can use Gulp to compile, concatenate and minify SASS and JavaScript. The compiling of SASS will also automatically add vendor-prefixes where needed., _(*4)

To compile both js and sass and start the "watch" task run the following command from the theme directory:, _(*5)

$ gulp

We added support for webpack

Webpack is a bit faster than gulp. So if you prefer to use webpack instead of gulp, just run the following command:, _(*6)

$ npm run watch

or just for a single build:, _(*7)

$ npm run build

Constants

Block author pages

Author pages is blocked by default. To "unblock" add the following constant to wp-config (or other suitable place)., _(*8)

define('MUNICIPIO_BLOCK_AUTHOR_PAGES', false);

Load styleguide from a different host

Constants for setting the base URI to the styleguide. Useful for third-party sites., _(*9)

define('MUNICIPIO_STYLEGUIDE_URI', '//example.com/style/guide');

Load specific version of styleguide

Constants that lock version of the styleguide. Comes in handy when you want to enshure maximum stability of a site., _(*10)

define('STYLEGUIDE_VERSION', 1.0.32);

Load specific developement version of styleguide

Constant that load local verrsion of the styleguide., _(*11)

define('DEV_MODE', true);

CSS class in BEMIT style for theme name

Constant that contains the current theme name in BEM format. Usable when you wnat to connect component styling directly to the theme.You cannot change this., _(*12)

MUNICIPIO_BEM_THEME_NAME

Actions

Municipio/blog/post_info

Blog post info header (single), _(*13)

• @param object $post - The post object

do_action('Municipio/author_display/name', $post);

Municipio/share_post/recipients

Do action on sharing post by email, e.g. send a notification, _(*14)

• @param object $user - User object for the sender
• @param array $recipients - List with e-mail addresses

do_action('Municipio/share_post/recipients', $user, $recipients);

Municipio/comment/save_like

Do action on comment like, _(*15)

• @param object $comment - Comment object
• @param int $userId - Current user ID
• @param bool $create - True if a new like is created. False if it's removed

do_action('Municipio/comment/save_like', $comment, $userId, $create);

Filters

Municipio/theme/key

Filters the theme/styleguide asset key., _(*16)

• @param string $key - The key of the styleguide theme

apply_filters('Municipio/theme/key', $key);

Municipio/author_display/name

Set the name of the author display, _(*17)

• @param string $name - Default name
• @param string $userId - The ID of the user

apply_filters('Municipio/author_display/name', $name, $userId);

Municipio/author_display/title

Set the title label for the author name display, _(*18)

• @param string $title - Default title

apply_filters('Municipio/author_display/title', $title);

Municipio/ajax_url_in_head

Set the ajax_url in the , _(*19)

• @param string $ajax_url - Default ajax url

apply_filters('Municipio/ajax_url_in_head', $ajax_url);

Municipio/favicon_sizes

Add sizes to theme options for favicon, _(*20)

• @param array $sizes - Default favicon sizes

apply_filters('Municipio/favicon_sizes', $sizes);

Municipio/favicon_tag

Add sizes to theme options for favicon, _(*21)

• @param string $tag - The HTML tag(s)
• @param array $icon - The icon data

apply_filters('Municipio/favicon_tag', $tag, $icon);

Municipio/header_grid_size

Applied to classes string for header sizes., _(*22)

• @param string $classes -

apply_filters('Municipio/header_grid_size', $classes);

Municipio/mobile_menu_breakpoint

Applied to classes string for mobile hamburger menu breakpoint., _(*23)

• @param string $classes - The default site name

apply_filters('Municipio/mobile_menu_breakpoint', $classes);

Municipio/logotype_text

Applied to the text that displays as the logo when now logotype image is uploaded in theme options., _(*24)

• @param string $title - The default site name

apply_filters('Municipio/logotype_text', $title);

Municipio/logotype_class

Applied to the logotype class attirbute, _(*25)

• @param array $classes - Default class(es)

apply_filters('Municipio/logotype_class', $classes);

Municipio/logotype_tooltip

Applied to the logotype class attirbute, _(*26)

• @param string $tooltip - Default tooltip text

apply_filters('Municipio/logotype_tooltip', $tooltip);

Municipio/blade/data

Applied to the blade template data. Can be used to send data to a Blade view., _(*27)

• @param array $data - Dafault data

apply_filters('Municipio/blade/data', $data);

Municipio/blade/template_types

Applied to the list of Blade template types., _(*28)

• @param array $types - Dafault Blade template types

apply_filters('Municipio/blade/template_types', $types);

Municipio/search_result/…

Multiple filters applied to the contents of a search result, _(*29)

• @param string $var - The content of the variable
• @param object $post - Post object

apply_filters('Municipio/search_result/date', $date, $post);
apply_filters('Municipio/search_result/title', $title, $post);
apply_filters('Municipio/search_result/excerpt', $excerpt, $post);
apply_filters('Municipio/search_result/permalink_url', $permalink_url, $post);
apply_filters('Municipio/search_result/permalink_text', $permalink_text, $post);

Municipio/search_form/…

Filters applied to the search form, _(*30)

• @param string $var - The content of the variable

apply_filters('Municipio/search_form/action', $url);

Municipio/archive/sort_keys

Modify the avaiable sorting keys for archives, _(*31)

• @param array $keys - The keys
• @param string $postType - The post type

apply_filters('Municipio/archive/sort_keys', $keys, $postType);

Municipio/archive/date_filter

Modify the date filter WHERE clause, _(*32)

• @param string $where - The sql WHERE clause
• @param string $from - The "from" date from querystring
• @param string $to - The "to" date from querystring

apply_filters('Municipio/archive/date_filter', $where, $from, $to);

Municipio/Breadcrumbs

Show/hide (true/false) breadcrumbs, _(*33)

• @param boolean $bool- True or false (show or hide)

apply_filters('Municipio/Breadcrumbs', $bool, get_queried_object())

Municipio/Breadcrumbs/Items

Filter the items/links in the breadcrumb, _(*34)

• @param array $items - The breadcrumb items

apply_filters('Municipio/Breadcrumbs/Items', $items, get_queried_object());

Municipio/admin/editor_stylesheet

Change custom editor stylesheet, _(*35)

• @param string $url - The stylesheet url

apply_filters('Municipio/admin/editor_stylesheet', $url);

Municipio/oembed/should_filter_markup

Decide if oembed markup should be filtered to HbgPrime video player (youtube and vimeo) or not., _(*36)

• @param string $url - The resource url
• @param int $postId - Id of the current post

apply_filters('Municipio/oembed/should_filter_markup', true, $url, $postId);

Municipio/Menu/Vertical/EnabledSidebars

Dictates what sidebars that sould be active on the current page to show the vertical menu. Simple array containing the sidebar id's., _(*37)

• @param array $sidebars - An flat array with sidebar id's.

apply_filters('Municipio/Menu/Vertical/EnabledSidebars', $sidebars);

Municipio/archive/tax_query

Additional taxonomy queries., _(*38)

• @param array $taxQuery - Holds the taxonomy query.
• @param object $query - Current query object.

apply_filters('Municipio/archive/tax_query', $taxQuery, $query);

Municipio/taxonomy/tag_style

Adds custom style to taxonomy labels., _(*39)

• @param string $style - Custom CSS.
• @param string $term - The term.
• @param string $taxonomy - Taxonomy.

apply_filters('Municipio/taxonomy/tag_style', $style, $term, $taxonomy);

Municipio/Menu/Vertical/Items

Items that should be visible in the vertical navigation menus. Represented as dots with hover-labels., _(*40)

• @param array $items - An array with items representing links.

apply_filters('Municipio/Menu/Vertical/EnabledSidebars', array(array('title' => 'Page section title', 'link' => '#anchorlink'));

Dev mode

To load assets from local styleguide. Set contant DEV_MODE to "true", _(*41)

define('DEV_MODE', true);

Theme fonts

Municipio is integrated with google web-fonts. It enables smart loading of fonts preventing invisible fonts using Google & Adobe webfont loader., _(*42)

define('WEB_FONT', 'Roboto'); //The google fonts name (without weights)
define('WEB_FONT_REMOTE', true); //Load font kit from cdn

Version 2.0

The goal of version 2.0 is to restructure the theme frontend and move towards the BEM (IT) standard for markup. More filters will be added in a automatic manner, mutch like ACF doe's it. These will for now, be documented below., _(*43)

Deprecated functionality (notice phase)

Version 2.0 will introduce some warnings aboute the removal of some prevoius functionality. According to plan, this functionality will be actually be removed in version 3.0. Functions that will be removed in 3.0 are., _(*44)

• Gravitiforms optimizations
• Honeypot functionality for comments (this will be moved to separate plugin). Will also include google recaptcha.
• Contact widget (replacement avabile in modularity)
• RichText Widget (replacement embedded in core)
• PostType & Taxonomy creator (move to plugin)
• Upload filters (move to plugin)

Filters

Depricated filters

• HbgBlade/data replaced with Municipio/viewData
• Municipio/ajax_url_in_head replaced with Municipio/ajaxUrl
• Modularity/CoreTemplatesSearchPaths

Blade view filter

All variables sent (created) in a controller will automatically go trough a filter named with the variable key., _(*45)

apply_filters('Municipio/{{KEY}}', $var);

Global view filter

You may prefer to get a full array of everything sent to a view. After the filter above has run, a global filter will be applied. This replaces the old filter., _(*46)

apply_filters('Municipio/viewData', $var);

Constants

MUNICIPIO_FRAGMENT_CACHE - Set to false to remove fragment cache., _(*47)

Theme view structure

bem-views 
│   [Main folder for  theme views, containing WordPress templates like page.blade.php] 
│
└───components
│   │   [Components for the theme like card.blade.php]
│   │
└───partials
│   │   [Big chunks that are reused in templates footer.blade.php]
│   │
└───templates
    │   [General templates that are included in main WordPress views like master.blade.php]
│   │
└───utilities
    │   [Small pieces used by components like button.blade.php]
│   │
└───widgets
    │   [Widgetized components]
    │

Image compression

Municipio supports image compression with shortpixel. This will enque a cronjob with a slight delay to compress newly uploaded images. Simpley define SHORTPIXEL_API_KEY constant in your config file and that's it!, _(*48)

Compression level will be medium/glossy for high quality photos., _(*49)

Tested with support from BrowserStack

This software is tested with the awesome tools from Browserstack., _(*50)

, _(*51)