- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
- TutorialstagDiv Social Counter Tutorial
Hello,
Each thumb that you have enabled, will create a copy of that images. II recommended using the Flex blocks, instead of blocks 1-25; those are from the tagDiv standard pack and can’t be customized as a Flex Block; this plugin loads all the styles even if it is not used;
So, our theme make thumbs which are enabled in Theme Panel -> Block Settings => https://www.screencast.com/t/ZvDvpiBFKY3 -> https://forum.tagdiv.com/theme-thumbs/
Also, WordPress creates thumbs => https://www.screencast.com/t/AMVBOZWto
Our suggestion is to take a look at what blocks you use and make sure that the thumbs are active only for that=> https://forum.tagdiv.com/theme-thumbs/
Thank you!
I run it always in a fresh firfox privat browsing window.
But I got deeper into it. I thought may be I can bypass this problem using the category, which I did not use because we made everything with taxanomies.
I made 4 categories.
4 Categories Family and Sub Kind, Mutter,Vater
The taxonomy carrier Filter was Monthly 05/23 for all coming pictures.
I changed it during testing to Monthly 04/23, 03/23 etc but it did not have any changes with this flexfilter, the multiple termfilters overwrite the taxonomy filter Monthly 05/23.
The article boxes on that page, where I did not use multiple Term Filter the changes of the taxonomy form Monthly 05/23 to 04/23 etc worked well.
But what you will see is, what [must belong to all terms] actually does.
The First picture shows
1. Taxonomy- Carrer Filter which is Monthly 05/23
2. The category 611 [Familie]
3. Must belong to all terms [not active]
Shows: all 9 articles were we have
1 with Famelie
5 with Vater
3 with Kind
2 with Mutter
This are 11 with 9 articles, because 2 articles have 2 categories
1 has Mutter and Vater
1 has Familie and Kind
Category 611[Familie] – [All Terms] not activ
The second picture shows
1. Taxonomy- Carrer Filter which is Monthly 05/23
2. The category 612 [Kind]
3. Must belong to all terms [not active]
Shows: 3 articles were we have the category [Kind]
Category 612[Kind] – [All Terms] not activ
The third picture shows
1. Taxonomy- Carrer Filter which is Monthly 05/23
2. The category 612 [Kind]
3. Must belong to all terms [ACTIV]
Shows: 3 articles were we have the category [Kind]
Category 612[Kind] – [All Terms] ACTIV
The forth picture shows
1. Taxonomy- Carrer Filter which is Monthly 05/23
2. The category 611 [Familie]
3. Must belong to all terms [ACTIV]
Shows: 1 articles were we have the category [Familie]
Category 611[Familie] – [All Terms] ACTIV
And now the important picture
The fifth picture shows
1. Taxonomy- Carrer Filter which is Monthly 05/23
2. The category 611 [Familie]
3. Must belong to all terms [NOT ACTIV]
Shows: 9 articles were we have the category AND SUBCATEGORY from [Familie]
Category 611[Familie] – [All Terms] NOT ACTIV
So, what the activation of [Posts(cpts) must belong to all terms] do now is not what it was and not what you would expect.
1. It does not include all Filter Terms from Category filter and Multiple Filter and only show all article where both filters are positive.
2. It also do not work with multiple Terms separated by Comma in the Multiple terms filter, as if you put a second in (separated by comma) than it shows NO article
3. When you use a PARENT category filter and you activate the [Posts(cpts) must belong to all terms] button, it does not show all Sub Category Filter of that Parent category anymore -> It shows only the exat match of the parent category (in our case Familie)
I am also using the Flex Loop Filter on that page and it worked well before the update,
but now the Flex Look Filter do not work for Flex Block X, if you use the [Multiple terms filter]. In the sample in the 2 picture below I used the taxonomy ID 34, which is for Western Europe and look for your self, what is happening if you use the Flex Loop Filter.
Picture 1 is a Sub-page, where you are directed to if you click on the taxonomy [Monthly 05/23]. What you have to keep in mind is, that 05/23 is the actual issue or the last posts.
So here in Pic 1 everything looks fine, as it shows everywhere the latest posts
Issue [Monthly 05/23] – Flex Loop Filter 05/23
In picture 2, I clicked on [Monthly 04/23] the issue from previous month.
All boxes, where I did not use the [Multiple terms filter] shows the right Issue, but
under Western Europe, where I use the Filter 34 in the [Multiple terms filter] field, the Flex Loop Filter do not work. And that is because if you use a specific Filter in the [Multiple terms filter] other filters send by Flex Loop can not combine the filters.
Issue [Monthly 04/23] – Flex Loop Filter 04/23 – BUT
This is a big issue, as it worked well before.
TagDiv has a problem with combining Filter with the Flex Block X and please solve it as fast as possible.
If you need, I can make a staging page of this and give you excess, but you should send me a email address or an other possebilty, to share location and Login data with you.
Thank you very much
Maik
When using a cache plugin in WordPress (aka W3-TotalCache or other), it will disable the cache for authenticated users and build the page for all known users.
But when using ClouFlare, when page is in cache, admin users get same page as everybody.
So navigating on the frontend of the site admins have time to time the wordpress admin-bar (cf cache miss) and no admin-bar (cf cache HIT)
So when admins do have the admin bar the infinite scroll works as expected, but on pages without the admin-bar (cf cache HIT) the Ajax request reaches the server and bounces status 403.
Bellow you’ll find the request in curl
If I run that request without the line “-H ‘cookie’ … ” it works just fine.
So I believe the payload / ‘–data-raw’ section holds something about the authenticated user that has to match the cookie, and that when it finds the cookie and not the relevant data in the payload, the request gets rejected.
(I’ve tested all I could. Things like disabling any security plugins like Wordfence etc..)
curl 'https://www.welovetennis.fr/wp-admin/admin-ajax.php?td_theme_name=Newspaper&v=12.3.1' \
-H 'authority: www.welovetennis.fr' \
-H 'accept: */*' \
-H 'accept-language: fr-FR,fr;q=0.9,en-US;q=0.8,en;q=0.7,es-419;q=0.6,es;q=0.5' \
-H 'content-type: application/x-www-form-urlencoded; charset=UTF-8' \
-H 'cookie: wordpress_sec_f1bdf72b037f4fc61a63ad5e89e9ef25=antony%7C1686083014%7CURpjXWj39EjnJJRGKPumlEmrKcrFlVet04mQNF1ntDn%7C4856477bbdf40dcf110a94ce8fe959667a535a667b2568634a269f62cd4dfb87; wordpress_logged_in_f1bdf72b037f4fxxxxxxxxxx25=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxf6fb09ef8ae5; wp-settings-1=editor%3Dhtml%26libraryContent%3Dbrowse%26advImgDetails%3Dshow%26posts_list_mode%3Dlist%26imgsize%3Dfull%26mfold%3Do; wp-settings-time-1=1684873423; fonce_current_user=1; _ga_1Z908S1EE2=GS1.1.1685172078.1.0.1685172078.0.0.0; _pbjs_userid_consent_data=1688550979652389; _gid=GA1.2.1338529052.1685759630; hidecta=no; _ga_98EFBCYPM8=GS1.1.1685759629.9.1.1685759860.0.0.0; cto_bundle=8djCU19DMGVlRWxiSUdyMVQ2M0hDa3BwQ05BYmNHQnFIcEFHTFU3VzhlWkdQbDlndVNmb3FKb0JOT1ZGUkhzciUyQlQ5MHBnb1dRNGIyTFdEMTBFd0lCM25tclZaNUFJZXRuY3FSSktJdkJLNzFvSSUyRlJqZyUyRkRYbVhPckhISlZ3aUNOaVNvMnJCZHBOdVZGR0FsSlFwJTJGU1pYek0lMkZnJTNEJTNE; cto_bidid=_sEKgV82RWp4YkNYZWFVejBnTXNHVG0yOUgxcHRhSXZEa0lwdEFEalJTdU93ZDglMkZQYVFkOGhTWHRRbjdvdDJRRk5SZSUyRlV0dmpSOVpXTDZYM0dySmhwUHdmbmNWNHpkYmpuV211OXJpYVlYYmtVWGNkaGJtQk5KNklueHNaN3hxTWhNMjU; _ga=GA1.2.1020367004.1684952847; _gat=1' \
-H 'dnt: 1' \
-H 'origin: https://www.welovetennis.fr' \
-H 'referer: https://www.welovetennis.fr/' \
-H 'sec-ch-ua: "Google Chrome";v="113", "Chromium";v="113", "Not-A.Brand";v="24"' \
-H 'sec-ch-ua-mobile: ?0' \
-H 'sec-ch-ua-platform: "Linux"' \
-H 'sec-fetch-dest: empty' \
-H 'sec-fetch-mode: cors' \
-H 'sec-fetch-site: same-origin' \
-H 'user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36' \
-H 'x-requested-with: XMLHttpRequest' \
--data-raw 'action=td_ajax_block&td_atts=%7B%22art_title_pos%22%3A%22bottom%22%2C%22info_pos%22%3A%22bottom%22%2C%22art_excerpt_pos%22%3A%22bottom%22%2C%22art_audio_pos%22%3A%22bottom%22%2C%22modules_category%22%3A%22image%22%2C%22btn_pos%22%3A%22bottom%22%2C%22modules_on_row%22%3A%22eyJhbGwiOiI1MCUiLCJwaG9uZSI6IjEwMCUiLCJwb3J0cmFpdCI6IjEwMCUifQ%3D%3D%22%2C%22category_ids%22%3A%22346%22%2C%22limit%22%3A%224%22%2C%22ajax_pagination%22%3A%22infinite%22%2C%22sort%22%3A%22%22%2C%22offset%22%3A%223%22%2C%22ajax_pagination_infinite_stop%22%3A%223%22%2C%22tdc_css%22%3A%22eyJwaG9uZSI6eyJkaXNwbGF5IjoiIn0sInBob25lX21heF93aWR0aCI6NzY3fQ%3D%3D%22%2C%22show_btn%22%3A%22%22%2C%22td_ajax_preloading%22%3A%22%22%2C%22show_review%22%3A%22none%22%2C%22show_com%22%3A%22none%22%2C%22time_ago_add_txt%22%3A%22%22%2C%22block_type%22%3A%22td_flex_block_5%22%2C%22separator%22%3A%22%22%2C%22custom_title%22%3A%22%22%2C%22custom_url%22%3A%22%22%2C%22block_template_id%22%3A%22%22%2C%22title_tag%22%3A%22%22%2C%22mc5_tl%22%3A%22%22%2C%22mc5_title_tag%22%3A%22%22%2C%22mc5_el%22%3A%22%22%2C%22post_ids%22%3A%22%22%2C%22category_id%22%3A%22%22%2C%22taxonomies%22%3A%22%22%2C%22in_all_terms%22%3A%22%22%2C%22tag_slug%22%3A%22%22%2C%22autors_id%22%3A%22%22%2C%22installed_post_types%22%3A%22%22%2C%22open_in_new_window%22%3A%22%22%2C%22show_modified_date%22%3A%22%22%2C%22time_ago%22%3A%22%22%2C%22time_ago_txt_pos%22%3A%22%22%2C%22el_class%22%3A%22%22%2C%22td_query_cache%22%3A%22%22%2C%22td_query_cache_expiration%22%3A%22%22%2C%22td_ajax_filter_type%22%3A%22%22%2C%22td_ajax_filter_ids%22%3A%22%22%2C%22td_filter_default_txt%22%3A%22All%22%2C%22modules_gap%22%3A%22%22%2C%22m_padding%22%3A%22%22%2C%22all_modules_space%22%3A%2236%22%2C%22modules_border_size%22%3A%22%22%2C%22modules_border_style%22%3A%22%22%2C%22modules_border_color%22%3A%22%23eaeaea%22%2C%22modules_divider%22%3A%22%22%2C%22divider_on%22%3A%22%22%2C%22modules_divider_color%22%3A%22%23eaeaea%22%2C%22h_effect%22%3A%22%22%2C%22image_size%22%3A%22%22%2C%22image_alignment%22%3A%2250%22%2C%22image_height%22%3A%22%22%2C%22image_radius%22%3A%22%22%2C%22image_margin%22%3A%22%22%2C%22hide_image%22%3A%22%22%2C%22video_icon%22%3A%22%22%2C%22video_popup%22%3A%22yes%22%2C%22video_rec%22%3A%22%22%2C%22spot_header%22%3A%22%22%2C%22video_rec_title%22%3A%22%22%2C%22video_rec_color%22%3A%22%22%2C%22video_rec_disable%22%3A%22%22%2C%22autoplay_vid%22%3A%22yes%22%2C%22show_vid_t%22%3A%22block%22%2C%22vid_t_margin%22%3A%22%22%2C%22vid_t_padding%22%3A%22%22%2C%22video_title_color%22%3A%22%22%2C%22video_title_color_h%22%3A%22%22%2C%22video_bg%22%3A%22%22%2C%22video_overlay%22%3A%22%22%2C%22vid_t_color%22%3A%22%22%2C%22vid_t_bg_color%22%3A%22%22%2C%22f_vid_title_font_header%22%3A%22%22%2C%22f_vid_title_font_title%22%3A%22Video+pop-up+article+title%22%2C%22f_vid_title_font_settings%22%3A%22%22%2C%22f_vid_title_font_family%22%3A%22%22%2C%22f_vid_title_font_size%22%3A%22%22%2C%22f_vid_title_font_line_height%22%3A%22%22%2C%22f_vid_title_font_style%22%3A%22%22%2C%22f_vid_title_font_weight%22%3A%22%22%2C%22f_vid_title_font_transform%22%3A%22%22%2C%22f_vid_title_font_spacing%22%3A%22%22%2C%22f_vid_title_%22%3A%22%22%2C%22f_vid_time_font_title%22%3A%22Video+duration+text%22%2C%22f_vid_time_font_settings%22%3A%22%22%2C%22f_vid_time_font_family%22%3A%22%22%2C%22f_vid_time_font_size%22%3A%22%22%2C%22f_vid_time_font_line_height%22%3A%22%22%2C%22f_vid_time_font_style%22%3A%22%22%2C%22f_vid_time_font_weight%22%3A%22%22%2C%22f_vid_time_font_transform%22%3A%22%22%2C%22f_vid_time_font_spacing%22%3A%22%22%2C%22f_vid_time_%22%3A%22%22%2C%22meta_info_horiz%22%3A%22content-horiz-left%22%2C%22meta_width%22%3A%22%22%2C%22meta_margin%22%3A%22%22%2C%22meta_margin2%22%3A%22%22%2C%22meta_padding%22%3A%22%22%2C%22meta_padding2%22%3A%22%22%2C%22meta_info_border_size%22%3A%22%22%2C%22meta_info_border_size2%22%3A%22%22%2C%22meta_info_border_style%22%3A%22%22%2C%22meta_info_border_color%22%3A%22%23eaeaea%22%2C%22meta_info_border_radius%22%3A%22%22%2C%22meta_info_border_radius2%22%3A%22%22%2C%22info_space%22%3A%22%22%2C%22art_title%22%3A%22%22%2C%22show_excerpt%22%3A%22block%22%2C%22art_excerpt%22%3A%22%22%2C%22excerpt_inline%22%3A%22%22%2C%22meta_space%22%3A%22%22%2C%22show_audio%22%3A%22block%22%2C%22hide_audio%22%3A%22%22%2C%22art_audio%22%3A%22%22%2C%22art_audio_size%22%3A%221.5%22%2C%22show_cat%22%3A%22inline-block%22%2C%22modules_category_margin%22%3A%22%22%2C%22modules_category_padding%22%3A%22%22%2C%22modules_category_border%22%3A%22%22%2C%22modules_category_radius%22%3A%220%22%2C%22modules_extra_cat%22%3A%22%22%2C%22show_author%22%3A%22inline-block%22%2C%22author_photo%22%3A%22%22%2C%22author_photo_size%22%3A%22%22%2C%22author_photo_space%22%3A%22%22%2C%22author_photo_radius%22%3A%22%22%2C%22show_date%22%3A%22inline-block%22%2C%22review_space%22%3A%22%22%2C%22review_size%22%3A%222.5%22%2C%22review_distance%22%3A%22%22%2C%22btn_title%22%3A%22%22%2C%22btn_margin%22%3A%22%22%2C%22btn_padding%22%3A%22%22%2C%22btn_border_width%22%3A%22%22%2C%22btn_radius%22%3A%22%22%2C%22pag_space%22%3A%22%22%2C%22pag_padding%22%3A%22%22%2C%22pag_border_width%22%3A%22%22%2C%22pag_border_radius%22%3A%22%22%2C%22prev_tdicon%22%3A%22%22%2C%22next_tdicon%22%3A%22%22%2C%22pag_icons_size%22%3A%22%22%2C%22f_header_font_header%22%3A%22%22%2C%22f_header_font_title%22%3A%22Block+header%22%2C%22f_header_font_settings%22%3A%22%22%2C%22f_header_font_family%22%3A%22%22%2C%22f_header_font_size%22%3A%22%22%2C%22f_header_font_line_height%22%3A%22%22%2C%22f_header_font_style%22%3A%22%22%2C%22f_header_font_weight%22%3A%22%22%2C%22f_header_font_transform%22%3A%22%22%2C%22f_header_font_spacing%22%3A%22%22%2C%22f_header_%22%3A%22%22%2C%22f_ajax_font_title%22%3A%22Ajax+categories%22%2C%22f_ajax_font_settings%22%3A%22%22%2C%22f_ajax_font_family%22%3A%22%22%2C%22f_ajax_font_size%22%3A%22%22%2C%22f_ajax_font_line_height%22%3A%22%22%2C%22f_ajax_font_style%22%3A%22%22%2C%22f_ajax_font_weight%22%3A%22%22%2C%22f_ajax_font_transform%22%3A%22%22%2C%22f_ajax_font_spacing%22%3A%22%22%2C%22f_ajax_%22%3A%22%22%2C%22f_more_font_title%22%3A%22Load+more+button%22%2C%22f_more_font_settings%22%3A%22%22%2C%22f_more_font_family%22%3A%22%22%2C%22f_more_font_size%22%3A%22%22%2C%22f_more_font_line_height%22%3A%22%22%2C%22f_more_font_style%22%3A%22%22%2C%22f_more_font_weight%22%3A%22%22%2C%22f_more_font_transform%22%3A%22%22%2C%22f_more_font_spacing%22%3A%22%22%2C%22f_more_%22%3A%22%22%2C%22f_title_font_header%22%3A%22%22%2C%22f_title_font_title%22%3A%22Article+title%22%2C%22f_title_font_settings%22%3A%22%22%2C%22f_title_font_family%22%3A%22%22%2C%22f_title_font_size%22%3A%22%22%2C%22f_title_font_line_height%22%3A%22%22%2C%22f_title_font_style%22%3A%22%22%2C%22f_title_font_weight%22%3A%22%22%2C%22f_title_font_transform%22%3A%22%22%2C%22f_title_font_spacing%22%3A%22%22%2C%22f_title_%22%3A%22%22%2C%22f_cat_font_title%22%3A%22Article+category+tag%22%2C%22f_cat_font_settings%22%3A%22%22%2C%22f_cat_font_family%22%3A%22%22%2C%22f_cat_font_size%22%3A%22%22%2C%22f_cat_font_line_height%22%3A%22%22%2C%22f_cat_font_style%22%3A%22%22%2C%22f_cat_font_weight%22%3A%22%22%2C%22f_cat_font_transform%22%3A%22%22%2C%22f_cat_font_spacing%22%3A%22%22%2C%22f_cat_%22%3A%22%22%2C%22f_meta_font_title%22%3A%22Article+meta+info%22%2C%22f_meta_font_settings%22%3A%22%22%2C%22f_meta_font_family%22%3A%22%22%2C%22f_meta_font_size%22%3A%22%22%2C%22f_meta_font_line_height%22%3A%22%22%2C%22f_meta_font_style%22%3A%22%22%2C%22f_meta_font_weight%22%3A%22%22%2C%22f_meta_font_transform%22%3A%22%22%2C%22f_meta_font_spacing%22%3A%22%22%2C%22f_meta_%22%3A%22%22%2C%22f_ex_font_title%22%3A%22Article+excerpt%22%2C%22f_ex_font_settings%22%3A%22%22%2C%22f_ex_font_family%22%3A%22%22%2C%22f_ex_font_size%22%3A%22%22%2C%22f_ex_font_line_height%22%3A%22%22%2C%22f_ex_font_style%22%3A%22%22%2C%22f_ex_font_weight%22%3A%22%22%2C%22f_ex_font_transform%22%3A%22%22%2C%22f_ex_font_spacing%22%3A%22%22%2C%22f_ex_%22%3A%22%22%2C%22f_btn_font_title%22%3A%22Article+read+more+button%22%2C%22f_btn_font_settings%22%3A%22%22%2C%22f_btn_font_family%22%3A%22%22%2C%22f_btn_font_size%22%3A%22%22%2C%22f_btn_font_line_height%22%3A%22%22%2C%22f_btn_font_style%22%3A%22%22%2C%22f_btn_font_weight%22%3A%22%22%2C%22f_btn_font_transform%22%3A%22%22%2C%22f_btn_font_spacing%22%3A%22%22%2C%22f_btn_%22%3A%22%22%2C%22mix_color%22%3A%22%22%2C%22mix_type%22%3A%22%22%2C%22fe_brightness%22%3A%221%22%2C%22fe_contrast%22%3A%221%22%2C%22fe_saturate%22%3A%221%22%2C%22mix_color_h%22%3A%22%22%2C%22mix_type_h%22%3A%22%22%2C%22fe_brightness_h%22%3A%221%22%2C%22fe_contrast_h%22%3A%221%22%2C%22fe_saturate_h%22%3A%221%22%2C%22m_bg%22%3A%22%22%2C%22shadow_shadow_header%22%3A%22%22%2C%22shadow_shadow_title%22%3A%22Module+Shadow%22%2C%22shadow_shadow_size%22%3A%22%22%2C%22shadow_shadow_offset_horizontal%22%3A%22%22%2C%22shadow_shadow_offset_vertical%22%3A%22%22%2C%22shadow_shadow_spread%22%3A%22%22%2C%22shadow_shadow_color%22%3A%22%22%2C%22meta_bg%22%3A%22%22%2C%22meta_bg2%22%3A%22%22%2C%22title_txt%22%3A%22%22%2C%22title_txt_hover%22%3A%22%22%2C%22all_underline_height%22%3A%22%22%2C%22all_underline_color%22%3A%22%23000%22%2C%22cat_bg%22%3A%22%22%2C%22cat_bg_hover%22%3A%22%22%2C%22cat_txt%22%3A%22%22%2C%22cat_txt_hover%22%3A%22%22%2C%22cat_border%22%3A%22%22%2C%22cat_border_hover%22%3A%22%22%2C%22author_txt%22%3A%22%22%2C%22author_txt_hover%22%3A%22%22%2C%22date_txt%22%3A%22%22%2C%22ex_txt%22%3A%22%22%2C%22com_bg%22%3A%22%22%2C%22com_txt%22%3A%22%22%2C%22rev_txt%22%3A%22%22%2C%22shadow_m_shadow_header%22%3A%22%22%2C%22shadow_m_shadow_title%22%3A%22Meta+info+shadow%22%2C%22shadow_m_shadow_size%22%3A%22%22%2C%22shadow_m_shadow_offset_horizontal%22%3A%22%22%2C%22shadow_m_shadow_offset_vertical%22%3A%22%22%2C%22shadow_m_shadow_spread%22%3A%22%22%2C%22shadow_m_shadow_color%22%3A%22%22%2C%22audio_btn_color%22%3A%22%22%2C%22audio_time_color%22%3A%22%22%2C%22audio_bar_color%22%3A%22%22%2C%22audio_bar_curr_color%22%3A%22%22%2C%22btn_bg%22%3A%22%22%2C%22btn_bg_hover%22%3A%22%22%2C%22btn_txt%22%3A%22%22%2C%22btn_txt_hover%22%3A%22%22%2C%22btn_border%22%3A%22%22%2C%22btn_border_hover%22%3A%22%22%2C%22pag_text%22%3A%22%22%2C%22pag_h_text%22%3A%22%22%2C%22pag_bg%22%3A%22%22%2C%22pag_h_bg%22%3A%22%22%2C%22pag_border%22%3A%22%22%2C%22pag_h_border%22%3A%22%22%2C%22ajax_pagination_next_prev_swipe%22%3A%22%22%2C%22css%22%3A%22%22%2C%22td_column_number%22%3A1%2C%22header_color%22%3A%22%22%2C%22color_preset%22%3A%22%22%2C%22border_top%22%3A%22%22%2C%22class%22%3A%22tdi_85%22%2C%22tdc_css_class%22%3A%22tdi_85%22%2C%22tdc_css_class_style%22%3A%22tdi_85_rand_style%22%7D&td_block_id=tdi_85&td_column_number=1&td_current_page=2&block_type=td_flex_block_5&td_filter_value=&td_user_action=&td_magic_token=3380c233f7' \
--compressed
Hi,
Please try to use the posts loop, instead the flex block and check after.
Also, for plugin conflict, you need to have only tagDiv plugins activated.
Thank you!
Hi thanks for getting back,
I’m not using the post loop block, just Flex Block 1 with a load more button. How do I check if I have a plugin conflict?
Cheers!
Hi,
For what you want, you need to use a homepage that is edited with tagdiv composer.
Blocks will be set on this page, blocks that can be filtered, and for this, if you want the posts that are part of a category not to be displayed, you just have to filter the blocks not to display that category, or if you want that only 1, 2 categories to be displayed, it is possible to filter so that only the respective categories are filtered, so when a post is created and contains the category that is filtered on the block, it will appear as well, if it does not contain it, it will not appear.
For details on how filtering works, please check this guide – https://forum.tagdiv.com/flex-block-settings-guide/ – https://i.imgur.com/1wgj1Fy.png
Thank you!
Hi,
Yes, indeed seems there is some issue.
I checked and I saw that you use Flex Block 1, if you use the Posts Loop block, the issue persists.
Also, can you check if you don’t have a plugin conflict?
Thank you!
Hi,
The theme doesn’t have animation on the text, so I need to know exactly what elements you use, Flex Block, text with title to provide a CSS to have that effect.
Thank you!
Thanks Calin.
On the hamburger menu background: Is there a way that we can add a class to that DIV that holds the background image on the mobile hamburger menu/search menu? I don’t think we can set a defer value using CSS and having to write JS to find it will likely incur even bigger penalties in PSI.
On the images on viewports such as mobile, being too big:
Do you mean loading the original template as a mobile template and swapping out those values in Flex Blocks? I’m try to avoid separate mobile templates, as it easily doubles my work and it becomes ever harder to maintain two versions.
Hopefully in the future a dropdown per viewport inside the theme will allow us to choose which size to load. 😉
Kudos on the theme, btw. It’s stellar!
Hi,
For the mobile background color, what I can suggest is to clear the background color from the theme panel – https://i.imgur.com/tbHbRIu.png and try to use a background – image – https://i.imgur.com/DIKZcmT.png or an alternative will be to set the background image using a custom css that will be add in the body content to be used only after the content is loaded.
I understand, not really for the moment flex blocks do not allow selecting a different image size for the mobile version, this problem can be solved using a mobile page template for the single element and change only the essential elements, such as the thumbs – https://prnt.sc/hpBWwXASLeF9 – https://i.imgur.com/9qRH9JA.png convert header and footer too – https://prnt.sc/ASiv_cYqALhq – https://i.imgur.com/UXw4W7e.png
Thank you!
Hi chrisfoxatx,
1. For the size of the images you have, you have perfectly selected the thumbs to use – https://i.imgur.com/UM6OgFa.png They work like this after they are activated in the theme panel, these thumbs are created for each image that is loaded in the media, now the problem is with the ones that are already loaded, for these, you have to use a regeneration plugin that should resolve the problem with the retina resolution.
Normally when you select that thumb, for example, 696×0, the thumb with the size 696xauto and retina size will be used instead of the original image.
2. You should use the retina option for all 3 sizes of thumbs you use, this way you will get the best result on both windows and retina (don’t forget to regenerate the images if these options were not selected from the beginning, i.e. before adding the images to the media, and when regenerating select delete all thumbs and regenerate new ones).
3. When you edit the flex element with tagDiv Composer you have the option to select the size of the thumb, as a suggestion I recommended using a middle size because it cannot be adjusted per viewport, it can only be changed if you use the mobile page template.
Also, if the retina thumb is selected in the theme panel and the image has been regenerated, when you select, for example, the 696×0 thumb on windows, the retina thumb corresponding to the 696×0 thumb will be automatically used when a retina device is used.
4. Unfortunately here I can not suggest the best of all with the theme, but a plugin that is ok with the theme is EWWW Image Optimizer , but I have seen many users who also use Smush and Imagify.
I hope this will help you!
Thank you!
Hi,
I added this to our list, the image can be used only on the flex Loop Filter.
Thank you!
Likely reasons:
1) You have articles loading through AJAX on Flex Block 1 elements. Make sure to enable caching 5 minutes or longer on those blocks. It’s in the bottom of filter or layout or so.
2) Make sure to run an object caching plugin such as REDIS or MemCached. It will store all those expensive lookups on disk in memory instead.
3) Serve your site through a better protocol such as http/2 or QUIC. It will help get the data quicker to the audience.
4) Look at Google PageSpeed Insights on how to further improve your performance score.
Good luck
Hello,
For the category template, if you have set a posts loop then will display all posts in this category or you can use Flex Block/Big Grid Flex and set the filter to “Category -Current category” => https://i.imgur.com/7P99qx0.png and this is why the block will display posts for each category. So, pleased check the settings.
Thank you!
Hi Team and Community,
I am utterly confused about the image sizes and best practices. I’ve read ALL of the documentation and links on TagDiv, so please don’t simply refer me to a broad link, as some things aren’t clear to us as customers.
I hope this thread will be useful to a lot of people struggling with this:
Site layout (max width):
– Row stretch up to 1400px
Home page:
– Headlines: 3 images in 3 columns , roughly 1400/3 so width 450px [900px on Retina]
Article page
– Featured image: width 1080px [2160px Retina]
– Sidebar (related): 3 images floated vertically, width 320px [640px on Retina]
– Bottom bar (popular): 4 images floated horizontally, so roughly 1400/4 = width 350px [700px on Retina]
I work on a Mac, and having good image quality is important, so images should be served as x2 resolution (Retina) on devices that support it.
Based on this I have selected these thumbnails in the Theme Settings:
a) Headlines (>450px) => 696×0 + Retina
b) Featured image (>1080px) => 1920×0 + Retina
c) Sidebar related (>320px) => 696×0 + Retina
d) Bottom bar popular (>350px) => 696×0 + Retina
I noticed some images were not sharp, and I briefly installed Jetpack Boost to check why that was.
It gave me warnings that the images shown on my Retina screen were not big enough.
All of the images that I upload are 1920px wide, so it has enough pixel data to work with.
We are using responsive design, not AMP because AMP almost completely removes recognizable branding and it’s a hassle to create 2 versions of each page, instead of a simple responsive layout.
So 4 questions:
1) What happens exactly when we select, for example, the thumbnail 696×0 + Retina?
In our case of a) Headlines, the image shown on the display should be 450px on old displays, and 900px on retina displays.
So should I select 696×0 or should I select a 1068×0 (bigger than the retina resolution)?
2) What about case d). I need at least 350px on old displays, and roughly 700px on retina displays.
696×0 is only 4 pixels short of 700px. What should I select? in TagDiv Composer as width, and should I for that resolution enable [] Retina as well or not in the Theme Panel?
These 2 questions are most important first. If we don’t know how resolution is handled by the theme, then all attempts to optimize the page for speed breaks down from there.
3) It seems that we cannot set different resolutions per device type in Flex Block. How can we make sure that smaller devices don’t load images that are 4x bigger?
4) I’ve been testing different plugins, with mixed results in terms of Google PageSpeed Index scores.
Which image optimization plugins have been tested and give the best results with NewsPaper theme, preferably that does all of what it needs to do in the background.
Any other suggestions that can be helpful?
I have enabled caching on the flex blocks so it’s fixed on the home page.
The single article pages are still generating admin-ajax calls to count page views. It might be good in a future version to only trigger that call after maybe like 50ms or so after the page has fully loaded?
How could we do this?
Ah! Unfortunately what I’m trying to build is not going to work with custom fields; is there going to be a way to set Flex Blocks with filters like in the Momentum template. It has arrows : < > but I noticed one can keep swiping to view other columns.
Thanks for your help though!
Hello @prateek!
1. This option is doing what you are looking for: https://prnt.sc/8sLeCS3jHV-u
2. The flex loop only show the posts that are in current category and you can also apply some filters, but the filter posts also are only from that category.
Thank you!
Hello,
If you using the Flex Block or Big Grid Flex in the layout is the option “Show date” and you can choose to hide => https://www.screencast.com/t/6UPXQbiTO2
This will apply to all categories which use the same template.
Thank you!
Hi,
Currently, in my opinion, flex loop filters shortcode offers minimal usability becuase it uses the “OR” operator. It just shows post from multiple categories and taxonomies on a single page, not of much use.
1.) Is there any setting or configuration in composer or theme panel to implement the “AND” operator instead, so that a page only shows posts that meet all the criteria, i.e. shows posts only if they are assigned to all the selected terms in filters?
2.) I had a question. If I use flex loop to display posts in category archive template and use my tags as filters, would the flex loop only show the posts that are in current category and are assigned to the selected tag filter? Or, would it display all the posts there are in that particular tag regardless of their assigned category which I think would be useless.
Thanks
Hello @hiepmtr !
There you have 2 choices: Flex block and Posts Loop: https://forum.tagdiv.com/posts-loop/
For flex block, you should choose the current author special filter: https://forum.tagdiv.com/flex-block-settings-guide/
Thank you!
I see what you mean, and yes I set the flex loop to Places. But there is still an issue. For example one of my posts remains visible when the ‘Open to the Public’ feature is filtered for, even though I haven’t selected that feature when I created the post and so it shouldn’t be showing up when that feature is selected.
I’m using the “flex loop filter” widget, not flex loop
