Twenty Ten Category posting problems with Images & Links
-
Hi there,
I am very happy with how Twenty Ten is behaving for my new site over a range of devices. But there seems to be one quite serious problem.
Look at this:
http://sufinz.com/2016/01/06/devi-tide-kapiti-workshop/
then
http://sufinz.com/category/healing-order/
As you will see:
– the image disappears,
– there is no option showing for more or continue reading (I have tried inserting a More link and it does not seem to have any effect)
– the links have converted to textI have had to resort to the very ugly and clumsy TEXT warning at the bottom of the post.
Can this be made to behave better. Those categories are very important to making this site easy to navigate.
Another example:
http://sufinz.com/category/universal-worship/
http://sufinz.com/2016/01/06/universal-worship-in-auckland/
Thanks for any help
Andrew Hall
The blog I need help with is: (visible only to logged in users)
-
Category pages display excerpts in Twenty Ten – that’s not something that can be changed. Clicking the post title links to the full post.
While Twenty Ten is a classic theme, it’s five years old and not responsive – it doesn’t adapt automatically to smaller screens, like newer, responsive themes do. (I see you’ve activated the separate mobile theme as a workaround.)
I realize that you said you’re happy with Twenty Ten, but if displaying the full post on category pages is important to you, you might want to look for a theme that has that feature.
Twenty Eleven is based on Twenty Ten and is quite similar – and it displays the full post on category pages, as you can see here:
https://twentyelevendemo.wordpress.com/category/uncategorized/
It’s also responsive, so it adapts well to small screens, and there’s no need for a separate mobile theme.
Perhaps you might like to give it a try.
-
Hi Kathrynwp
Thanks for the reply. I am really very satisfied with the twenty ten theme. I have used it with an iPad in either orientation, on a big desktop screen and on two different smart-phones and it performs really well on all of these, now that I have, with help, made (numerous) modifications to the CSS. The mobile friendly version is also very good IMO. I would prefer that it treated categories more sensibly but if that is not able to changed I can live with it.
I did have a look at twenty eleven and it does seem to be able to perform very similarly so I may at some later date have a rethink but then I guess that will be considered out-of-date fairly soon too. As a gross generalization I do not seem to like the more modern themes that are built from the mobile platform backwards.
Thank you for the superb support you provide it is greatly appreciated.
Andrew
-
-
I just had an idea for a workaround. Instead of using category pages, you could try the Display Posts shortcode, selecting a specific category whose posts you want to display using the shortcode.
This would allow you to display full posts in any category you like.
-
Thank you so much for that, it looks very powerful and useful. I will see what I can do with it.
Andrew
-
-
Hi again
I was checking this option out and I don;t seem to be able to find a way to display posts from a category full length as opposed to excerpts. Any suggestions?
Andrew
-
Ah, looks like it’s missing from the support page (I’ll add it) but adding the
include_content="true"attribute to the shortcode should do the trick:[display-posts include_content="true"]Let me know if that works.
-
That works, I will have to see how / if I can bring this into usage on the site. It may need further tweeking.
Thank you so much
Andrew
-
-
Hi again. I am wondering if I can use this method to create a pseudo-posts listing page that has an order determined by me rather than Date order. Do you think it would work?
I am not sure if we start with a post or a page.
But then within that page I first list Important category posts, then Sufi practice Groups posts, then next category …. etc
Another possibility (?) would be first Important category, then perhaps a Second level important category then everything else in date order.
One thing i would need to do if I took this approach would be to use Custom CSS to make the headings in this page – and this page only – large as currently they appear small
eg http://sufinz.com/test-category/
Does this sound workable.
Thank you for your help
Andrew
-
Using the Chrome inspector it looks to me like I might be able to do this using post-1943 as part of the CSS selector but I am still not good enough at building selectors.
-
This is absolutely fantastic Kathrynwp. It means I can create a pseudo-posts top page with sticky posts and any category ordering I want. I have one question left which I have put in the CSS forum. It seems to me this is a technique that many users would find very useful if, like me, they are in a situation where they do not want date ordering for their posts.
Here is my current test page: http://sufinz.com/test-category/
Thank you
Andrew
-
Looking good so far!
I am wondering if I can use this method to create a pseudo-posts listing page that has an order determined by me rather than Date order. Do you think it would work?
You can use the orderby attribute to specify an order other than the default reverse chronological. The available parameters (options) can be found here:
http://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters
One thing i would need to do if I took this approach would be to use Custom CSS to make the headings in this page – and this page only – large as currently they appear small
Rather than targetting all the post titles on a paget separately as you’ve done now, you can change them at once by targeting the page ID:
.page-id-1943 .listing-item a { color: #000; font-size: 19px; text-decoration: none; font-weight: 700; }You can do the same with your hover colour, so instead of:
#post-1943 a.title:hover, #post-1975 a.title:hover, #post-1963 a.title:hover, #post-1966 a.title:hover, #post-1977 a.title:hover, #post-1979 a.title:hover, #post-1981 a.title:hover, #post-1983 a.title:hover, #post-1985 a.title:hover, #post-1987 a.title:hover, #post-2007 a.title:hover, #post-2047 a.title:hover, #post-2049 a.title:hover { color: #dc143c; }You only need:
.page-id-1943 .listing-item a:hover { color: #dc143c; }You’ll find the page ID on the body tag when viewing the browser source, or using a browser inspector:
<body class="page page-id-1943 page-template-default logged-in admin-bar no-customize-support custom-background mp6 customizer-styles-applied single-author highlander-enabled highlander-light custom-colors theme-menu-maximized">If you’d like to remove the bullets next to each post title, this should do it:
.page-id-1943 li { list-style-type: none; }Let me know if this answers all your questions for now!
-
But then within that page I first list Important category posts, then Sufi practice Groups posts, then next category …. etc
If you want to display multiple categories on the same page you can do that too, just add multiple display posts shortcodes one underneath the other. For example:
[display-posts category="important" include_content="true"] [display-posts category="sufi" include_content="true"]etc.
Your category slug just needs to exactly match what you use on your site.
-
Hi Kathrynwp, thank you so much for your wonderful help.
It’s tricky knowing where to post about things so I actually found my way to most of what you write above over the weekend and I have everything working fine.
http://sufinz.com/events/
http://sufinz.com/news/There is one slight ‘bug’ that I can live with but I will mention it. When I edit a page, or delete a page, or create a new page it takes about 1 1/2 hours for it to show when I use the display-posts listing approach whereas with the ordinary all posts listing it is immediate (the page itself shows immediately only when I look at the series of posts using display-posts does the delay occur). But I can live with that.
I do not entirely understand what you mean about targeting only a single page ID but I think it is probably a misunderstanding. I have used display-posts for all my category listings linked via the right side-bar – so that they display full size. That long list of page IDs is the list of all the categories plus my events page plus my news page.
I am really thrilled about the power of this way of working – there is so much that can be done with it. It also allows me to put a little message at the heading of my various post listing pages which I find very useful.
Thanks again for putting me on track for this
Andrew
-
I’m so glad the Display Posts shortcode is working well for you. It’s been my pleasure to help.
I do not entirely understand what you mean about targeting only a single page ID but I think it is probably a misunderstanding.
Right now you’re changing the size, colour, etc. of each post title being output using the shortcode by targeting them all individually, like this:
#post-1943 a.title, #post-1975 a.title, #post-1963 a.title, #post-1966 a.title, #post-1977 a.title, #post-1979 a.title, #post-1981 a.title, #post-1983 a.title, #post-1985 a.title, #post-1987 a.title, #post-2007 a.title, #post-2047 a.title, #post-2049 a.title { color: #000000; font-size: 19px; font-weight: 700; text-decoration: none; } #post-1943 a.title:hover, #post-1975 a.title:hover, #post-1963 a.title:hover, #post-1966 a.title:hover, #post-1977 a.title:hover, #post-1979 a.title:hover, #post-1981 a.title:hover, #post-1983 a.title:hover, #post-1985 a.title:hover, #post-1987 a.title:hover, #post-2007 a.title:hover, #post-2047 a.title:hover, #post-2049 a.title:hover { color: #dc143c; }Instead of targeting all the post titles individually as you’re doing now, you can consolidate the CSS by targeting the page ID of the page those posts are being displayed on via the shortcode.
In the case of your events page, that page ID is page-id-2047, for example.
Using the ID of the page on which you’re using the shortcode means your code will be shorter, cleaner, and you won’t need to update it every time you add new posts in a category. I gave you an example of what I mean earlier but you can add all page IDs for pages on which you’re outputting the shortcode too.
There is one slight ‘bug’ that I can live with but I will mention it. When I edit a page, or delete a page, or create a new page it takes about 1 1/2 hours for it to show when I use the display-posts listing approach whereas with the ordinary all posts listing it is immediate (the page itself shows immediately only when I look at the series of posts using display-posts does the delay occur). But I can live with that.
I’m not sure why you’d be seeing a lag after updating pages the shortcode. Are you refreshing the page in your browser to make sure it’s pulling the latest version?
I am really thrilled about the power of this way of working – there is so much that can be done with it. It also allows me to put a little message at the heading of my various post listing pages which I find very useful.
That is handy!
-
Hi again,
We’re still not understanding each other on the CSS though it doesn’t matter. Each of those page ids I have listed is a whole page (not a post) using display-posts to list a series of posts, either events, news or one of my 9 or so categories – none of them is an individual post.
On the delay issue – yes it is strange. I posted about it elsewhere with no reply but it appears to me to be a wordpress issue rather than a caching issue. It shows on different devices even if that device has not been used to look at the old content first. So, for example, I delete a post belonging to a category and then look at the display-posts listing for that category on my PC, use a different browser, clear cache, or look on my iPad – and even if I had not looked at that page before at all (ie no cache) the deleted post still shows as being there, while if I look using the usual blog all-posts it has gone. It happens with editing too – on pages generated using display-posts there is a 1 1/2 hour delay for changes to show even though the post itself shows changes immediately. Hard to explain but hope that describes it.
Thanks ever so much for the amazing support – if only Adobe or even my local phone company had a similar philosophy :-(
Andrew
-
Thanks ever so much for the amazing support – if only Adobe or even my local phone company had a similar philosophy :-(
Aw, you’re very welcome.
The lag issue may be server-side caching on the WordPress.com end.
We’re still not understanding each other on the CSS though it doesn’t matter. Each of those page ids I have listed is a whole page (not a post) using display-posts to list a series of posts, either events, news or one of my 9 or so categories – none of them is an individual post.
Yes, there’s still a misunderstanding happening. :)
Each of those page ids I have listed is a whole page (not a post)
Hmm, no, anything following the format #post-xxxx indicates a unique post ID, not a page (note the word “post”). Pages follow the format .page-id-xxxx (note the word “page”).
In any case, as long as you’re getting the effect you want, both format of CSS are valid. :)
- The topic ‘Twenty Ten Category posting problems with Images & Links’ is closed to new replies.
WordPress.com Forums 