WordPress.org

Ready to get started?Download WordPress

Forums

Ultimate TinyMCE
[resolved] Column shortcodes - alignment error? (11 posts)

  1. CallMeAndy
    Member
    Posted 1 year ago #

    I dont know what I am doing wrong here - all the data is being drawn as it should, except for the vertical position which is lowered in each consecutive column and displaced by about one h2 height line (perhaps this should tell me something but it doesnt)
    Any help appreciated I cant give a url to the problem on the site as it's a local development platform.
    Thanks.

    [two_fifth]
    <h2>Featured Videos</h2>
    See more videos on the <a href="http://localhost/top-videos/">videos page</a>
    <em>[allvideogallery profile=2 <em>sort=featured count=10</em>]</em>
    [/two_fifth]
    [two_fifth]
    <h2>What's New</h2>
    site features and functionality!
    [netpostsrecent format="{title}{thumbnail}{excerpt}{blog_link}{more}{std_post_footer}" avatar_size=50 count=4 whitelist="2"]
    <h2>Recent Posts</h2>
    from the Network
    [netpostsrecent format="{title}{thumbnail}{excerpt}{blog_link}{more}{std_post_footer}" avatar_size=50 count=4]
    [/two_fifth]
    [one_fifth_last]
    <h2>New Blogs</h2>
    [netblogsnewest count=2 total=true]
    [/one_fifth_last]

    http://wordpress.org/extend/plugins/ultimate-tinymce/

  2. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    Does it have to be an <h2> tag? You can probably change them to a span tag and format each one the same.

    Or, if they have to be <h2> tags, you might want to try bringing everything close to the brackets. It makes it more difficult to read the code... but it might be important for display purposes. Try this:

    [two_fifth]<h2>Featured Videos</h2>See more videos on the <a href="http://localhost/top-videos/">videos page</a><em[allvideogallery profile=2 <em>sort=featured count=10</em>]</em>[/two_fifth][two_fifth]<h2>What's New</h2>site features and functionality![netpostsrecent format="{title}{thumbnail}{excerpt}{blog_link}{more{std_post_footer}" avatar_size=50 count=4 whitelist="2"]<h2>Recent Posts</h2>from the Network[netpostsrecent format="{title}{thumbnail}excerpt}{blog_link}{more}{std_post_footer}" avatar_size=50 count=4][/two_fifth][one_fifth_last]<h2>New Blogs</h2>[netblogsnewest count=2 total=true][/one_fifth_last]

    See if that does anything...

  3. CallMeAndy
    Member
    Posted 1 year ago #

    I get what you are saying with this but I have stripped the h2 tags and just tried it with unformatted text. No difference.

    The only way I seem to be able to push them into alignment is if I force it as below.

    This is of course making the whole layout unacceptably low down in the main window. If there was a compensation required in each derived-column would that mean on an actual five colum layout I would have to have three x (br) tags in the first - not good!

    [two_fifth]
    <br>
    Featured Videos
    See more videos on the <a href="http://localhost/top-videos/">videos page</a>
    <em>[allvideogallery profile=2 <em>sort=featured count=10</em>]</em>
    [/two_fifth]
    [two_fifth]
    What's New
    site features and functionality!
    [netpostsrecent format="{title}{thumbnail}{excerpt}{blog_link}{more}{std_post_footer}" avatar_size=50 count=4 whitelist="2"]
    <h2>Recent Posts</h2>
    from the Network
    [netpostsrecent format="{title}{thumbnail}{excerpt}{blog_link}{more}{std_post_footer}" avatar_size=50 count=4]
    [/two_fifth]
    [one_fifth_last]New Blogs
    [netblogsnewest count=2 total=true]
    [/one_fifth_last]
  4. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    I see what it's doing... WP is wanting to insert p and br tags into the content. Turning off the wpautop filter makes the content display perfectly.

    You can see what I mean by going into Ultimate Tinymce settings and turning on "disable wpautop". Then, go back and look at your shortcode content.

    However, turning this on has adverse effects across your entire blog unless you plan on using this feature from the beginning.

    So... lemme see what I can do....

  5. CallMeAndy
    Member
    Posted 1 year ago #

    Yes thats cracked it alright!

    I'm not clear about the implications of disabling but it doesnt appear to have affected the layout of other pages and posts.

    So thanks a bundle - great plugin Josh and fanatasic response to my issue.

  6. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    No worries. Honestly, I don't myself completely understand the implications of the wpautop. As soon as I think I have it figured out... something else faults my hypothesis.

    So, just be cautious... and remember if your content in your posts/pages begin "jumbling up"... the wpautop is probably the issue.

  7. CallMeAndy
    Member
    Posted 1 year ago #

    Thanks again josh - its a bit cheeky and slightly off topic so I understand if you have not got the time - but I just wondered if there is a way to layout the page for instance in the way discussed herein, but so that it acts as a kind of upper page area, employed on the top of a "Page of posts" style template page - in my case enabling a simple way to list posts beneath within the Suffusion theme framework.

    The default seems to be that I must use a Custom Template Page or a Listings Page!

  8. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    I'm not sure I follow. I'm not familiar with the Suffusion themes at all.

    Are you wanting like a button to select the shortcode arrangement... and it adds the code so all you have to do is fill it with content?

  9. CallMeAndy
    Member
    Posted 1 year ago #

    No.
    Its not really a theme issue I put it badly.

    Existing page template may layout a list of posts automatically:

    Post 1
    Post 2
    Post 3

    etc and off down the page with perhaps sidebars. (Unless of course this is a Suffusion method -as it is really the only theme I have any exposure to)

    If we put content in the top of the page, in the editor area, it is excluded by virtue of the type of page template selected. Not sure if this is normal but suffusion requires you to select Custom Template if wanting to use this area.

    What I want is the benefit of listing template but with the opportunity to layout content in the editor area - so viually being above the listing.

    Josh I think to be honest I have taken enough of your time with this as it is deviating from the original thread. If you want to come back on it feel free but dont feel you have to.

    I think I need to get my hands burnt. I'm OK with PHP it is the WP architecture that is daunting from the point of view of productivity and tight deadlines. This is really not your probem though so for now, thanks for helping me mate!

  10. Josh (WP Edit)
    Moderator and Editor Customizer
    Plugin Author

    Posted 1 year ago #

    No worries, Andy. I'm happy to help. However, thank you for being understanding of time restraints :)

    Okay... I think I kind of follow....

    Again, I'm not familiar with Suffusion themes. But.. I haven't worked with a theme which "excludes" any content added to the content editor.

    Can you provide me a link to the page that is using this page template? Is the page template something you created... or did it come with the theme?

  11. CallMeAndy
    Member
    Posted 1 year ago #

    I cant provide a link as it is off line, local production, the code for a page of posts template is:

    <?php
    /**
     * Template Name: Page of Posts
     *
     * Creates a page with posts, akin to the default index.php. Using this template you can create as many pages of posts as you want.
     *
     * @package Suffusion
     * @subpackage Templates
     */
    
    global $wp_query, $page_of_posts, $suf_pop_excerpt, $suffusion;
    $page_of_posts = true;
    
    get_header();
    $suffusion->set_content_layout($suf_pop_excerpt);
    $paged = get_query_var('paged');
    if (!isset($paged) || empty($paged)) {
    	$paged = 1;
    }
    //$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    $args = array(
    	'orderby' => 'date',
    	'order' => 'DESC',
    	'paged' => $paged,
    );
    $temp = $wp_query;  // assign original query to temp variable for later use
    //$wp_query = null; // Resetting this to null was causing a PHP Notice to pop up
    $wp_query = new WP_Query($args);
    
    suffusion_query_posts();
    ?>
    	<div id="main-col" class='pop'>
    <?php suffusion_before_begin_content(); ?>
    		<div id="content" class="hfeed">
    <?php
    if ($suf_pop_excerpt == 'list') {
    	get_template_part('layouts/layout-list');
    }
    else if ($suf_pop_excerpt == 'tiles') {
    	suffusion_after_begin_content();
    	get_template_part('layouts/layout-tiles');
    }
    else if ($suf_pop_excerpt == 'mosaic') {
    	get_template_part('layouts/layout-mosaic');
    }
    else {
    	suffusion_after_begin_content();
    	get_template_part('layouts/layout-blog');
    }
    ?>
          </div><!-- content -->
        </div><!-- main col -->
    <?php
    $wp_query = $temp;
    get_footer();
    ?>

    I guess this answers whether or not it is a theme supplied template, it is in the theme folder so it must be. (I had assumed it was packaged with WP as a standard inclusion) Not a creation of my own in any respect, although I had derived other templates from it which of course are suffering the same problem.

    Anyway I guess to get a page including the editor area I would need to be including "something" after the get_header() and prior to the preperations for the query.

    How do you see this?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic