Illustratr how to hide content, just show preview image?
-
In the Illustratr theme I really love how the preview image prefaces the post with just an image bar and the post title, but I would like to make it so visitors only see the preview image/title and have to click it to read the whole post. Please visit my blog to see what I mean:
http://theslowkind.wordpress.com/
Is there any coding changes that I can make to fix this, or even better, some way to fix it without paying a ton of $$? And no I’m not trying to tile it in a portfolio page like some people want. Just consecutive preview images linking to each post.
Thanks!!The blog I need help with is: (visible only to logged in users)
-
Add the following Display Posts Shortcode to a new page and see if you like it:
[display-posts image_size="thumbnail" wrapper="div"] -
-
No need of Premium to add shortcodes.
Just create a new page and add the shortcode to see the magic :-)
I modified the earlier shortcode to include the large images as following. Use this, please.
[display-posts image_size="large" wrapper="div"] -
Hmm. I don’t think I am understanding. I created a new page and pasted this, but it didn’t work because there isn’t any content on the page, and it doesn’t apply it to the whole blog. I am hoping to make it look like this for the home page, which I don’t know where to edit the code for. Is there a way to do this? Also, can the code be changed to specify the image size as 1100×500 px?
-
there isn’t any content on the page
This code should display the post title and the featured image if available.
it doesn’t apply it to the whole blog.
That’s correct. It only applies to the newly created page to which this code is added. If you liked the way this new page is displayed we can hide the current blogs page and make this new home page.
Also, can the code be changed to specify the image size as 1100×500 px?
We can’t specify the pixel sizes. As the Display Posts Shortcode support document says:
The image_size can be set to thumbnail, medium, large (all controlled from Settings > Media). -
Yay! I figured it out! Thank you!! It looks pretty good, but one last thing: How can I center my titles under the images instead of having them to the left like they are now?
-
I am afraid you would ask this :-)
Unfortunately center justification is not possible without CSS upgrade.
You will find, not the answer, but some info around image alignment in the display post short code support document I linked above.
-
:( Ok well I guess it will do for now. Hopefully I’ll make money off my blog someday and premium will pay for itself!
Thank you so much for all your help!! -
-
Looks like chaitanyamsv has helped you a lot!
I just wanted to clarify one thing – when you asked
Also, can the code be changed to specify the image size as 1100×500 px?
and then chaitanyamsv said:
We can’t specify the pixel sizes. As the Display Posts Shortcode support document says:
The image_size can be set to thumbnail, medium, large (all controlled from Settings > Media).
Since the display posts shortcode does follow the dimensions set under Settings > Media, you can change the large size under Settings > Media:
https://theslowkind.wordpress.com/wp-admin/options-media.php
Currently, the width for large images is set to a maximum of 1024px, but you can change that to 1100 if you prefer:
https://cloudup.com/c0sdvKHa9CkLooks like you’re on your way – have fun with the site!
-
-
-
-
Thanks for the info!! Unfortunately it didn’t work. Maybe it will take a few hours or something, but I think that the shortcode is probably using the default dimensions for what large equals rather than the user determined ones. I might be wrong, but as far as I can tell the images are still the same size, even after setting all three sizes to those pixel dimensions :(
-
Indeed you’re right!
I forgot that the size of the image is limited by the width of the main column, which in Illustratr is 840px. Images cannot be wider than 840px, even if the large size is specified to be wider in Settings > Media, as that would not fit into the column correctly.
- The topic ‘Illustratr how to hide content, just show preview image?’ is closed to new replies.
WordPress.com Forums 