Jul 10 2012

Modificando estilo da Assinatura do JetPack


Comecei a utilizar a funcionalidade de Assinatura do Jetpack recentemente. Verificando como o mesmo ficava acessando uma página minha pude notar que a checkbox e o texto ficavam em linhas diferetens. Ou seja, entre a checkbox e o texto "Notify me of follow-up comments by email." e o "Notify me of new posts by email." havia um espaçamento.

Isso não acontece em todos os temas, então não confirmo se a solução é padrão para todos, mas para remover o espaçamento entre a checkbox e o texto (deixar na mesma linha) eu modifiquei o arquivo "wp-content/plugins/jetpack/modules/subscriptions.php"

Modifiquei as seguintes linhas 433, 434, 435 para

$str .= '<p class="comment-subscription-form" style="line-height: 0px; height: 0px;"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox; vertical-align:middle; top: 0px;"' . $comments_checked . ' /> ';

$str .= '<label class="subscribe-label" id="subscribe-label" for="subscribe_comments" style="width:none; float:none;">' . __( 'Notify me of follow-up comments by email.', 'jetpack' ) . '</label>';

$str .= '</p>';

E também as linhas 439, 440, 441 para:

$str .= '<p class="comment-subscription-form" style="line-height: 0px; height: 0px;"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox; vertical-align:middle; top: 0px;"' . $blog_checked . ' /> ';
$str .= '<label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog" style="width:none; float:none;">' . __( 'Notify me of new posts by email.', 'jetpack' ) . '</label>';
$str .= '</p>';

As alterações que foram realizadas foram a inclusão de styles que atualizam as propriedades de estilo.

Talvez essa não seja a solução exata para você, mas ela pode indicar o caminho.

Abraços,
Matheus

Comentários do Facebook:

5 Comments

  • By Mila, January 10, 2013 @ 4:59 am

    I'm having this exact problem.... I did what was listed here, but it didn't fix my problem. :(

  • By Matheus (X-warrior) Bratfisch, January 10, 2013 @ 1:25 pm

    What is your jetpack version? and wordpress?

  • By Mila, January 14, 2013 @ 9:32 am

    My Jetpack and WordPress are the latest ones available - I just switched over to a self-hosted site a week ago.

    Jetpack is 2.1.1 and WordPress is 3.5

  • By Mila, January 14, 2013 @ 9:40 am

    Maybe I didn't do it right because I can't see the line numbers? I edited that file through the WordPress dashboard through Plugin Editor.

  • By Matheus (X-warrior) Bratfisch, January 15, 2013 @ 2:31 am

    you could edit on an external editor (copy paste, edit, and copy paste back). Just to make sure.

    I`m not using latest jetpack update, I will update it asap and will let you know.

    Have a good one

Other Links to this Post

RSS feed for comments on this post. TrackBack URI

Leave a comment