- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsOffset Feature
- TutorialsWhat is Ajax preloading?
Hi,
In order to have those images from post you’ll need to chose some tagDiv Blocks that are using featured image per example [tagDiv] Block 7 -> http://prntscr.com/ojajmd set the filters and settings and check the footer.
Hope this is what you need!
Thank you!
Hi
Where I can edit Fans, Follwers & Subscriber in post sidebar?
This is the print screen https://www.screencast.com/t/vaDjdKffcoww
Regards,
Salomo
Hi,
I have inspected the posts on your website,for example – https://fanaripress.gr/ipeiros/4-5-ekat-antiplimmyrika-erga-stoys-dimoys-tis-ipeiroy/
Looks fine at the moment. I see the website uses 9.7.4 and a child theme is active. Does the issue happen on specific posts or in specific circumstances? Please let me know.
Thanks
Hi,
If you want to add some custom images at the top of your post title, you will need to edit the post template in order to achieve that. As an example, if you are using the post template style 1, you will need to edit the loop-single-1.php like this -> https://www.screencast.com/t/lLuxExQH If you made this change, please note that image will be the same for all of your posts which uses this post template.
Thank you for your understanding!
Hi,
Blocks and grids can only be filtered as a whole, not by a specific module in them. If you would like to display a specific post in the middle module of flex grid 6, it can be done in a way. Enter the post IDs manually in the post filter – http://prntscr.com/oj9eh1
The third ID entered there will be the one in the middle module
– http://prntscr.com/oj9f6f
Doing this will mean that the grid will always display those posts, until manually removing the IDs or changing them.
You could also create a similar layout from different elements, for example 2 blocks on the side and a flex grid (1 in my example) set to display one module only
– http://prntscr.com/oj9g44
This way the side blocks can have dynamic filtering, and only the grid in the middle must contain the specific post ID.
Let me know if you have more questions.
Thanks
Unfortunately the product pages and product category pages don’t have layout settings provided by the the theme. For example this is how a product page and a category page display in our live demo
– https://demo.tagdiv.com/newspaper_tech/product/flying-ninja/
– https://demo.tagdiv.com/newspaper_tech/product-category/posters/
Let me know if you have more questions.
Hi,
I have inspected the grid on mobile, I see there is an issue with the modules width
– http://prntscr.com/oj8f5c
Maybe you have modified the width for them in the composer, on mobile. You could check this, edit the page with the composer, select the mobile viewport, then check if there is a custom width set for the module image – http://prntscr.com/oj8h1u
It could be that there is a custom width set there, which affects the thumbs on mobile.
This type of grid won’t stack the modules, for the modules on the right (smaller ones) there will be a horizontal scroll. Some grids do indeed stack them on mobile, for example this one – https://demo.tagdiv.com/newspaper/big-grid-9/
Please let us know if you have more questions.
Thanks
Hi,
Sorry for the confusion, it was not my intention. I was just presenting the current image gallery elements that can be used in the theme.
I have checked the example you mentioned, for example this one https://www.reuters.com/
I see the homepage is built with grids and blocks, most of them set to display articles from specific categories. I can’t see an actual image gallery in that page.
The theme composer has a wide selection of blocks and grids that can display your posts.
There are predefined blocks and grids – https://demo.tagdiv.com/newspaper/block-1/
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Then there are the flex blocks and grids from the cloud library, which can be imported with the cloud plugin – https://cloud.tagdiv.com/#/load/Blocks
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
But the composer doesn’t have a specific gallery element for images. You can either create a tagDiv gallery as mentioned above, try the revolution slider, or use a gallery plugin.
Please let me know if you have more questions.
Thanks
I am trying to update the footer and AMP settings to my website, http://masteringhealthhappiness.com/, but when I click Save Settings in the Theme Panel, the icon showing things are processing (box made up of smaller boxes, spinning), just keeps spinning. I have already check to see if it would work with non-TagDiv plugins removed and have reviewed your system requirements page.
Thank you,
Amy
Hi Vlad,
Thanks for your reply. Yes, as mentioned in my initial ticket, I am getting the error with only the theme plugins activated, ie:
AMP
tagDiv Cloud Library
tagDiv Composer
tagDiv Mobile Theme
tagDiv Newsletter
tagDiv Social Counter
WP Bakery Page Builder
I am working on my localhost with the trellis / bedrock WordPress stack. I have no caching enabled.
Any insights?
How do I add code to the “Functions.php” file in the Theme?
function create_user_from_registration($cfdata) {
if (!isset($cfdata->posted_data) && class_exists('WPCF7_Submission')) {
// Contact Form 7 version 3.9 removed $cfdata->posted_data and now
// we have to retrieve it from an API
$submission = WPCF7_Submission::get_instance();
if ($submission) {
$formdata = $submission->get_posted_data();
}
} elseif (isset($cfdata->posted_data)) {
// For pre-3.9 versions of Contact Form 7
$formdata = $cfdata->posted_data;
} else {
// We can't retrieve the form data
return $cfdata;
}
// Check this is the user registration form
if ( $cfdata->title() == 'Your Registration Form Title') {
$password = wp_generate_password( 12, false );
$email = $formdata['form-email-field'];
$name = $formdata['form-name-field'];
// Construct a username from the user's name
$username = strtolower(str_replace(' ', '', $name));
$name_parts = explode(' ',$name);
if ( !email_exists( $email ) ) {
// Find an unused username
$username_tocheck = $username;
$i = 1;
while ( username_exists( $username_tocheck ) ) {
$username_tocheck = $username . $i++;
}
$username = $username_tocheck;
// Create the user
$userdata = array(
'user_login' => $username,
'user_pass' => $password,
'user_email' => $email,
'nickname' => reset($name_parts),
'display_name' => $name,
'first_name' => reset($name_parts),
'last_name' => end($name_parts),
'role' => 'subscriber'
);
$user_id = wp_insert_user( $userdata );
if ( !is_wp_error($user_id) ) {
// Email login details to user
$blogname = wp_specialchars_decode(get_option('blogname'), ENT_QUOTES);
$message = "Welcome! Your login details are as follows:" . "\r\n";
$message .= sprintf(__('Username: %s'), $username) . "\r\n";
$message .= sprintf(__('Password: %s'), $password) . "\r\n";
$message .= wp_login_url() . "\r\n";
wp_mail($email, sprintf(__('[%s] Your username and password'), $blogname), $message);
}
}
}
return $cfdata;
}
add_action('wpcf7_before_send_mail', 'create_user_from_registration', 1);
Hi,
The type of menu can be set while creating/editing them. So for example a mega-menu with sub-categories is this one – https://www.screencast.com/t/BUKMmfTRsn
One without sub-categories – https://www.screencast.com/t/ApsNW3sUHhpY
And then there is the simple drop down menu – https://www.screencast.com/t/Nl0GGdKgu
The menu element from a cloud template will simply display the menu you choose
– https://www.screencast.com/t/mjOQiSKh
It will matter how you create the actual menu in the backend.
If I misunderstand something or you have more questions, please let me know.
Dear Calin,
Yes exactly. I thought it might be possible. (-;
I have for example:
Main Menu Cat:
1 Upper category
– Sub Cat 1
– Sub Cat 2
– Sub Cat 3
…
2 Upper category
– Sub Cat 1
– Sub Cat 2
– Sub Cat 3
…
He should show it this way because there are too many and too cluttered:
Main Menu Cat:
1 Upper category
2 Upper category
thanks alot. ciao Rick
Hi,
First please make sure that the tagDiv Cloud Library is activate and you have the templates in your cloud templates.
-> https://i.imgur.com/sdRafCJ.png
-> https://i.imgur.com/9PECsQ1.png
or if the template is set, on post for example -> https://i.imgur.com/m4I0nNo.jpg
Please make sure that you do not have a plugin conflict with untested plugins, please deactivate all non theme, also if you are using child theme, clear all cache and try again.
If there is still a problem, please provide some more details and some screenshots.
Thank you!
Thank you very much Calin, yes, I’d appreciate your help on css. Basically, I’m using the newspaper default demo and build my site by replacing my content on it, I’ve set set the width of my pages to stretch row 1400x content, I like to set the default category template and page template to the same width.
I’ve read your recommended post
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I have limited css experience, but if you could help me with an example of css modification for a category or page template width, I think I could figure out duplicate the rest.
Thanks!
Hi,
@Pomplemoose So the sidebar doesn’t appear even when set for posts individually. Should appear fine if the sidebar contains widgets and is set to appear, for example
– https://www.screencast.com/t/42LoQ8hT9w
Maybe you are using various characters in the sidebar name, this will remove the widgets from it – https://forum.tagdiv.com/sidebars-tutorial/
@webforu There is a case when that might happen. Is the WPBakery plugin active? If possible try to deactivate it and check if the cloud template displays properly.
If that is the case, I could provide a quick fix for it, please post a link to where I can see the problem happening.
Let me know.
Thanks
Dear Catalin,
I received your message. When should the update come for the defect of the mobile / amp plugins? Since I’m going online next week, it needs to be fixed. Nobody else can use the search e. and amp mobile is also important because I bought it for that very reason.
thanks alot. ciao Rick
Hi,
If the fonts are disabled in the theme panel, then the theme won’t load any fonts. I made a test on my end, with fonts – http://prntscr.com/oitnit and without them
– http://prntscr.com/oito59
But font settings made in the composer can still load fonts. So for example a font setting set for the article title on a module – http://prntscr.com/oitx2v can still load fonts
– http://prntscr.com/oitxbx
Also some plugins can load and use fonts. You could begin to investigate what is using the font that is being loaded.
Thanks
Hi,
You can remove the “Loading..” in two ways, the first one is using a custom css
#src_load{
display: none;
}
that need to be set in Theme Panel>Mobile Theme> Custom code> Css -> http://prntscr.com/oit0du
Or you can comment/remove the code from theme core wp-content/plugins/td-composer/mobile/header-amp.php -> http://prntscr.com/oit3oo
Hope this will help you!
Thank you!
Glad I can help.
The mobile theme won’t work with composer content, only what is possible through the simple mobile editor. So displaying a block on phones when the mobile theme is active is not possible. You can check how the mobile theme looks by visiting this demo with a phone or with a browser emulator – https://demo.tagdiv.com/newspaper_local_news/
However we introduced in he latest update a setting which can now be used to disable the mobile theme per page or post. So for example the homepage on mobile can be made to not use the mobile theme and will display the content from desktop, while the rest of the website will. This was a much requested feature, now it is possible.
The setting is found in the page/post edit screen in Gutenberg – http://prntscr.com/oisnlc
Please let me know if you have more questions.
Hi,
After setting the page in the initial language, now you must translate the ID of the page using the WPML string translation.
So for example I am creating a page to set as footer page, first in English
– http://prntscr.com/ois9uf
Then I translate the page in French – http://prntscr.com/oisa1a
– http://prntscr.com/oisaiq
Now using WPML these pages can be switched when the language is changed, but this must be set as mentioned in the topic from above. In my example I am setting the English page in the theme panel – http://prntscr.com/oisc44
Then I am adding the tds_footer_page string for translation in WPML
– http://prntscr.com/oiscow – http://prntscr.com/oiscuj – http://prntscr.com/oiscz9
Now it appears like so – http://prntscr.com/oisddi so if I want the French page to appear when the language is changed, I will add the ID of the page there
– http://prntscr.com/oisdt1 – http://prntscr.com/oisg6n
Be sure to mark as complete there.
The result is like this. When on English the footer page will be the English footer page
– http://prntscr.com/oisfoj
When on French the translated footer page will be displayed – http://prntscr.com/oisgmx
If you do it like this everything should work fine. For me it works correctly every time I test it. Please let me know if there still is a problem after trying this.
Thanks
Hi,
There may be some issues with the child theme but we will try to fix them as quickly as possible.
If you want to use the header file in the child theme, copy the header file from the composer – http://prntscr.com/oirye2
In the child theme main folder – http://prntscr.com/oirym7 it should work fine.
The modules should work fine, just create the same directory path to them in the child theme. So for example I I want to remove the post title from module 4 in the child theme
– http://prntscr.com/ois3yu – http://prntscr.com/ois47t – http://prntscr.com/ois4h7
For the headers there is a modification that has to be made after copying them in the child theme, an example with header style 4 – http://prntscr.com/ois5gf
Please let me know if you have more questions.
Thanks
Hi,
I believe it is happening due to the size of the screen, it is an issue that may happen on smaller screens. Some templates that have a longer description can push the buttons lower, like in the examples you are showing.
I could give you a code that you can try before a permanent solution is found on our end. Please try and enter this code in this file – http://prntscr.com/oirl7f
.tdb-single-description {
display:none;
}
Then force refresh the page in the browser, it should display better. Please let me know, and sorry for the inconvenience.
Regarding the other question, I don’t quite understand what you mean. Post templates can be applied to any post, but they can’t be converted to actual posts. If I misunderstand please correct me.
Thanks
Hi,
So if I understand correctly you want to decrease the post width, if is so then you can achieve thus using a single post template from tagDiv Cloud Library and edit it with tagDiv Composer, in this way, you can decrease the site content width, setting on each row the width that you need and set margin left and right auto, for post, for example set 900px width like this https://www.screencast.com/t/HbTTJTAciSEH after that, set the template on posts ( individual or global in theme panel ) and all post will have the 900px width.
Hope this will help you!
Thanks.
Good morning, the AMP version of the theme has the articles marked with BlogPosting. I want to remove it, what should I do?
