Confused on Content Blocks and ShortCodes

I am confused on how to use the content blocks and short codes.  I see the muffin builder menu, but it does not have 200+ function and short codes on it like you feature page describes on the website (http://themes.muffingroup.com/betheme/features/200-shortcodes)
I want to create a table like you have on your website (http://themes.muffingroup.com/betheme/shortcodes/content-blocks), but I can not figure out how to do it.   The documentation points me to content blocks and shortcodes ,but there is no table option on the muffin builder menu.  How do you create the 200 shortcodes when 20 are only on the muffin builder?  I guess I do not fully understand the logic behind how you developed the BeTheme and how to use all the features. 

Comments

  • Hi,

    of course theme has over 200+ different looking shortcodes. Some items got 5-10 different styles what gives 5 or more different looking items. But for these tables we used simple html tags that are already styled.

    1st example of table:
    <table>
        <thead>
            <tr>
                <th>Employee</th>
                <th>Salary</th>
                <th>Bonus</th>
                <th>Supervisor</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Stephen C. Cox</td>
                <td>$300</td>
                <td>$50</td>
                <td>Bob</td>
            </tr>
            <tr>
                <td>Josephin Tan</td>
                <td>$150</td>
                <td>-</td>
                <td>Annie</td>
            </tr>
            <tr>
                <td>Joyce Ming</td>
                <td>$200</td>
                <td>$35</td>
                <td>Andy</td>
            </tr>
            <tr>
                <td>James A. Pentel</td>
                <td>$175</td>
                <td>$25</td>
                <td>Annie</td>
            </tr>
        </tbody>
    </table>
    2nd example:
    <table>
        <thead>
            <tr>
                <th class="clear"></th>
                <th>Salary</th>
                <th>Bonus</th>
                <th>Supervisor</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Stephen C. Cox</th>
                <td>$300</td>
                <td>$50</td>
                <td>Bob</td>
            </tr>
            <tr>
                <th>Josephin Tan</th>
                <td>$150</td>
                <td>-</td>
                <td>Annie</td>
            </tr>
            <tr>
                <th>Joyce Ming</th>
                <td>$200</td>
                <td>$35</td>
                <td>Andy</td>
            </tr>
            <tr>
                <th>James A. Pentel</th>
                <td>$175</td>
                <td>$25</td>
                <td>Annie</td>
            </tr>
        </tbody>
    </table>
  • I saw this code, but what muffin builder option to I put on the page and then paste the table into? 
    Also, how does it know what colors to use when you highlight a cell in the table when viewing with your browser ??


  • This is html code. This can be used in Column item for example. But to change colors for table, you must use custom css because there is no other way to control these colors.
  • edited September 2015
    Weird.....
    Could you please add the shortcode (just like the rest) into Muffin Builder as an option in future?
    I'm new to Wordpress and so confuse with Betheme structure...
    I still try to figure out how Betheme works....
    TQ.
  • @lulugoh What shortcode you ask for? Table shortcode?
  • edited September 2015
    Yes. I hope Table Shortcode could appear outside likes other shortcode (etc. column, image, fancylink....), 
    as a independent shortcode,
    not only hiding in Column content (as html code only).....
    Thanks!
  • @lulugoh So table may work only as html only and it is impossible to use it as shortcode. The only difference between shortcode and html will be [] sings instead of <>:

    // html table
    <table>
        <ul>
            <li>test</li>
        </ul>
    </table>
    // shortcode table
    [table]
        [ul]
            [li]test[/li]
        [/ul]
    [/table]
    So we do not understand what is the sense of such change if shortcodes can be used in the same places as html.

  • edited September 2015
    Sorry~My english is so bad.....
    I mean "Ready Made Shortcodes" like these (example: FAQ):

    image
  • @lulugoh These are items and unfortunately that kind of solution can not be made this way. This kind of item may have no sense and won't be useful. Some items may work as raw/text shortcodes only.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.