Tagged: iphone, reader view, safari
-
AuthorPosts
-
December 7, 2017 at 3:25 pm #886120
Hi there,
in all my enfold installations the Reader View on iPhones shows an empty white page. Also the Reader View is not possible on all pages.
So my questions are:
1. How can I show the Reader View text correctly?
2. How can I activate the Reader View for all pages?Here is an actual example:
I hope you have a tip for me.-)
Kind Regards
Stephan
MedienwerkstattDecember 8, 2017 at 6:02 am #886364Hey Stephan,
Please, can you provide your WP credentials?
Best regards,
John TorvikDecember 8, 2017 at 5:26 pm #886550Hi John,
attached you find the wp-login.
Kind regards
StephanDecember 10, 2017 at 10:03 pm #887144Hi,
The pages who show Reader View are not build with ALB and those who are not, are with ALB, correct?
Best regards,
BasilisDecember 14, 2017 at 10:20 am #888799Hi Basilis,
no, all pages are build with the Advanced Layout Builder. It seems, that those pages who have an full screen slider on top are without Reader View Button. But the Reader View of the other pages consists of a white page whithout content on iPhones.
Kind Regards
StephanDecember 18, 2017 at 10:58 pm #890280Hi,
The ALB pages, cant parse through the Reader View, because of the way we do parse ” the_content “.
As that is something interested, we have reported it to our developers, so a fix can be provided.We are pushing some updates on the upcoming versions of what the loop will and how be working
so we do hope that this will fix the issues.Thank you
Best regards,
BasilisAugust 17, 2018 at 1:06 pm #998409In the meantime I have bought more than 30 enfold themes and I am still very satisfied with them! But this thing with the Reader View on iPhones still annoys me. Customers also repeatedly ask me why in the view often nothing or only the first headline appears. Current example:
http://wp.knoebel24.de/heizungsbau/heizsysteme/
Is there no way to do that correctly or simply prevent the Reader View Button?
I would not be happy about your help!
Kind Regards
StephanAugust 20, 2018 at 10:17 pm #999613Hi,
Please check this answer here
https://stackoverflow.com/a/227238let us know if it works out for you
Best regards,
BasilisAugust 21, 2018 at 9:53 am #999710Sorry, but that has absolutely nothing to do with the problem described here!
August 21, 2018 at 9:51 pm #1000037Hi,
I am sorry if I did not understood properly, but you want to disable the mobile option to have content only readable on browsers, is that correct?
Best regards,
BasilisAugust 22, 2018 at 10:20 am #1000202Hi Basilis,
I’ve made two screenshots on the iPhone for explanation:
http://wp.knoebel24.de/iPhone-normal-view.png
http://wp.knoebel24.de/iPhone-reader-view.pngOn many websites, the browser offers a button on the top left (framed in red), which allows you to switch to the Reader view. Then usually comes a pure read view of the web page that ignores the CSS.
Unfortunately this does not work with the enfold theme, as you can see on the second screenshot. There comes only the title of the website, rather than the content. On some pages, but also comes the first headline or the first block of text. It works fine on WordPress pages with other themes.
Actually, the reader view is useful, e.g. for the visually impaired. So if you can figure out how the content area has to be structured for that, that would be great.
If necessary, I would do without the Reader View Button if it does not work anyway. On the enfold demo page you managed that somehow that the Reader View Button does not appear on any page:
How did you do that?
Best regards
StephanAugust 27, 2018 at 4:44 am #1002119Hi,
Thanks for the clarification.
Is it working properly when you switch to the default editor? I’m not really sure how the reader view button works or what triggers it and I don’t see any way to disable it aside from the browser settings itself. In the demo, the button doesn’t appear because the page seems to match the following criteria.
It looks like that Safari Reader will detect a div or block level element that contains a header element (h1 to h6), followed by a certain amount of text. The reader badge will appear when the content text (not including the header) is more than 2,000 characters.
// https://mathiasbynens.be/notes/safari-reader
Best regards,
IsmaelAugust 27, 2018 at 2:31 pm #1002286Hi Ismael,
I’ve done a few tests with the standard editor, but I did not make it, despite your hints that the reader button ever appears. In fact, it is not understandable when and how safari offers a reader view.
I’ll try to annoy Apple Support,-), even if I do not think they’ll ever report it back.
Nevertheless, many thanks for your help and the hints!
Best Regards
StephanAugust 28, 2018 at 4:10 am #1002514Hi,
Alright. Thanks for the update. Let us know what the geniuses say. :)
// https://www.apple.com/retail/geniusbar/
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.