AMP Optimize

Posted in: Newspaper
Post count: 497

From Simion or Bogdan,

I want to optimize my AMP page, as it looks really awkward. Please respond either Simion or Bogdan. Thanks

Post count: 20688

Hi,

Optimize it how exactly? The old AMP doesn’t have many settings unfortunately. The only way to modify it would be in it’s code directly, which is not quite recommended. Also modifications made in the plugin will be lost when you update the theme.

Thanks

Post count: 497

Dear, right now my amp looks awkward. Please take a look at these Pics:

Please take a look at the pic:

https://ibb.co/ssppHtH
https://ibb.co/KXGcN2b

I want to make the header and footer the same size as it looks in normal desktop. At this time, the header is positioned most left side and too small, while the size of footer is also very small.

1) Please make the both logo the same size

2) Please position the header logo in the center as it looks very disturbing on far left side.

Would be please provide me the code so that the both logos looks same like in desktop or mobile devices.

If you still want any clarification, then please do let me know.

Best Regards,

Post count: 20688

I understand now, but it is not easy. On one hand AMP specifies that the main logo should be 60px in height, as it is now – http://prntscr.com/o1ublohttp://prntscr.com/o1uds1
You would have to remove this code in order for the logo to be bigger
http://prntscr.com/o1udbm
Then it will look like this – http://prntscr.com/o1udjw so it will require some CSS to change the design, and CSS in the old AMP plugin can only be entered like mentioned here
https://forum.tagdiv.com/topic/amp-page-formatting-questions/
Not to mention the modification it would require to center the logo. To center it maybe try and remove this margin here – http://prntscr.com/o1ui6k

The old AMP plugin looks like this – https://demo.tagdiv.com/newspaper_crypto/td-post-ripple-ceo-and-ethereum-co-founder-bash-ico-industry/amp/
It doesn’t have any settings to change the logo size or center it. This plugin is a simple plugin with the design based on the Yoast website
https://yoast.com/meta-descriptions/amp/

Now the solution is the mobile theme and official AMP plugin, for which there will be more and more options added in coming updates – https://tagdiv.com/amp-newspaper-theme/

Post count: 497

Dear, Can we use some CSS Codes to customize the AMP page?

Post count: 20688

You can by editing the plugin files and inserting the code there, but I wouldn’t recommend it. It may cause AMP validation issues, or design issues.

If you require more settings for AMP you could use a different AMP plugin, one that maybe has such settings by default. Some theme users are using this plugin
https://wordpress.org/plugins/accelerated-mobile-pages/
From what I know it works alright with the theme, maybe you could give the free version a try.

Post count: 497

Ok Simion, do I have disable the existing TD AMP plugin and install the new one. Would the transfer of AMP plugin could cause any AMP error?

Post count: 20688

Should not be any problems, deactivate the old plugin and activate the new one. Check their documentation as well – https://ampforwp.com/tutorials/

Post count: 497

Ok Thanks

Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.