Hello,
after trying to customize amp articles i made some radical changes. I added an advertise right after the title, google matched content at the end of the article with some ads + related articles, included my website logo instead of the sites name, added social icons etc
One more change i did was adding a footer that matched my template colors so the google amp articles will show more elegant. Default amp style articles are ending with the comments bar so this will add a footer right after it with some nagivation.
1. Edit the file com_easyblog/themes/wireframe/blogs/entry/amp.php and right before the </body> tag add this code:
2. Edit the style page com_easyblog/themes/wireframe/blogs/entry/amp.stylesheets.php and add this:
Of course you can modify the colors as you like
after trying to customize amp articles i made some radical changes. I added an advertise right after the title, google matched content at the end of the article with some ads + related articles, included my website logo instead of the sites name, added social icons etc
One more change i did was adding a footer that matched my template colors so the google amp articles will show more elegant. Default amp style articles are ending with the comments bar so this will add a footer right after it with some nagivation.
1. Edit the file com_easyblog/themes/wireframe/blogs/entry/amp.php and right before the </body> tag add this code:
<footer>
<a href="http://www.mywebsite.com">Home</a> - <a href="https://www.mywebsite.com/contact-us">Contact us</a><br>© Mywebsite.com - This is my awsome website
</footer>
2. Edit the style page com_easyblog/themes/wireframe/blogs/entry/amp.stylesheets.php and add this:
footer {
background-color: #000;
color: #fff;
padding: 5px;
position: relative;
text-decoration: none;
font-size: 15px;
line-height: 2;
}
footer a {
color: #fff;
text-decoration: none;
font-size: 18px;
}
Of course you can modify the colors as you like