Title: NHS Blocks Author: NHS Leadership Academy Digital Team Published: Ọwẹ́wẹ̀ 5, 2019 Last modified: Èbìbí 14, 2026 --- Ṣàwárí àwọn plugin ![](https://ps.w.org/nhsblocks/assets/banner-772x250.png?rev=2151451) ![](https://ps.w.org/nhsblocks/assets/icon-256x256.png?rev=2151451) # NHS Blocks Láti ọwọ́ [NHS Leadership Academy Digital Team](https://profiles.wordpress.org/nhsleadership/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/nhsblocks.1.4.0.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/nhsblocks/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/nhsblocks/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/nhsblocks/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/nhsblocks/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/nhsblocks/) ## Àpèjúwe NHS styled blocks for WordPress using the Gutenberg editor, based on the excellent work from the NHSUK Front-end Library. These blocks mean your WordPress site can offer the latest care cards, site promos and info panels to your users, and that all of this content will be styled to match the NHS branding guidelines. This plugin is designed principally for use by NHS organizations, but can be used by anybody. This plugin previously required Gutenberg 7.9.1 (as a standalone plugin) to be installed and active. This requirement has now been removed and it uses the native Gutenberg that ships with WordPress 5.3 and higher. If you also have the Gutenberg plugin installed we strongly encourage you to deactivate the Gutenberg plugin as it may cause future conflicts with the nhsblocks plugin (at time of writing it doesnÌtumọ̀ Yorùbá: ’t, but Gutenberg updates every fortnight and we donÌtumọ̀ Yorùbá: ’t plan to do fortnightly releases of nhsblocks) ### Development / Contributing Contributions to development of this work are welcome at [our GitHub repository](https://github.com/NHSLeadership/nhsblocks). ## Àwọn àwòrán ìbòjú * [[ * This plugin adds a new type of block to your WordPress Ìtumọ̀ Yorùbá: – titled NHS Front-end Ìtumọ̀ Yorùbá: – with 10 new blocks based on the NHS Digital Front- end Library * [[ * Dashboard Layout Ìtumọ̀ Yorùbá: – a graphical nav panel for users to jump to sections of your site * [[ * Do / DonÌtumọ̀ Yorùbá: ’t lists Ìtumọ̀ Yorùbá: – Simple lists in a display card with ticks and crosses to denote actions they should or should not take. Can also be used for status updates, projects etc * [[ * Buttons Ìtumọ̀ Yorùbá: – Restyling of buttons to match NHS Digital layouts * [[ * Reveal Elements Ìtumọ̀ Yorùbá: – Either simple arrow based expandable sections, or icon based with plus/minus icons * [[ * Panels Ìtumọ̀ Yorùbá: – Text blocks with title sections to separate your content out cleanly * [[ * Promo Blocks Ìtumọ̀ Yorùbá: – Clean blocks which are completely linked to inner content / external sources with title, text and optional images * [[ * Testimonial / Quote Ìtumọ̀ Yorùbá: – Simple display device for highlighting user feedback, personal quotes or other text you would like to highlight * [[ * Grouped blocks Ìtumọ̀ Yorùbá: – pre-defined layouts for displaying your content in more eye catching ways * [[ * Hero Ìtumọ̀ Yorùbá: – a full screen width block, with optional single color or image background and optional block of text to anchor the page and set clear purpose ## Àwọn ìdí Plugin yìí pèsè 16 àwọn ìdí. * Panel * Dashboardnav * Dodont * Nhsbutton * Reveal * Promo * Quote * Card * Rowgroup * Heroblock * Contentslist * Contentslistitem * Reviewdate * Stripesblock * Pagination * Nhstabs ## Ìgbéwọlẹ̀ This section describes how to install the plugin and get it working. 1. This plugin uses the core version of Gutenberg included in WordPress 5.2 and higher. If you also run the Gutenberg plugin, you may encounter issues. 2. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly. 3. Activate the plugin through the ‘Plugins’ screen in WordPress 4. Navigate to edit or create any page or post. 5. When you go to add a new block to your content, you will see a new section titled“ NHS Front-end”. In here are all of the new blocks this plugin provides. Experiment Ìtumọ̀ Yorùbá: – almost all of the blocks have style variations available. ## FAQ ### Is this plugin restricted to only NHS Organizations This plugin has been built specifically for use in the NHS, but it is open source code and you are free to use it on any site. ## Àwọn àgbéyẹ̀wò ![](https://secure.gravatar.com/avatar/691c4b024bb7814d1ff134e2ba8268870b9c3a983d792e4c673c6bbd487e4585? s=60&d=retro&r=g) ### 󠀁[Great, thanks!](https://wordpress.org/support/topic/great-thanks-67/)󠁿 [Michael Turner](https://profiles.wordpress.org/michaellturnr/) Ògún 5, 2020 This is a very useful plugin. ![](https://secure.gravatar.com/avatar/15cbf1b12b8e1a5ba4841ddaaa67c7518a1b95e8b7b8de0cad166d063539ebb7? s=60&d=retro&r=g) ### 󠀁[such a practical plugin](https://wordpress.org/support/topic/such-a-practical-plugin/)󠁿 [danielshaw](https://profiles.wordpress.org/danielshaw/) Igbe 23, 2020 Kudos to Tony Blacker & the NHS leadership team for making this available for us all, and their long-term commitment to doing the necessary updates. There are a lot of user-friendly blocks here that youÌtumọ̀ Yorùbá: ’ll have trouble finding elsewhere. [ Ka gbogbo àwọn àgbéyẹ̀wò 2 ](https://wordpress.org/support/plugin/nhsblocks/reviews/) ## Àwọn Olùkópa & Olùgbéejáde “NHS Blocks” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ NHS Leadership Academy Digital Team ](https://profiles.wordpress.org/nhsleadership/) * [ tblacker ](https://profiles.wordpress.org/tblacker/) * [ maheshmuralip ](https://profiles.wordpress.org/maheshmuralip/) A ti túmọ̀ “NHS Blocks” sí èdè agbègbè 1 kan. Ọpẹ́lọpẹ́ fún [àwọn atúmọ̀ èdè](https://translate.wordpress.org/projects/wp-plugins/nhsblocks/contributors) fún àwọn ìkópa wọn. [Túmọ̀ “NHS Blocks” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/nhsblocks) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/nhsblocks/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/nhsblocks/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/nhsblocks/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/nhsblocks/?limit=100&mode=stop_on_copy&format=rss). ## Àkọsílẹ̀ àwọn àyípadà #### 1.4.0 * Adds new NHS tabs block * Security updates #### 1.3.25 * Address security advisories in build and test dependencies. #### 1.3.24 * Accessibility improvement and JS fix for cards block #### 1.3.23 * Security updates #### 1.3.22 * Reverts code that caused a display issue when viewing Promo Region blocks inside Column blocks #### 1.3.21 * Adds optional chevron icon toggle for enhanced link indication in promo region block * Security update #### 1.3.20 * Security updates #### 1.3.19 * Security fix #### 1.3.18 * Security update #### 1.3.17 * Fix error when trying to activate this plugin before theme selection * Security update #### 1.3.16 * Security update * Fix for simple reveal block * Fix for card block * Fix for promo block #### 1.3.15 * Stripe option for table block #### 1.3.14 * Nhs frontend framework upgraded to 8 * Replaced node-sass to dart sass #### 1.3.13 * Fix for various blocks as part of our ongoing work to support wordpress 6.4 #### 1.3.12 * Fix for dashboard navigation block as part of our ongoing work to support wordpress 6.4 * Fix for deprecated richText multiline prop in simple reveal block. #### 1.3.11 * Package updates * Vulnerability fixes #### 1.3.10 * Fix for deprecated block_categories * Fix for simple reveal content edit #### 1.3.9.1 * Readme files translation to US English #### 1.3.9 * Fixed issues with previous release #### 1.3.8 * Accessibility improvement in card region block * Accessibility fix for NHS simple reveal block * Support for custom html in NHS simple reveal block #### 1.3.7 * Fix for Bullet-points in admin screens #### 1.3.6 * Removed composer requirement #### 1.3.5 * nhsblocks preview pop-up style improvement in admin section #### 1.3.4 * Changed composer settings to use nhsleadership/nhsblocks #### 1.3.3 * Changes for deprecated wp.editor.URLInput * Version nhsblocks style.min.css #### 1.3.2 * Updated tested up to WP 6.0 #### 1.3.0 * Security patch upgrade with npm version 7.19.1 and node version 16.0 * Style fix for reveal block * Style fix for action and pagination link * Style fix and support for nhsblocks care card block * Partial style support for nhs front-end framework 6.1.0 components #### 1.2.4 * Removed check for Nightingale theme so plugin css loads to editor view correctly, this is phase one of no longer needing to maintain plugin css within the theme itself. * Fixed pge contents list not checking inner block content (props to @danielknell) #### 1.2.3 * Fixed fatal error (white screen of death) with edge cases of hero, reveal and dashboard blocks * added tag component https://service-manual.nhs.uk/design-system/components/tag * corrected IE10/11 javascript bug affecting hero placement * multiple accessibility improvements, particularly with screen reader and contrast issues * updated to NHSUK front-end library 4.1.0 https://github.com/nhsuk/nhsuk-frontend * N.B. if you are also using the Nightingale theme, tags will not display correctly unless you also update Nightingale to v2.3.1 #### 1.2.2 * Updated internal react and react-test-renderer to avoid conflict js error crashing editor * Updated reveal deprecated code to ensure continuity of all versions * Removed button block dependency on learndash install being present #### 1.2.1 Hotfix to remove react error whenever hero blocks or dashboard panels were triggered. #### 1.2 * Upstream library changed to nhsuk v4 * Promos and Panels amended to work with new nhsuk-card component * Improved theme check to see if Nightingale is active theme or parent theme * Reveal block rework * Improved jQuery checks for hero and tabbed elements #### 1.1.8 * Added inner blocks to cards and reveals. * added toggle for these inner blocks to turn inner blocks on or off. #### 1.1.6 * Removed requirement for separate Gutenberg plugin Ìtumọ̀ Yorùbá: – instead use core WP version of Gutenberg. If you currently have the Gutenberg plugin purely for the NHSBlocks plugin to work, we actively encourage you to remove the Gutenberg plugin from your deployment to improve stability and performance. * visually hidden messages modified on care cards so status is reflected to screen readers * removed php7.4 declaration types for backwards compatibility * updated dependencies in composer * Ensured default values added to all text fields to make it easier to edit, improved UX * Added preview styling to block chooser so you can see what each block does before selecting it. * Modified logic on action link to make it more stable (and reduce incidence of“ Resolve block” notifications) #### 1.1.4 * Removed a lot of excess styling in the css * Ensured compatible with Gutenberg 7.9.1 * Tested fully on non NHS themes * Targeted styling in editor to only editor view and style preview panel. #### 1.1.3 Addition of multiple new blocks: * Section Stripes Ìtumọ̀ Yorùbá: – full width alternating white and grey stripes that can have inner blocks within. Great for full width homepages and landing pages. * Contents list Ìtumọ̀ Yorùbá: – 2 options:* Page contents Ìtumọ̀ Yorùbá: – will autodetect all h2 tags on the page and show anchor links to them * Other pages Ìtumọ̀ Yorùbá: – you can manually add links to other pages (or external resources) in an easy to use list. * Review Date Ìtumọ̀ Yorùbá: – add the block and an area will be added to your page showing the date of when it was last reviewed (i.e . now) * Pagination Ìtumọ̀ Yorùbá: – want a prev and next button. Add this block, and manually configure your previous and next links. Great for process flows or user guides. * Action link Ìtumọ̀ Yorùbá: – want to suggest a user follows a link, but donÌtumọ̀ Yorùbá: ’t want a button. Use an action link* Back link Ìtumọ̀ Yorùbá: – let users step back a page. (This uses javascript -1, so if users land on the page from another site and click this they will go back where they came from….) Additions of style options to pre-existing blocks: * Core table block can now be styled like nhsuk front-end, with fully responsive tables* Images can now be amended to nhusk styling * Addition of warning call-out option to cards. Particularly useful for Covid-19 alerts Thanks to @verytwisty for all the pull requests and support, 90% of this update is her work. (Also some remedial work to ensure inner block compatibility with Gutenberg 7.6 and some minor housekeeping with file structures) #### 1.1.2 * Added examples to show in block selector region for all blocks. * Amended Dashboard and Groups to be Gutenberg 7.5 compatible * Updated upstream NPM libraries Ìtumọ̀ Yorùbá: – principle change being NHSUK Front-end library #### 1.1.1 * Minor update for stable tag update. #### 1.1.0 * Updated for Gutenberg 7.4 Ìtumọ̀ Yorùbá: – you will need to update Gutenberg for this plugin to continue functioning * Dashboard block and grouped block changed from __experimentalTemplateOptions to __experimentalBlockVariationPicker - This is technical debt and will need revisiting when this feature moves out of experimental phase * Button default text added for better UX * Button link moved to right hand Inspector area for improved UX * Incorrect image name on dashboard block. _appears to be a breaking change Ìtumọ̀ Yorùbá: – it isnÌtumọ̀ Yorùbá: ’t!_ Any previously created dashboard, when edited will come up as invalid content due to this fix. You will need to click the three dots on the block editor and click “resolve” to repair. * Corrected some funky and unusual css bugs #### 1.0.5 * IE10/11 compatibility with Hero Block * Additional css filters for buttons, panels and promos #### 1.0.4 * Reworked js filters to position hero at head of page #### 1.0.3 * Moved css and js from theme in to the blocks to enable standalone functionality * Added css to avoid conflicts with LearnDash (Conflicts triggered by Gutenberg plugin, but not in our gift) #### 1.0.1 * Added Base language (English) and ensured full internationalization. Translations welcome 🙂 * Registered all blocks so they show correctly on plugin page * Improved Screenshot library for clearer understanding of plugin functionality from within WordPress.org listing / wp-admin search function #### 1.0 * First stable public release of the plugin. * Included modules: - Dashboard links Ìtumọ̀ Yorùbá: – designed for your home page or a section home. You can add graphical sections with text overlays linking to your inner pages. - Do / DonÌtumọ̀ Yorùbá: ’t Lists Ìtumọ̀ Yorùbá: – simple panels with lists of items with either a tick or a cross next to them. - Button Ìtumọ̀ Yorùbá: – NHS styled buttons, available as primary (green), secondary (blue) or reverse (white) - Reveal Ìtumọ̀ Yorùbá: – expandable areas of the screen. Available either as standard reveal (down arrow) or expander (plus icon) - Panels Ìtumọ̀ Yorùbá: – Text areas with titles, text and buttons for call to action. Available as standard white panel, grey panel or white panel with coloured header. - Promo Ìtumọ̀ Yorùbá: – Linked boxes with text and optional images. Available in standard or smaller text variants. - Testimonial Ìtumọ̀ Yorùbá: – quotes or testimonials can be included with this block. Available as standard (blue text with blue left hand border) or inverted( white text with blue background and white left hand border) - Cards Ìtumọ̀ Yorùbá: – Information cards. Coloured headers with an arrow pointing to text content. Available as standard care card, warnings (red header) or alerts (red header, black body) - Grouped Items Ìtumọ̀ Yorùbá: – pre configured layouts of elements, with either testimonials, panels or promos inside each field. - Hero Banner Ìtumọ̀ Yorùbá: – a full screen width hero image, with optional text overlay box including title and tagline. Ideal for graphically anchoring your website sections. ## Àkójọpọ̀ Meta * Ẹ̀yà **1.4.0** * Ìgbàgbọ́hùn tó kẹ́yìn **ọ̀sẹ̀ 3 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **900+** * Ẹ̀yà WordPress ** 5.0 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **6.8.5** * Ẹ̀yà PHP ** 5.6 tàbí ju bẹ́ẹ̀ lọ ** * Àwọn èdè * [English (UK)](https://en-gb.wordpress.org/plugins/nhsblocks/) àti [English (US)](https://wordpress.org/plugins/nhsblocks/). * [Túmọ̀ sí èdè rẹ](https://translate.wordpress.org/projects/wp-plugins/nhsblocks) * Àwọn àmì * [blocks](https://yor.wordpress.org/plugins/tags/blocks/)[gutenberg](https://yor.wordpress.org/plugins/tags/gutenberg/) [nhs](https://yor.wordpress.org/plugins/tags/nhs/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/nhsblocks/advanced/) ## Àwọn ìbò 4.5 lára àwọn ìràwọ̀ 5. * [ 1 5-star review ](https://wordpress.org/support/plugin/nhsblocks/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/nhsblocks/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/nhsblocks/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/nhsblocks/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/nhsblocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/nhsblocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/nhsblocks/reviews/) ## Àwọn Olùkópa * [ NHS Leadership Academy Digital Team ](https://profiles.wordpress.org/nhsleadership/) * [ tblacker ](https://profiles.wordpress.org/tblacker/) * [ maheshmuralip ](https://profiles.wordpress.org/maheshmuralip/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/nhsblocks/)