Page Layout and Resolution

Hello, thanks for the kind words. I expect to simplify this for the next major version of NLP, however it is taking more time than expected due to the amount of improvements.

Addressing your questions:

1.- There are some custom CSS files I have provided for some people, this one tweaks the default stylesheet to display thumbnails to the left: nlp-alignleft.css. Whenever you create a custom stylesheet, you must include it (at least once) in a page, it means if you have multiple instances then you just need to put in one of them this: css_style=mycustomcss (please note there is no .css), styles are included in footer.

2.- Thumbnails are taken from the default WordPress dimensions, it means they will be sized the way WordPress defined them to be. You could try using the thumbnail_wh parameter which allows you to force different dimensions for images, set a bigger size then apply your CSS customization using media queries. There is also thumbnail_class which sets custom CSS classes for images if you think that would be of help.

I hope this information helps, if you need anything else please let me know.

Best regards,
José SAYAGO.

Hi Jose,

Thanks for your help and sorry for my delayed response! I spent a few days customizing NLP to my current theme and it looks pretty awesome! The only thing I haven’t been able to figure out is the order of the post feed.

Is there a way to order the posts strictly by publish date so edits don’t push the post back to the top of the feed? Currently using sort_by_date=true.

Other than that everything worked great!

Two ideas I wanted to run past you are;
1. In the current version, or in a future release, would it be possible to open the post link in a new window upon click? My thinking was, because NLP uses ajax to load the following page results, when the users navigate back from reading a blog post, the results start back at page one, resulting in the reader loosing his place in the results. Forcing post to be opened in a new page could be a possible solution.

2. Could an auto scroll to top feature be added to the Pagination click at the bottom of the page? I think I saw this happen on a few OS’s I tested on, but wasn’t sure if this was the OS or the plugin. It would just make it feel more like a new page and bring the users to next result in inline. But love the fade-in effect of the results!

All in all, great work! The suggestions are really minor, but I thought id throw them out there. Thanks again for all your time on this!

Quick afterthought, the thumbnail resolution issue I was having was related to-webkit-filter: grayscale(1); It appears (At least Safari) calculates the effect only factoring in standard resolution, and when I changed the effect to 0, the image was still being processed. So;

.nlposts-ulist-container .nlposts-ulist-thumbnail-litem a > img {
filter: none !important;
-webkit-filter: none !important;
opacity: 1 !important;
}

fixed it right up.

Thanks again!

Hi I’m glad you got it working the way you wanted. There is an “undocumented” feature called use_pub_date which if set to true it will use publish date instead of last update (which is the one used by default). Try adding: use_pub_date=true and see if that works for you.

Thanks for your suggestions, I’ll keep them in mind for the next major release. I have already included more options for links and content, but I haven’t been able to finish the rest yet.

Concerning pagination, I fixed this in Single Latest Posts but haven’t included it in Network Latest Posts yet. I’ll try to do it asap. For now, you may want to add it yourself.

Edit network-latest-posts.php lines 855 to 857:

// Replace this
jQuery(".nlp-instance-'.$instance.' .nlposts-wrapper").fadeOut("slow",function(){
    jQuery(".nlp-instance-'.$instance.' .nlposts-wrapper").load(link+" .nlp-instance-'.$instance.' .nlposts-wrapper > *").fadeIn(3000);
});

// With this one
jQuery(".nlp-instance-'.$instance.' .nlposts-wrapper").fadeOut("slow",function(){
	jQuery(".nlp-instance-'.$instance.' .nlposts-wrapper").load(link+" .nlp-instance-'.$instance.' .nlposts-wrapper > *").fadeIn(3000, function(){
		var nlpOffset = jQuery( ".nlposts-container" ).offset().top;
		jQuery("body, html").animate({
			scrollTop: nlpOffset-100
		}, 200);
	});
});

I hope this information helps.

Best regards,
José SAYAGO.

Hey Jose, Thanks for the great support!

I used both your suggestions;

1. use_pub_date=true Worked perfect. I did find that I had to keep sort_by_date=true and use_pub_date=true in the shortcode for it to work correctly. Using use_pub_date=true alone, sorts it by blog first, then by date. Together they prioritizes the publish date and it worked awesome.

2. The code snippet did exactly what I was looking for and created a nice scroll to top event.

Thanks again for your help and the great work on the plugin!

-Carl