{"id":46370,"date":"2015-01-18T14:01:05","date_gmt":"2015-01-18T14:01:05","guid":{"rendered":"https:\/\/br.wordpress.org\/support\/topic\/de-bootstrap-para-wordpress-2\/"},"modified":"2016-08-06T01:35:49","modified_gmt":"2016-08-06T01:35:49","slug":"de-bootstrap-para-wordpress-2","status":"closed","type":"topic","link":"https:\/\/br.wordpress.org\/support\/topic\/de-bootstrap-para-wordpress-2\/","title":{"rendered":"De Bootstrap para WordPress"},"content":{"rendered":"

Ol\u00e1 pessoal,<\/p>\n

Criei uma p\u00e1gina em bootstrap e agora estou tentando pass\u00e1-la para o padr\u00e3o do WordPress. Criei um index.php e coloquei todo o corpo l\u00e1, separei o header.php e o footer.php e instalei o plugin bootstrap twitter CSS. At\u00e9 ent\u00e3o ficou tudo ok quanto ao sistema de grids, navbar e tudo o mais do Bootstrap, exceto o carousel.
\nEu estou usando o mesmo carousel disponibilizado pelo Boostrap e antes de por para WordPress o meu index.html estava funcionando normal, por\u00e9m no WordPress aparece a primeira imagem do meu carousel, legendas e tudo o mais da mesma, mas n\u00e3o rotaciona para a segunda imagem nem automaticamente e nem manualmente, as setas tamb\u00e9m n\u00e3o aparecem. Al\u00e9m disso o meu carousel est\u00e1 no header.php porque quando tento separar e por no sidebar-carousel.php me aparece essa imagem <\/a>.
\nEstou disponibilizando o c\u00f3digo logo abaixo e os scripts que coloquei no fim do index.php, quem puder me ajudar agrade\u00e7o desde j\u00e1. Esse <\/a> \u00e9 meu site como est\u00e1 agora <\/p>\n

<!-- Carousel\n    ================================================== -->\n    <div id="myCarousel" class="carousel slide" data-ride="carousel">\n      <!-- Indicators -->\n      <ol class="carousel-indicators">\n        <li data-target="#myCarousel" data-slide-to="0" class="active"><\/li>\n        <li data-target="#myCarousel2" data-slide-to="1"><\/li>\n        <li data-target="#myCarousel3" data-slide-to="2"><\/li>\n      <\/ol>\n      <div class="carousel-inner" role="listbox">\n        <div class="item active">\n          <img src="<?php bloginfo('template_directory'); ?>\/imagens\/manta.jpg" alt="Logo" \/>\n          <div class="container">\n            <div class="carousel-caption">\n             <!-- <h1>Example headline.<\/h1>\n              <p>Note: If you're viewing this page via a <code>file:\/\/<\/code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load\/display properly due to web browser security rules.<\/p>\n              <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today<\/a><\/p>-->\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class="item">\n          <img src="imagens\/vermiculita.jpg" alt="Second slide">\n          <!--<div class="container">\n            <div class="carousel-caption">\n              <h1>Another example headline.<\/h1>\n              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.<\/p>\n              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more<\/a><\/p>\n            <\/div>\n          <\/div>\n        <\/div> <!--\n        <div class="item">\n          <img src="" alt="Third slide">\n          <div class="container">\n            <div class="carousel-caption">\n              <h1>One more for good measure.<\/h1>\n              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.<\/p>\n              <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery<\/a><\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div> -->\n      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">\n        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><\/span>\n        <span class="sr-only">Previous<\/span>\n      <\/a>\n      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">\n        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><\/span>\n        <span class="sr-only">Next<\/span>\n      <\/a>\n    <\/div><!-- \/.carousel --><\/code><\/pre>\n
E os scripts<\/p>\n
<script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js"><\/script>\n    <script src="..\/..\/dist\/js\/bootstrap.min.js"><\/script>\n    <script src="..\/..\/assets\/js\/docs.min.js"><\/script>\n    <!-- IE10 viewport hack for Surface\/desktop Windows 8 bug -->\n    <script src="..\/..\/assets\/js\/ie10-viewport-bug-workaround.js"><\/script>\n<script type="text\/javascript">\njQuery(document).ready(function($) {\n    $('.carousel').carousel({\n  \t\tinterval: 1000\n  \t})\n});\n<\/script>\n<?php get_footer(); ?><\/code><\/pre>\n","protected":false},"template":"","class_list":["post-46370","topic","type-topic","status-closed","hentry","topic-tag-bootstrap","topic-tag-carousel","topic-tag-jquery","topic-tag-migrando-de-bootstrap-para-wordpress","topic-tag-problemas-com-template"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/46370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/46370\/revisions"}],"wp:attachment":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=46370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}