Cum adaugi butoanele de partajare în paginile AMP?


În cazul în care folosiți WordPress și modulul AMP oferit de Automattic, puteți să adăugați butoane pentru a distribui articolul modificând câteva fișiere ale acestui modul.

Mai întâi de toate trebuie să găsiți fișierul responsabil cu afișarea paginii AMP, acesta este localizat în folderul modulului aici: „…/wp-content/plugins/amp/templates/single.php”

Introduceți chiar deasupra etichetei „<footer>” următorul cod:


<?php $thumb_id = get_post_thumbnail_id( $post->ID );
$img = wp_get_attachment_image_src( $thumb_id, $size );
$img_src = $img[0];
?>



Pentru a face ca legăturile de partajare să fie afișate într-un mod mai plăcut, adăugați în fișierul css al modulului(„/wp-content/plugins/amp/templates/style.php”), chiar la sfârșitul acestuia , următorul cod:



.amp-share{
        margin: 36px 16px;
padding:8px 16px;
border:1px solid #aaa;
border-radius:8px;
background-color:#fefefe;
 
    }
    .amp-share a {
        margin:10px 5px;
        line-height: 1;
        color:#fff;
        padding:3px 6px;
        text-decoration:none;
        font-family: Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
 
        /* border-radius: 3px; */
        /* box-shadow: 1px 1px 3px #888; */
 
    }
    .amp-share a:hover{
        color:#fff;
        text-decoration:none;
    }
   
    .amp-share .as-facebook {
        background-color: #3B5998;
    }
    .amp-share .as-twitter {
        background-color:#00aced;
    }
    .amp-share .as-gplus {
        background-color:#dd4b39;
    }
    .amp-share .as-pinterest {
        background-color:#cb2027;
    }


Multă baftă și la cât mai multe distribuiri!

Anunțuri

Ai ceva de spus?

Completează mai jos detaliile tale sau dă clic pe un icon pentru a te autentifica:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s