function myButton($atts, $content=""){
extract(shortcode_atts(array(
'text' => '',
'link' => ''
), $atts));
$html="<a href="" . $link . '"><div class="myButton">' . $text . '</div></a>';
return $html;
}
add_shortcode('mybutton', 'myButton');
Add this to your functions.php and you will be able to call the button within wordpress using the shortcode you wanted.
As you can see the class and the link you set become the variables to be used in the shortcode.
If you want to add text to the button you could change the html to the following:
$html="<a href="" . $link . '"><div class="' . $class . '" >' . $content . '</div></a>';
and use it like this
[button class="mybutton" link='home']mybuttonname[/button]
Hope this helps
Related Posts:
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Set line spacing
- Outline effect to text
- create a white rgba / CSS3
- Using CSS for a fade-in effect on page load
- Transition of background-color
- How to add a color overlay to a background image?
- Change color of PNG image via CSS?
- css: how to center box div element directly in center?
- Transitions on the CSS display property
- What’s the HTML to have a horizontal space between two objects?
- HTML/CSS float: left; is not working properly
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- Overflow Scroll css is not working in the div
- CSS div width not working
- Positioning background image, adding padding
- CSS Box Shadow – Top and Bottom Only [duplicate]
- How to place Text and an Image next to each other in HTML?
- Click through div to underlying elements
- Responsive iframe with max width and height
- Overflow-x not working
- Inner glow effect of button
- Hexagon shape with CSS3
- CSS selector for first element with class
- Inbuilt style for jquery-ui-datepicker
- Why is style.css not being enqueued?
- Using theme options to change link colours
- How make theme css be first and not plugin css
- When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
- One WordPress and database but multiple subdomains
- Collapsible button inside a ul list does work in jsfiddle but not in WP
- How can I remove css from a child theme?
- Can “ and “ tags be used in the HTML editor?
- wordpress in wamp lan doesn’t load css
- JavaScript added as link/stylesheet
- CSS style button For WP Login Function in page template
- Adding external stylesheet after ALL other styles
- WordPress Twenty Fourteen Theme Sidebar
- Accessing Style Sheet Comment Like WordPress
- Bootstrap in theme
- How to integrate my HTML and javascript into my child theme
- Website CSS not loading [closed]
- How to align full div [closed]
- Font Awesome icons disappearing [closed]
- How to change the full capitals font title of my WordPress Blog?
- How to add inline css code with background image in page html code?
- Understanding how the class family `inner-container` works
- Header background image just stopped working
- Page layout is broken when viewing search results.
- Style file inclusion
- Change Header Image on Blog Post for Mobile View
- adding the_custom_logo(); to header
- CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
- How do I change the style of just a part of the tagline?
- Having a hard time linking my css and JS files on a Boostrap to WP conversion
- Apply custom css for user role
- Reduce font size [closed]
- override a css style [closed]
- How to avoid repeating similar properties for all tds of a table in a wordpress post
- Loading bbPress CSS file only on forum directory
- How can I force the WordPress visual editor to preserve the line breaks after paragraphs?
- Common page width? [closed]
- Login validation on wordpress
- Override All CSS with Custom CSS on a Page by Page Basis
- padding not working
- Hide Some Fields of Post Submit box
- CSS properties in textarea in the Customizer
- New Styles Not Rendering On Mobile Phone and Tablet
- WordPress default theme CSS version problem and not loading
- Penscratch 2 – changing color of the main block
- How can customized CSS on WordPress highlight the blog title in white when it’s not intended?
- Are there any CSS classes for the wordpress colours?
- how to modify html on homepage (no home-page.php in my theme)
- Remove dashicons.min.css conditionally
- Remove Parent Style on Carousel
- Fonts are not applying
- how does additional css rendering work?
- Text Not Wrapping Around Right Floated Image [closed]
- header background color changed after drop & import database in phpmyadmin
- Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
- WordPress – Portfolio – Change number of items in a row
- Floated element floats into post content in IE, Safari, and Chrome
- I cannot make this position properly in WordPress [closed]
- How can I pass a variable from PHP to LESS?
- Large Unwanted Space at the Bottom of Blog Posts [closed]
- How to include backend buttons css on frontend?
- Create a body div using CSS [closed]
- vertical menu bar css
- After upload on server 404 on all pages, no css
- I need css code to divide my webpage sections into two columns
- Images at the same vertical position in multiple columns
- css .active dropdown selects all links
- Put CSS on TOP, how?
- I am trying to apply these CSS rules to x3 Post-ID’s but I can’t get it to work – any idea how I can?
- In which file can I find the custom CSS code I entered?
- Some times CSS not Applying
- CSS does not take effects and it doesn’t show in inspect [closed]
- Add Quicksand for mobile devices
- Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size