Forum Replies Created
-
Posts
-
I understand that. What I want to do is insert raw code into a page. The ‘code block’ doesnt seem to do this.
If I was able to insert raw html in the advanced layout editor then there wouldnt be a problem. All of the available elements get processed someway or another.
I am using the Advanced layout editor in the Block post. If I insert the block content into a blank new page using the default editor the problem still exists.
In the block body I added a simple ‘Color section’ containing a ”Special Heading’ from the advanced layout editor. That is it. I have the created a new blank page and insert the shortcode: [block id=”test”]
Here is the output on the page. You can see how the ‘Color Section’ (id=av_section_1) has been pulled out of the <div class=”ux_block”> wrapper.
<div id="main" data-scroll-offset="116"> <div class="container_wrap container_wrap_first main_color fullsize"> <div class="container"> <main class="template-page content av-content-full alpha units" role="main" itemprop="mainContentOfPage"> <article class="post-entry post-entry-type-page post-entry-431" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="entry-content-wrapper clearfix"> <header class="entry-content-header"></header> <div class="entry-content" itemprop="text"> <div class="ux_block"> <a class="edit-link" href="(edit link goes here)">Edit Block</a> </div> </div> </div><!-- close content main div --> </article> </main> </div> </div> <div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize"> <div class="container"> <div class="template-page content av-content-full alpha units"> <div class="post-entry post-entry-type-page post-entry-431"> <div class="entry-content-wrapper clearfix"> <div style="padding-bottom:10px;" class="av-special-heading av-special-heading-h3 "> <h3 class="av-special-heading-tag" itemprop="headline">Testing</h3> <div class="special-heading-border"> <div class="special-heading-inner-border"> </div> </div> </div> </div> </div> <footer class="entry-footer"></footer> </div><!--end post-entry--><!--end content--> </div><!--end container--> </div><!-- close default .container_wrap element -->Hey, the shortcode code I am using to display the post content is below:
function block_shortcode($atts, $content = null) { extract( shortcode_atts( array( 'id' => '' ), $atts ) ); // get content by slug global $wpdb; $post_id = $wpdb->get_var("SELECT ID FROM $wpdb->posts WHERE post_name = '$id'"); if($post_id){ $html = get_post_field('post_content', $post_id, 'raw'); $customCSS = get_post_meta($post_id, 'custom_css_add', true); // add edit link for admins if (current_user_can('edit_posts')) { $edit_link = get_edit_post_link( $post_id ); $html = '<div class="ux_block"><a class="edit-link" href="'.$edit_link.'">Edit Block</a>'.$html.'</div>'; } if($customCSS != null) { $html = '<div class="'.$customCSS.'">'.$html.'</div>'; } $html = do_shortcode( $html ); } else{ $html = '<p><mark>UX Block <b>"'.$id.'"</b> not found! Wrong ID?</mark></p>'; } return $html; } add_shortcode('block', 'block_shortcode');
