Search Results for 'td composer'

Hi,
I try the solution indicated, but don’t work.

I defined the “BACKGROUND UPLOAD” field with an image to represent “image without image”, but in my category page, element “Category Grid 2″ show a firt article with:
<span class=”entry-thumb td-thumb-css td-animation-stack-type0-2″ data-type=”css_image” data-img-url=”MYURL/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/no-thumb/td_1068x0.png” style=”background-image: url(MYURL/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/no-thumb/td_1068x0.png)”></span>

where MYURL is my domain.

Remind that occurs in a article category page with standard template.

I also indicate that I have already defined the image to represent an image without an image, in “BLOCK SETTINGS” -> “Thumbs on Modules / Blocks” -> “THUMB PLACEHOLDER”.
Which is working correctly except in the area “Category Grid 2” in standard category page.

New Bug:
In category page, whith default “Category Grid 2”, the articles without feature image don’t show the custom no-thumb.
Show a standard images:
…/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/no-thumb/td_1068x0.png
…/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/no-thumb/td_324x400.png

• This reply was modified 6 years by rvicerqveira.

Hi @gumball44

You can add the following code to your theme’s functions.php file.

// Preload Newspaper fonts for responsive theme (main theme)

function dns_prefetch_responsive() {
	
	echo '<link rel="preload" href="//www.typemeon.com/wp-content/themes/Newspaper/images/icons/newspaper.woff" as="font">';
	echo '<link rel="preload" href="//www.typemeon.com/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/icons/newspaper-icons.woff" as="font">';
}
add_action( 'wp_head', 'dns_prefetch_responsive', 0 );

Or You can use WP Rocket plugin to add fonts preload.

For webp images.

You can either use Cloudflare’s pro plan to serve webp images or if you are using imagify for webp then make sure you have configured it like this – https://prnt.sc/syz749

And remove cache everything page rule from Cloudflare dashboard if you have any.

I hope you will find this helpful.

Thank you @amit

Where do I have to insert this code to make icons load faster ?

<link rel="preload" href="//www.typemeon.com/wp-content/themes/Newspaper/images/icons/newspaper.woff" as="font">
<link rel="preload" href="//www.typemeon.com/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/icons/newspaper-icons.woff" as="font">

Second question, How can I use webp images on my site ? I’m using Imagify and Cloudflare, and Imagify is supposed to convert my jpg images into webp format, but it’s not diplay on my site..

How can I solve this problem ?

• This reply was modified 6 years by gumball44.
• This reply was modified 6 years by gumball44.

Hi Calin,

I cant make it work. I defenately have the child theme activated since I hace modifications in function.php that work properly. So regarding the files I want to change
the following file

wp-content\plugins\td-composer\legacy\Newspaper\parts\header\td-login-modal.php

So I create my file under

wp-content\themes\Newspaper-child\parts\header\td-login-modal.php

Modifying the file in my child theme doesn;t have any affect. I can see my changes only when I modify the original file.

Do I need to copy the whole parts/ folder or just the files I want to modify?
What happens if I do modifications to the templates from the Theme Panel inside wp-admin?

Thanks

Can I use the same code for this font and where I can find it in the Desktop-Version:

wp-content/plugins/td-composer/assets/fonts/font-awesome/fontawesome-webfont/woff2?v=4.7.0

Greetings Kathrin

1)Invalid inline script

Arbitrary JavaScript is not allowed in AMP. You cannot use JS <script> tags unless they are for loading AMP components (which the AMP plugin will add for you automatically). In order for a page to be served as AMP, the invalid JS code must be removed from the page. Learn more about how AMP works. As an alternative to using custom JS, please consider using a pre-built AMP functionality, including actions and events (as opposed to JS event handler attributes like onclick) and the amp-bind component; you may also add custom JS if encapsulated in the amp-script.

If you remove the invalid markup then it will not block this page from being served as AMP. Note that you need to check what impact the removal of the invalid markup has on the page to see if the result is acceptable. If you keep the invalid markup, then the page will not be served as AMP.

Error code
DISALLOWED_TAG

Element name
script

————————————-
2) Excessive CSS

AMP allows you to style your pages using CSS in much the same way as regular HTML pages, however there are some restrictions. Nevertheless, the AMP plugin automatically inlines external stylesheets, transforms !important qualifiers, and uses tree shaking to remove the majority of CSS rules that do not apply to the current page. Nevertheless, AMP does have a 75KB limit and tree shaking cannot always reduce the amount of CSS under this limit; when this happens an excessive CSS error will result.

If you remove the invalid markup then it will not block this page from being served as AMP. Note that you need to check what impact the removal of the invalid markup has on the page to see if the result is acceptable. If you keep the invalid markup, then the page will not be served as AMP.
Error code
STYLESHEET_TOO_LONG
Node name
style
————————————–
3) Invalid script: tagdiv_theme.min.js

Arbitrary JavaScript is not allowed in AMP. You cannot use JS <script> tags unless they are for loading AMP components (which the AMP plugin will add for you automatically). In order for a page to be served as AMP, the invalid JS code must be removed from the page. Learn more about how AMP works. As an alternative to using custom JS, please consider using a pre-built AMP functionality, including actions and events (as opposed to JS event handler attributes like onclick) and the amp-bind component; you may also add custom JS if encapsulated in the amp-script.

If you remove the invalid markup then it will not block this page from being served as AMP. Note that you need to check what impact the removal of the invalid markup has on the page to see if the result is acceptable. If you keep the invalid markup, then the page will not be served as AMP.
Error code
DISALLOWED_TAG
Invalid markup
<script … >
Element attributes
type text/javascript
src https://sp24news.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
Element name
script
Parent element
body
4)
Illegal CSS at-rule: @-moz-document

Error code
CSS_SYNTAX_INVALID_AT_RULE
At-rule
-moz-document
Element attributes
rel stylesheet
id tdb_front_style-css
href https://sp24news.com/wp-content/plugins/td-cloud-library/assets/css/tdb_less_front.css
type text/css
media all
Node name
link

So for exemple, If I want to delete “https://cdn.ampproject.org/v0.js&#8221;

I put this code into functions.php wp-content>plugins>td-composer>mobile>amp>functions.php

/** Disable New Relic Scripts in AMP Pages */
function disable_newrelic_for_amp_pages()
{
if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) {
if (extension_loaded('newrelic')) {
newrelic_disable_autorum( true );
}
}
}
add_action('init', 'disable_newrelic_for_amp_pages');

??

Thank you