WordPress 5.2 is officially here and there were quite a few impressive changes made to our favorite CMS. This release is named “Jaco”, not after the popular destination in Costa Rica, but after famed jazz bassist Jaco Pastorius.
The big news in this release are some of the new security features, however, there are all sorts of new bells and whistles running under the hood. Let’s take a look at a few of the key updates.
Keeping Sites Safer
It would seem the biggest focus that the WordPress core team had for this version of WordPress was to improve core security. The new version includes a number of robust tools that can be used to identify and fix configuration issues, site health issues and fatal errors in your WordPress installation. Here are a few of the key tools
WordPress Site Health Check
The new Site Health Check tool improves on the Site Health features that were first released in WordPress version 5.1. This feature performs a variety of tasks including configuration debugging, protecting against supply chain attacks, and checking plugins for incompatibilities at the time of installation.
WordPress 5.2 now includes features like PHP Error protection in the Site Health Check tool. This tool will allow for website owners, WordPress developers, and website administrators to more easily debug website errors without dealing with the “white screen of death”.
The Site Health Check also looks at a variety of common security configurations like whether or not your site is running HTTPS, whether you have any themes or plugins that require updates if you are running an appropriate version of PHP and much more.
The WordPress community has been asking for quite some time to beef up the security features and it looks like WordPress and Automattic are definitely listening.
PHP Fatal Error Recovery
Most WordPress website owners and WordPress website developers have dealt with the dreaded “white screen of death” at one point or another. This is caused by a fatal PHP error, or (usually) a “500 error”.
These situations are usually caused by upgrading plugins, adding new plugins, or including untested code in your production website. Usually the best bet is to just disable or remove the offending plugin or code, however, sometimes this can be a complex process.
As a web developer, my first move would be to check the error logs for the code throwing the error. Most of the time, the issue is fairly easy to backtrace and resolve, however from the time it can take a little digging or there’s some data that is corrupted.
For the novice website designer or website owner however, this situation could be catastrophic.
The new PHP error protection features allow for an admin to enter into an “error recovery mode”. Normally, once you get the “white screen of death”, you are no longer able to access the WordPress dashboard. In the new error recovery mode, you can log in and pause the plugins or themes that are throwing the errors so that you can log back in and restore your website.
Enter WordPress Recovery Mode
When you enter into recovery mode, plugins and themes that are causing a fatal error are paused. This ensures that the admin can work around the errors and access the WordPress 5.2 dashboard.
Once you log in to the WordPress dashboard, you should see a notice showing that recovery mode is enabled. The notification should also tell you which plugins or themes are throwing the errors and being paused. It will also give you information as to what exactly the errors are.
Now, instead of sitting on their hands waiting for a developer to fix the site, WordPress admin’s can deactivate the extension and restore the site back to working order before it can have any major impact.
The admin can exit recovery mode by clicking the exit button in the admin navigation bar. Keep in mind that if an extension is broken and you then disable it in Error Recovery Mode, this does not mean the extension is fixed. This simply means that the code is no longer running on your site. If the extension that you disabled was crucial to the functionality of your site, it’s important that you reach out to your developer right away.
WordPress 5.2 Security Updates
WordPress is often given a bad rep for being “insecure”. While it’s true it hasn’t been the most secure CMS historically, it’s also the most popular CMS in the world making it a huge target.
One of the recent updates addresses a security concern caused by the automatic update feature – supply chain attacks. Several versions of WordPress back, an auto-update feature was introduced that was intended to improve security.
Unfortunately, it had the opposite result.
This new update made WordPress websites vulnerable to what is known as a supply chain attack. In short, a supply chain attack would involve the WordPress update server being hacked, ultimately resulting in tens of millions of websites being infected with malware (if not more).
WordPress Offline Digital Signatures
WordPress 5.2 now includes offline digital signatures. Without getting too technical, this means that a hacker would not only have to hack the WordPress update server, but they’d also have to steal the core signing key from the WordPress development team.
While this isn’t necessarily impossible, it’s highly improbable that this would occur, and a major step forward in improving WordPress website security.
A New Cryptographic Library
The verification of the digital signature will be handled by the WordPress installation. This verification will be handled through a newly implemented cryptographic library called Sodium Compat .
Sodium Compat is “a pure PHP polyfill for the Sodium cryptography library.” As a comparison, Sodium Compat has been adopted by other popular content management systems like Magento and Joomla!
The best part of the upgrade is that developers can begin to migrate away from Mcrypt. This is a great thing as Mcrypt was deprecated and removed in PHP 7.
Setting up a new environment is fairly straightforward. First, you will want to make sure you have Node installed, and then run:
‘npm install --save-dev @wordpress/scripts’
Once you’ve installed the WordPress scripts package, you can now update the package.json file found in the root with:
"start": "wp-scripts start",
"build": "wp-scripts build"
Unlike other frameworks, WordPress will handle the rest of the heavy lifting for you. You won’t need to configure any additional Webpack files or Babelrc files to get everything running.
The build system expects to find the main JS file at ‘src/index.js’, however, you can import whatever JS you’d like to into this file to keep your code scalable. The compiler will then output the build to ‘build/index.js’.
To get started you will first want to install Node. You can find instructions on how to do that here.
Next, you can run the following commands:
- ‘npm install’ to install all of the package dependencies
- ‘npm build’ is what you will run once you’re finished, create a final build version using
Privacy Updates in WordPress 5.2
- A new function, ‘is_privacy_policy()’
This function can be used to test whether the user is on the Privacy Page or not. It can be used for things like triggering conditional messages, additional cookie tracking and more.
- ‘Privacy.php’ Theme File
- ‘.privacy-policy’ Body Class
- ‘.menu-item-privacy-policy’ Class
For more information on the WordPress 5.2 update and a deeper dive into all of its great new features check out the WordPress 5.2 field guide.
You can also watch our video walkthrough of some of the new WordPress 5.2 features below
If you’d like to find out more about updating your WordPress website to WordPress 5.2 schedule a strategy session with us today!
It’s hard to believe that it’s already 2019, and even more hard to believe just how innovative web design and creative design has become in general. Web design has come a long way since flash websites and parallax background scrolling, not only on the front end but on the backend too.
While every designer has their own personal tastes, every year there are thousands of websites built that are undeniably user friendly, creative and innovative. We’ve put together some of the most innovative websites, web design trends, web technologies, and design techniques that were popular in 2018. We can’t wait to see what the web has in store for 2019.
Broken Grid Layouts
One of this year’s more innovative web design trends was the broken grid layout. This unique layout is extremely effective at breaking up the monotony of the traditional 12 column website grid layout. It allows for brands and businesses to bring attention to specific messages, images, videos and more to really tell a brand story in an effective way.
The name broken grid layout may be a bit misleading as the design will still conform to a grid of sorts. In a broken grid layout, design elements will extend or shift across gutters and columns. You could also think of a broken grid layout as an overlapped grid layout or an offset grid layout.
With the rapid adoption of CSS grid, web designers now have more opportunity to create designs that are less like the traditional fixed column design, and more like traditional print design. Broken grid layouts are not the right fit for every brand, but was absolutely a prevalent design trend across the web in 2018.
Interactions & Animations
Subtle animations like directional fade in animations (for example fade in and up), were also very popular for text and image elements. These animations are also typically triggered based on the users scroll position, so as they scroll down a website, the elements will appear into view. This technique is an excellent way of breaking up the monotony of heavy content pages into image and text blocks. User interaction like hovers and clicks are also a popular method of triggering various website animations. Making the web a more interactive place seems to be the general direction that innovative web design is moving for 2019.
Web designers also began utilizing various creative page transitions in websites recently. These page transitions are also typically triggered by website scroll position, or Waypoints, but can also be triggered on a click event. Page transition animations can be something as simple as a quick sweep state-change animation, however, many designers got quite a bit fancier. With geometric deconstructions, various zoom and fade based transitions, interactive video transitions, and so much more, it is clear the web is no longer being treated as a static canvas for designers. You can see even more great examples of this at Design Rush.
Another popular design trend for 2018 was using minimalist navigation. Minimalist navigation is similar to using mobile-friendly navigation in a desktop view. This means that unlike traditional websites, the website navigation is not inherently visible at any point, but is triggered by a menu toggle of some sort, in many cases a hamburger icon.
This trend was driven by a number of factors including mobile-first design, responsive design, and an overall push towards minimalism in web design. Minimalist navigation not only allows for a website to have a cleaner, less busy, header area, but it also allows for web designers to build more robust, logical website navigation utilizing a full screen take over. When designers have the ability to utilize the full viewport for their navigation they can construct website navigation that acts more like a website index or table of contents than traditional header navigation ever could.
And while there may still be some users that are confused when presented with minimalist navigation, most internet users understand that a hamburger menu indicates a navigation trigger. So when it comes to user experience, there should be no concern about confusing your users, or whether or not they’ll be able to figure out where your website navigation is.
Full-Page Video and Background Video
One of the most popular and innovative web design trends for 2018 was utilizing full-page background video in place of static background images. Background video adds texture and motion to the user experience, which really grabs the users attention. Video backgrounds also give websites a really fresh and unique look. While many brands and businesses out there are recycling a lot of the same stock photography on their websites, a video background will be something unique to your website.
Background video can be served as either HTML5 video or streamed from a service like Youtube or Vimeo, however, you should take a few things into consideration. First, you should consider the size and the length of the video. You don’t want your video to be more than 15-20 seconds and should be as small in size as possible. Remember, this video is not one that the user should necessarily stop and watch, but one that should be used in place of a static background image. You should also make sure your video has a high enough quality. You don’t want to cheapen the look and feel of your website by using subpar video assets or video editing.
Background video can really bring a website to life with little to no additional coding necessary, which has made it an unbelievably popular and innovative web design trend that will only continue.
Serif Fonts Gain Popularity
Prior to computers having retina screens and browsers really implementing solid font support, most web designers stuck to using sans-serif fonts. Sans-serif fonts ensured maximum readability as well as flexibility in the design. As technology has continued to improve, and user experience has moved to the forefront of design, we’re beginning to see a much more elaborate use of typefaces in web design.
Serifs are great because they can be used for headline fonts or for body fonts. If you’re looking to create elegant looking titles and section headlines, there are a number of serif fonts that will fit the bill. For example, you can find a few of our favorites like Playfair Display and Lora on Google Fonts. If you’re looking for something that is extremely readable, there are a number of extremely clean serif fonts that will give your website that clean print look. Many designers also like to mix their heading and body fonts, one a serif and one a sans-serif.
Another innovative web design trend many designers began more regularly using in 2018 was text driven design. The true core of any website is its text content and, more importantly, its message. Many designers have begun taking this to heart and are constructing entire designs and layouts using nothing but text and white space/dark space. While images do help communicate a vibe and a feeling, nothing will ever be more powerful than words when trying to clearly communicate a brands message.
Justin Jackson, an internet entrepreneur and popular bootstrapper, wrote a popular piece several years ago called “This Is A Web Page” that does a great job of really capturing the importance of a website’s content. Max Kaplun’s portfolio website is another great example of truly excellent typographic web design. As you’ll see, his homepage is simply a brief professional bio, stylized to be visually appealing and to bring attention to the most important aspects of the content.
Frontend & Backend Web Design Technology
If nothing else, 2018 was the year of CSS grid. As CSS grid becomes more widely supported by browsers and devices, more developers are beginning to incorporate it into their innovative web design projects. CSS grid allows for web designers to create user experiences that conform to a more traditional print-style grid. It also provides for a much more flexible and usable grid system than Flexbox does.
This does not mean that CSS grid is here to replace Flexbox, in fact, it’s actually the opposite. CSS grid becomes even more powerful when combined with Flexbox. For example, you could create a simple 3 by 3 grid with CSS grid, and then use Flexbox to center the items within each grid element. As web design becomes more innovative and creative directors become more adventurous, these and other CSS technologies will continue to evolve and improve. As a result, powerful, effective web design will continue to drive the Internet, and really all online business, forward.
Web Design Inspiration
Here are a few more examples of some of the more innovative designs of 2018 of the types of innovative web design we detail above.
Innovative Web Design In 2019
Web design has come a very long way since the early days of the Internet. And as web designers continue to push the envelope when it comes to design, layout, and technology, it will only continue to progress. As design trends change, new styles are introduced, and new tech becomes available, web design best practices and websites at large will only continue to become more impactful and usable.
Two of our long-term clients, Collins Bridge & Hey Dude Shoes, were both covered in an article on Sweet Relish. Check out the post and check out these great brands!.
The Bricks & Mortar Creative WordPress Youtube Gallery plugin is a simple, lightweight add-on for the WordPress platform that adds a featured video and a small 3×3 gallery. It currently uses the Youtube V3 API to make unique requests to Youtube so that the plugin is always showing the most recent videos.
Using the Plugin
First go under the “Settings” tab in the WordPress Admin dashboard. Then when under “Settings” go on the “Bricks & Mortar Youtube Gallery” to access the plugin’s options page.
Now before making changes to the plugin you must first obtain a Youtube Data API key. This step is required to use the plugin. Follow the instructions in the first section of Google instructions here: https://developers.google.com/youtube/v3/getting-started
Choosing the Featured Video
To choose your featured video to be placed above your video gallery, you need to get a featured video ID and paste it into the input field. In order to do this, get a Youtube URL and copy everything past the “watch?v=”. When done, click “Update Options” to save your settings.
Example: http://www.youtube.com/watch?v=SpqSdORmCX4 <= COPY THIS SECTION
Choosing what videos show in the Gallery
To create your 3×3 gallery of recently uploaded videos, simply put the username of the Youtube channel associated, and click “Update Options”. *(Please Note): Only recent videos added in the “Uploads” playlist will show.
How to add the B&M WordPress Youtube Gallery Plugin to a WordPress Page
After configuring the plugin options to your liking, go ahead and copy the shortcode “[youtube_video_feed]” and paste it into any one of your WordPress pages using the visual editor. Make sure to view the page to see if your settings are working properly?
1) If your 3×3 video gallery is not showing, check to make sure your designated username is spelled properly (Remember it’s not case-sensitive). Also check to make sure your API key is correct.
2)If your featured video is not working or not showing, make sure your “Featured Video ID” is correct.
3)If you cannot see either a featured video or 3×3 gallery showing, try the following. Try activating the plugin from your “Plugins” menu first. Then make sure that the “[youtube_video_feed]” shortcode is spelled properly on the page your trying to view.
If you have any questions about our WordPress Youtube Gallery plugin, feel free to send us an email or give us a call.[ed_download_file id =”1106″ title=”yes” show_content=”yes” style=”normal”]
WordPress has really come a long way from its humble beginnings as a simple blogging platform to the powerful website builder and robust content management system it is today. Over the past several years WordPress has become the go-to CMS for custom WordPress development. One great thing about WordPress when looking at it as a web developer is that it is flexible and easy to create a fully custom WordPress theme. WordPress makes it easy to store custom data on the backend and then easily render it on the frontend.
If you’re thinking about having a custom website built for your brand or business you should really consider using a custom WordPress theme.
When it comes to risk vs. reward, a custom WordPress theme is a great investment for your business. Today, it is not enough to simply have a website, it should be fast, well-designed, user-friendly, and it should fit your brand’s message and feel. Many businesses will try to save money by paying a web designer to modify a commercial theme. However, the end result ends up looking sloppy and “hacked together” – two terms no one wants to be associated with their website.
At the end of the day, if your goal is to have the best possible online presence for your brand or business, then you should have a custom website. Here are a few reasons why you should bite the bullet and choose the custom WordPress template.
Customizations and Updates
One of the biggest values of a custom WordPress theme is that the content management system will be custom tailored to your content. Most web design agencies will make sure it is easy for the client to add, edit and modify all of the content on their WordPress website.
When it comes to commercial WordPress templates, you are required to use the pre-built content sections that come with the theme. This not only makes it more difficult to add new sections to a page but can also impact the page’s design.
For instance, say you wish to re-arrange two sections and remove one section from your home page. While you may be able to do this using the theme editor, it may result in something that just does not look good. And if the website owner can’t make the design work, no one is happy.
We use a plugin called Advanced Custom Fields in almost all of our custom WordPress themes. This plugin lets us add any number of custom text inputs, image inputs, file uploads and much more to any page. This allows us to give the WordPress website owner limitless flexibility when managing their website content.
Commercial themes are also very reliant on big editorial style photos to drive the design. Most website owners find that they swap out the theme stock photos for their actual photography, the websites lack the same aesthetic appeal. This is because the commercial theme was designed around those specific photos.
When we design a custom WordPress template from scratch, we start with the media assets that you have available. We then custom tailor our website designs to your brand media, brand guidelines, and brand message. This means that once your website is finished, your photos and videos will enhance your websites messaging and aesthetics, not take away from them.
Stand Out From The Competition
It’s no secret that competition is fierce online, especially when it comes to small businesses and local services. If you want to stand out from your competition, the first thing you should do is have a website that not only stands out but really communicates your message.
In most cases, you will offer the same general services as your competitors, but what do you do that sets you apart? Do you offer better prices, better customer service, better hours? A website that is designed with your message in mind will more clearly communicate your competitive advantage to your customers.
Also, customers will oftentimes feel more comfort and confidence with a business that has an aesthetically appealing website. When you invest in a website that looks great and is easy to use, your customers will notice. By making it easy for customers to find your business and services, you’re drastically increasing the chances of converting a website visitor into a new customer.
The design of your website is very important when it comes to establishing trust in the minds of potential customers. When you use a custom WordPress theme, you know your design will stand out from the crowd. Your custom WordPress website will also more effectively communicate the value that your business provides.
Avoid Bugs & Conflicts
When it comes to a small business website, the most important thing is that it is always working. Even though WordPress is very user-friendly, you are always running the risk of excessive bugs and conflicts when you use a commercial theme.
The goal for the developer of a commercial theme is to include as many bells and whistles as possible so that there’s something for everyone. While this makes sense in theory, often times this results in a lot of excessive code running on the frontend and backend of your website.
This means that normal processes like updating plugins, updating your WordPress version, or installing new plugins could ultimately break part or all of your website.
When you hire a web design agency to build a custom theme, you can have confidence in the website code base. To start, a custom theme will only include as much code as is needed and no more than that. This means your site won’t experience “code bloat”, and you will have a much smaller chance for code conflicts.
A custom WP theme will also typically rely on as few third-party plugins as possible. Commercial themes may utilize plugins to integrate with social media or build image sliders, a custom theme will almost always build these components bespoke for the website. Doing it this way allows the web design studio to ensure that the slider will not compromise page speed.
Don’t Forget About Page Speed
One major concern for any website owner is how fast your website loads. Not only is it just a better overall user experience when your website is fast, but WordPress website speed is also extremely important when it comes to website rankings in Google.
Custom WordPress Theme Optimization
As we mentioned before, commercial themes are also very reliant on big editorial style photos. While many website owners don’t realize this, photos can get extremely large, sometimes in excess of 20 megabytes. However, when an image is saved for the web, you should always try to keep the total image size under 300kb – 400kb depending on the dimensions.
Because many commercial theme designs are so reliant on images though, this requires that website owners upload 5, sometimes 10, large images to a single page. As a result, the overall website page size will balloon, and total website page load times will increase.
When designing a custom WordPress theme, we consider our use of photo and video in the overall messaging as well as how it will impact the overall page size. We also make sure to utilize various forms of image compression before images are uploaded to our websites as well as once on the server. In many cases, we’ll also utilize CDN services like Cloudinary or Cloudflare to better serve images to users throughout the world.
Support Updates & Management
When you purchase a custom WordPress theme you are also purchasing a different level of support. The typical web design agency will provide personal, rapid support, especially during the first month or two that a website is live.
When we work with a business to develop a custom WordPress theme, we also include multiple hours of training, warranty support, and ongoing support. We like to make sure that our clients know exactly how to manage their websites, and when something isn’t quite as they’d expected, we fix it quickly.
When you purchase a commercial theme, there is usually some sort of support you are able to purchase for an additional yearly cost. These support services are generally very slow. You are entered into a support queue with a number of other users and can wait days in some situations before getting a response.
Also, commercial theme support will almost never provide theme customizations or modifications without charging additional fees. While many customizations will be quick and painless, it can be very risky to rely on theme support for more complex customizations.
In most instances, developers of commercial WordPress themes don’t offer any customization support or support for integrations third-party plugins or tools.
Most importantly, when we develop a custom WordPress theme, we are developing it for the most recent version of WordPress at the time. This ensures we will be using the most up to date WordPress code base and that there is a much lower risk of integrating third-party software.
When a theme or WordPress install is not up to date, you run the risk of experiencing security vulnerabilities, plugin conflicts, and code deprecation.
While many free or commercial WordPress themes receive regular updates, most WordPress website owners have no way of knowing just when a theme was developed or when it was last updated. In addition, the average website owner would have no way of understanding what the most recent updates covered or the overall quality of the code base.
Investing In A Custom WordPress Theme
If you are looking to get your business online as quickly as possible for the least amount of money, it can be tempting to use a commercial WordPress theme. In some situations, a commercial theme may be all your business needs. However, as many website owners can tell you, this is usually a bad decision.
If you plan to build a long-lasting, aesthetically pleasing presence online, investing in a custom WordPress theme is probably your best bet. If you’re interested in learning more about our WordPress development services or seeing some of our custom WordPress work, contact us today to schedule a free consultation.
Choosing a web design agency is one of the most important marketing and advertising decisions company owners make. The right company can help bring your target audience to your site, converting them into customers. Making this decision too hastily or hiring the cheapest agency you can find can have a detrimental impact on your branding. There are a few tips you can keep in mind to make this decision much easier without risking your brand’s future.
Consider Ongoing Support
Your web design agency does so much more than simply creating a website. They can also help with things like finding you email hosting, website hosting, and domain management, email marketing, Facebook marketing. As a result, you need to know that you can reach someone as soon as possible from the agency should something go wrong. For example, if your email goes down, you need to be sure that you can reach an agent who can help you get it working again. Any delay in website functionality or email management can cost you customers. Ideally, you should hire a company that is accessible and easy to contact when there are technical issues.
Look for a Diverse Portfolio
While some clients may prefer to remain confidential, most web design agencies do have a portfolio of existing work you can look at. Never hire a company that refuses to share any prior websites or design work. Instead, focus on finding one with a diverse portfolio, covering multiple industries. You can also look for an agency while browsing the internet for personal reasons. In some cases, the agency’s branding may appear at the bottom of the page, giving you a quick way to look at other existing work.
Visit the Agency’s Website
Once you find an agency you like, spend some time visiting their website. In particular, look for user-friendly features, a pleasing color scheme, and functionality. If a web design agency cannot focus on their own site, there is a good chance that they are not going to deliver high quality work to yours. On the other hand, web design agencies with visually appealing websites that work well and deliver information in a user-friendly way are an ideal choice.
Finally, be sure you look for a web design agency that can offer you some personal attention. You need to know that your branding is more than just a number to them, and that the designer you are working with is committed to delivering a product that works for your needs. Contacting the agency by phone early on in the process is a great way to find out what kind of attention you can expect to receive. If your call is not returned, or you only hear back by email, it is a pretty clear indication of the type of responses you can expect to receive once you are a client.
Your company’s web presence can often be the key to success. Be sure that you put your website in the hands of an agency with experience, dedication to its customers, and, most importantly, skill. If you’re interested in scheduling a strategy session to learn more about what Proper Noun can do for your business or brand, please use the form below.
One request that many Magento website store owners have is the ability to introduce multiple filtering options on to their catalog pages so that people can sort by price, category, manufacturer or any other attribute being used on the store. There are a few extensions out there that help to achieve this, but they are often times very bulky, slow loading, and end up ultimately reducing the quality of the user experience you set out to improve.
One of the biggest problems with filtering Magento Catalog pages via attributes is loading the attributes themselves. Each attribute acts as a separate call to the database, and then must loop through all of the records for that attribute, which can oftentimes get very bulky for attributes like “manufacturer”.
In order to combat this while still being able to introduce the intended functionality, we’ve built this Magento Catalog Filter Extension that will allow for the Magento admin to select from any of their available attributes to filter by, and easily include them anywhere you’d like on the Catalog page with a 1 line snippet like the one below:
[php] <?php echo $this->getLayout()->createBlock(‘catalogfilters/test’)->setTemplate(‘catalogfilters/index.phtml’)->toHtml(); ?>
Now, when the page loads, it will include the select options for your catalog filters, but it won’t actually run the code to populate the dropdowns with all of your attributes until after the page has loaded by using Ajax. This allows for your users to render the page much faster than they would’ve previously while still giving them as many filtering options as you feel are necessary.
You can download our Magento Catalog Filter Extension below free of charge and is provided as is. This extension does work with Magento 1.9.2 but we do not guarantee it will function properly in combination with all other extensions, so install at your own risk and make sure to create backups beforehand. If you’d like help with modifying this extension, or would like to engage us to build a custom Magento extension, feel free to contact us at firstname.lastname@example.org[ed_download_file id =”1084″ title=”yes” show_content=”yes” style=”normal”]