• Due to my utter lack of unsuccessful tries with this plugin getting to work with the Shamrock theme, I have come here to get some help.

    I’ve have used this shortcode in a page.
    [ic_add_posts category='Dutch' paginate='yes' template='wp-content/themes/shamrock/posts_loop_template.php']

    It does retrieve all the posts with the catorgory “Dutch”, so that’s a plus. But when I’ve tried multiple things to try to get it to adjust to my theme “Shamrock”. Post.loop.template.php is in my theme directory with the following code.

    <!-- NOTE: If you need to make changes to this file, copy it to your current theme's main
    	directory so your changes won't be overwritten when the plugin is upgraded. -->
    
    <!-- Start of Post Wrap -->
    <div class="post hentry ivycat-post">
    
    	<!-- This is the output of the post TITLE -->
    	<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    
    	<!-- This is the output of the excerpt -->
    	<div class="entry-summary">
    	<!-- This will output of the featured image thumbnail  -->
    		<div class="featured-image">
    			<a href="<?php the_permalink(); ?>">
    				<?php the_post_thumbnail( array(180,9999), array('class' => 'alignleft')); ?>
    			</a>
    		</div>
    		<?php the_excerpt(); ?>
    	</div>
    
    	<!-- This is the output of the META information -->
    	<div class="entry-utility">
    		<?php if ( count( get_the_category() ) ) : ?>
    			<span class="cat-links">
    				<?php printf( __( '<span class="%1$s">Posted in</span> %2$s', 'shamrock' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?>
    			</span>
    			<span class="meta-sep">|</span>
    		<?php endif; ?>
    		<?php
    			$tags_list = get_the_tag_list( '', ', ' );
    			if ( $tags_list ):
    		?>
    			<span class="tag-links">
    				<?php printf( __( '<span class="%1$s">Tagged</span> %2$s', 'shamrock' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
    			</span>
    			<!--<span class="meta-sep">|</span> -->
    		<?php endif; ?>
    		<!--<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'shamrock' ), __( '1 Comment', 'shamrock' ), __( '% Comments', 'shamrock' ) ); ?></span>-->
    		<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
    	</div>
    
    </div>
    <!-- // End of Post Wrap -->

    I’ve tried adding things to it and deleting, but still nothing works. Maybe it’s all the class summaries within the code. I must confess, they don’t exists in my css files, if I’m being honest. But I don’t know where I should put them and what kind of style I should include to make it work.

    Can anyone help me fix this? I’ve got some knowledge about html and css, but no php knowledge, other than copying code into the files.

    I hope someone can help me.

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    I must confess I know nothing of your theme or plugin. I can offer a generic works-with-anything approach, but if there’s some simple fix due to a name collision or something, I wouldn’t know it. Do try to identify an easier fix. My approach can get rather involved. You might try the specific support forums for your plugin and theme.

    This is basically a CSS fix. To apply it you should create a child theme. There’s some minimal PHP involved that’s mostly copy/paste. You should learn how to use your browser’s CSS inspection tool, usually under developer tools or similar. Load a page with the unstyled shortcode output and if needed a theme styled page or post with similar elements. Find the class for the unstyled shortcode output and find the equivalent CSS rules for the equivalent theme element.

    Make a new child theme CSS rule (in style.css) with the shortcode class and theme rules for each different element. Start with the outermost elements and work in to take advantage of any inheritance. You’ll eventually get the shortcode output looking fairly close to your theme. You may need to add or alter some properties to get it just right. Repeat for any CSS media query groups. The Chrome developer tools are very good for emulating different devices, screens, orientations, etc.

Viewing 1 replies (of 1 total)

The topic ‘Post in Page plugin with Shamrock Theme’ is closed to new replies.