Code Snippet Related Categories
Reason for needing the Code Snippet
I needed to format a number field (999,999,999), coming from a custom field number-format (no other characters permitted in the number entry field). No “$” no commas or decimal points, etc. to output as a normal currency format.
When displaying the number I could add a “$” in front of the number, but couldn’t find a way to format the number since you can’t do that with CSS.
What the Code Snippet does
This is a combo of a WordPress function added to the functions.php file that creates a shortcode that can then be used in a Beaver Builder Themer text or html module to output the raw number into a currency format.
For example you would enter 10000 into the custom field when editing the post, but when viewing the post the number now looks like $10,000.
What the page looks like Before and After
Here's the Code Snippet
- Step 1: add this code to your functions.php file
function format_my_number($atts) {
$num = $atts["value"];return number_format($num, 0, '.', ',');
}
add_shortcode("custom-number-format", "format_my_number");
- Step 2: now you can use a shortcode in a text area to display a number that is entered in a custom number field, but with commas added when displayed:
[custom-number-format value="PASS-YOUR-CUSTOM-FIELD-VALUE"]- this code is NOT dependent on Beaver Builder or Metabox.io, you could use any area that takes a shortcode and alternatively use ACF for example.
- Step 3: In the case of Beaver Themer and using Metabox.io custom fields you wind up inserting a shortcode by using the Beaver Themer field connectors and passing the custom number field and inserting it inside the custom number format shortcode.
- The custom field is inserted as a shortcode, in this example it's:
-- So we wind up with Nested Shortcodes!
- The complete nested shortcode looks like this:
[custom-number-format value=""]
- The custom field is inserted as a shortcode, in this example it's:
Limit search for phrases by using " " around the phrase
Subscribe to Code Snippet updates
You will get an email the morning after we post a new Code Snippet
Other Recent Code Snippets
The Simple History plugin default history period is 60 days. The log includes not only user initiated changes to the website, but all the automated updates to plugins, etc. This can make the log file pretty large.
(This post was viewed 8 times) in the last month.)
Read More
If you don’t use the Excerpt field in your posts and rely on WordPress to grab the first few dozen words of your post content what you usually find is the excerpt when displayed on the front end (usually in some sort of archive or post grid display) will have most of the html tags removed leaving you with a single block of plain text.
If I go to the bother of formatting my post content to make it more interesting and easier to read and understand I’d like that formatting to be preserved even in that post’s excerpt.
(This post was viewed 46 times) in the last month.)
Read More
RSS readers are somewhat old school in 2020, but the RSS feed that is part of WordPress is used by email services like Mailchimp and Mailerlite to create automated email updates when you add a new post to your website.
If you have custom post types though, they are not included in the default URL:
https://yoursite.com/feed
(This post was viewed 148 times) in the last month.)
Read More
For some client projects I needed to embed javascript code in a page (Post). I used a custom field textarea to insert the code when creating the Post. The problem was the default for text fields was to run them through a sanitizer.php to strip out any type of code that might be malicious. This is a good thing. But in this case it defeats the purpose.
So how to disable the sanitizing for just this field without breaking the default?
(This post was viewed 100 times) in the last month.)
Read More
The client wanted to display a list of past events in a scrollable column. This was easy to implement using simple css. The page layout was done with Beaver Builder, but the solution should work for any html container.
(This post was viewed 85 times) in the last month.)
Read More
Sometimes you want to present a navigation menu as a horizontal “mega-menu” instead of a hierarchal dropdown menu. This is really simple if you are using Beaver Builder. The mega-menu feature is built in, but is unfortunately hidden. You have to know the secret to turn it on.
(This post was viewed 100 times) in the last month.)
Read MorePopular Posts
Build a Better Website with our help June 30, 2017 Menu Home Portfolio About Blog Developer Resourcers Launch your website!… (14,704)
Trouble moving your site to Godaddy Managed… September 14, 2015 Recently a reader raised a question in a comment to a… (1,217)
Growing Pains for GoDaddy WordPress Managed Hosting… March 21, 2014 Admittedly it's a new product, but currently there is no… (1,042)
About WordPress Website Coach July 3, 2017 Menu Home Portfolio About Blog Developer Resourcers WordPress Coaching and… (779)
Blog November 28, 2016 Menu Home Portfolio About Blog Developer Resourcers Blog Posts Scroll… (763)
Reader Interactions