hebhansen

Is it somehow possible in the shortcode to call posts that are in 2 or more categories?

[display-posts category="fishing,hiking"]

Exclude the ones in only fishing
…… Hiking

Include the posts in both Fishing and Hiking…

Thx Bill

In my CSS I have 3 errors using your code.

The Grid is Yellow and I ignore it.

Here is a screendump of what I see:
CSS Error

Is it possible to place the heading above image?

The CSS is already added: As you know WP complains about Grid Gap (Yellow error)

I also have an error (red) at
grid-template-columns: repeat( 2, 1fr );

and also the other

“Expected RBRACE”

I will look into other layouts tomorrow. Thx so much so far. It’s most appreciated.

Thx Bill

As it turns out, the Grid style sorted out the image size issue. I have two hits on my shortcode. They display above eachother. Why do they not float left and fill up rows first? Can I do that?

Headings for post listing is now working. Code added to snippets and I changed H3 to H4. That fits the bill better.

Changing archive/blog layout is not an option. I’m working from this example right now, which wont work either.

But just to be clear. archive.php is NOT the layout of the Blog page?

Template Parts:

Your Summary and featured examples look great. The featured display is what I look for above. Txt aligning to image size, but I want it under a 400x250px image and txt aligning to adjust to the image.

Then I want them in columns across the width of the screen. Something like the Briefing Section on my front page.

– I have installed Code Snippet Plugin
– I have copied this to “functions.php” (into the plugin without breaking my site)

<?php
/**
 * Template Parts with Display Posts Shortcode
 * @author Bill Erickson
 * @see https://www.billerickson.net/template-parts-with-display-posts-shortcode
 *
 * @param string $output, current output of post
 * @param array $original_atts, original attributes passed to shortcode
 * @return string $output
 */
function be_dps_template_part( $output, $original_atts ) {
	// Return early if our "layout" attribute is not specified
	if( empty( $original_atts['layout'] ) )
		return $output;
	ob_start();
	get_template_part( 'partials/dps', $original_atts['layout'] );
	$new_output = ob_get_clean();
	if( !empty( $new_output ) )
		$output = $new_output;
	return $output;
}
add_action( 'display_posts_shortcode_output', 'be_dps_template_part', 10, 2 );

From here I’m lost …..

archive.php exist in my theme. Changing it does nothing
archive-featured.php (where should it go, what will it do, why not dps prefix?)
dps-large.php (where should it go)
small in the same place I guess

When adding Layout=”small,large,featured,summary” to the shortcode. Where is it specified which ones are available?

Will you share your code for summary and featured from your example above?

Also, can I display the heading as H2, H3 etc

I have the regenerate plugin. I ran it again today

Link to the page I work on that has shortcode:
Flight Jacket

Scroll down to Inter Wars > Flight Jacket Type A-1

The image I call: rise-home-blog: 400×250 pixels (cropped to fit)

The short code I use:
[display-posts category="flight-jacket,inter-war" image_size="rise-home-blog" include_excerpt="true" excerpt_length="20" wrapper="div" wrapper_class="display-posts-listing image-top"]

Layout Text:
image-top and image-left seems to work now. I use custom css plugin. Sometimes effects of css takes aa day or two to sink in. Don’t know why. Maybe cashe.

Is it possible to keep txt within the width/height of the image for image-top/image-left respectively

Columns:
Is it possible to set a number of columns to display the called posts fx 3 and will it be responsive for small screen?

My CSS basically unedited from yours:

/* Display Posts - Left Align */
.display-posts-listing.image-left .listing-item {
	overflow: hidden; 
	margin-bottom: 32px;
	width: 100%;
}

.display-posts-listing.image-left .image {
	float: left;
	margin: 0 16px 0 0;
}

.display-posts-listing.image-left .title {
	display: block;
}

.display-posts-listing.image-left .excerpt-dash { 
	display: none; 
}

/* Display Posts - Top Align */
.display-posts-listing.image-top .listing-item {
	margin-bottom: 32px;
}

.display-posts-listing.image-top .listing-item .title {
	display: block;
}

.display-posts-listing.image-top .listing-item .excerpt-dash {
	display: none;
}

There is no shortcode in my old blog page

Plugin is deleted. I will find another solution

I deleted the plugin

– Blog page does not display. Conflicts with the default page
– Social icons not working
– Positive deselect of categories not possible
– slow response

Any ideas to this issue?

I could still use some intro help here

Also:
Do I need categories att when I have media categories already identified to my images?

If yes, can I copy my categories to categories att and maintain my links from media categories? How is it done and still why do I need it?

Here is what I have after 3 days of research and reading

[mla_tag_cloud post_mime_type=image]

[mla_gallery post_parent=all posts_per_page=21]
[mla_gallery post_parent=all posts_per_page=21 mla_output="paginate_links,prev_next"]

It gives me a tag cloud. I need a category cloud. Is it possible?

Also I get a flat image display of all media. No stucture and no hierarchy. Is hirarchy possible?

What is an attached file vs an unattached file?

Thanks David

I will try to keep it short.

Can I copy/import my Media Categories on which I spent weeks into Categories Att and automatically keep all images linked as they are?

Basically what I’m trying to do is:

– batch tag/categorise my media
– Create a paginating Gallery/Portfolio of images based on my category structure
– Display Title/Caption

Ex:
Landing page includes featured image from parent categories. Each image link to those images and child categories. So basically a dynamic Gallery that adds images when categorised. The image itself links to fullsize/lightbox etc.

I guess all styling is done by CSS?