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.