Mootools (Fx.Slide) y mi theme

Inicio Foros WordPress Themes y Diseño Mootools (Fx.Slide) y mi theme

Este debate contiene 2 respuestas, tiene 2 mensajes y lo actualizó  imported_Eiwazh hace 9 años, 1 mes.

  • Autor
    Publicaciones
  • #14036

    imported_Eiwazh
    Participante

    <p>Buenas de nuevo:</p>
    <p>Bien, estoy creando un theme, como portafolios de lo que voy haciendo, el caso, es que he bajado la funcion fx.slide de mootools, y quiero integrarla en mi nuevo theme, pero como no… se revela.</p>
    <p>Lo primero que hice, fue incluir en header.php (donde se encuentran las estiquetas &lt;head&gt;) las llamadas a los archivos necesarios demo.jss y mootools.js </p>
    <p>Quedando algo así. </p>
    <p>

    Quote:
    <br />
    &lt;?php<br />
    /**<br />
    * @package WordPress<br />
    * @subpackage Default_Theme<br />
    */<br />
    ?&gt;<br />
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br />
    &lt;html xmlns="http://www.w3.org/1999/xhtml&quot; &lt;?php language_attributes(); ?&gt;&gt;</p>
    <p>&lt;head profile="http://gmpg.org/xfn/11"&gt;</p&gt;
    <p>&lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo(‘html_type’); ?&gt;; charset=&lt;?php bloginfo(‘charset’); ?&gt;" /&gt;</p>
    <p>&lt;title&gt;&lt;?php wp_title(‘«’, true, ‘right’); ?&gt; &lt;?php bloginfo(‘name’); ?&gt;&lt;/title&gt;</p>
    <p>&lt;link rel="stylesheet" href="&lt;?php bloginfo(‘stylesheet_url’); ?&gt;" type="text/css" media="screen" /&gt;<br />
    &lt;link rel="pingback" href="&lt;?php bloginfo(‘pingback_url’); ?&gt;" /&gt;</p>
    <p>&lt;?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?&gt;</p>
    <p>&lt;?php wp_head(); ?&gt;<br />
    &lt;script type="text/javascript" src="../mootools.js"&gt;&lt;/script&gt;<br />
    &lt;script type="text/javascript" src="demo.js"&gt;&lt;/script&gt;<br />
    &lt;/head&gt;<br />
    &lt;body &lt;?php body_class(); ?&gt;&gt;<br />
    &lt;div id="header"&gt;</p>
    <p> &lt;h1&gt;<a>/"&gt;&lt;?php bloginfo(‘name’); ?&gt;</a>&lt;/h1&gt;<br />
    &lt;div class="description"&gt;&lt;?php bloginfo(‘description’); ?&gt;&lt;/div&gt;</p>
    <p>&lt;/div&gt;<br />

    </p>
    <p>Lo siguiente, y sin empezar con complicaciones he copiado y pegado el codigo html que viene con la demo en el index.php quedando algo así </p>
    <p>

    Quote:
    &lt;?php<br />
    /**<br />
    * @package WordPress<br />
    * @subpackage Default_Theme<br />
    */</p>
    <p>get_header(); ?&gt;</p>
    <p> &lt;div id="content"&gt;<br />
    &lt;div id="navigator"&gt;<br />
    &lt;div id="menu"&gt;&lt;li class="active"&gt;<a href="/wordpress">Trabajo&lt;small&gt;Nuestro Trabajo&lt;/small&gt;</a></p>
    <li><a href="http://localhost/wordpress/?page_id=2">Sobre Mi &lt;small&gt;Conocenos mejor&lt;/small&gt;</a></li>
    <p>&lt;li class="final"&gt;<a href="http://www.web2000.es/contacto.php">Contacto &lt;small&gt;Contacte con Nosotros&lt;/small&gt;</a><br />
    &lt;/div&gt;&lt;!–fin menu–&gt;<br />
    &lt;/div&gt;&lt;!–Fin Navigator–&gt;</p>
    <p> &lt;h3 class="section"&gt;Horizontal&lt;/h3&gt;<br />
    &lt;div class="marginbottom"&gt;<br />
    <a href="#">slide out</a><br />
    |<br />
    <a href="#">slide in</a><br />
    |<br />
    <a href="#">toggle</a><br />
    |<br />
    <a href="#">hide</a><br />
    |<br />
    <a href="#">show</a><br />
    | <strong>status</strong>: &lt;span id="horizontal_status"&gt;open&lt;/span&gt;<br />
    &lt;/div&gt;<br />
    &lt;div id="horizontal_slide"&gt;<br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
    &lt;/div&gt;</p>
    <p> &lt;?php if (have_posts()) : ?&gt;</p>
    <p> &lt;?php while (have_posts()) : the_post(); ?&gt;</p>
    <p> &lt;div id="post"&gt;</p>
    <p> &lt;h2&gt;<a>" rel="bookmark" title="Permanent Link to &lt;?php the_title_attribute(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;</a>&lt;/h2&gt;</p>
    <p> &lt;div class="entry"&gt;<br />
    &lt;?php the_content(‘Read the rest of this entry »’); ?&gt;<br />
    &lt;/div&gt;</p>
    <p> &lt;/div&gt;</p>
    <p> &lt;?php endwhile; ?&gt;</p>
    <p> &lt;?php else : ?&gt;</p>
    <p> &lt;h2 class="center"&gt;Not Found&lt;/h2&gt;<br />
    &lt;p class="center"&gt;Sorry, but you are looking for something that isn’t here.&lt;/p&gt;</p>
    <p> &lt;?php endif; ?&gt;</p>
    <p> &lt;/div&gt;</p>
    <p>&lt;?php get_footer(); ?&gt;<br />

    </p>
    <p>He probado rutas relativas y absolutas, cambiandolo de sitio y trayendolo a traves http, pero no hay forma de que haga el efecto (por cierto el efecto es que debe ocultarse hacia la izquierda)</p>
    <p>Comprobando directamente el html que viene con la demo funciona perfectamente, y no se que mas puedo hacer.</p>
    <p>Ojala podais ayudarme, gracias.</p>
    <p>El theme es el default modificado, pero todo funciona excepto el efecto fx.slide</p>
    <p>Mi versión de wp WordPress 2.8.4.
    </p>

  • #31596

    hwelt
    Participante

    es muy fácil… fijate solo tienes un errorsito!…. si lo arreglas solo agradece! 😉

    Mira.. en el “header.php”… edita antes de </head> … que ahí te confundiste..
    tú tienes esto:
    <script type=”text/javascript” src=”../mootools.js”></script>
    <script type=”text/javascript” src=”demo.js”></script>

    y debes cambiarlo por esto:
    <script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/mootools.js”></script>
    <script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/demo.js”></script>

    SI problablemente no vaya a funcionarte… en lugar de escribir ‘stylesheet_directory’ intenta reemplazar con estos otros:
    ‘template_directory’
    ‘template_url’

    Y fíjate que “mootols.js” y “demo.js”… los subas al tema que estás usando… (en el directorio de tu tema”.. (por ejemplo… “www.miweb.com/wp-themes/mitheme/” ya que <?php bloginfo(‘stylesheet_directory’); ?> = http://www.miweb.com/wp-themes/mitheme/...
    y si piensas subirlo dentro de la carpeta “js” de tu tema… (www.miweb.com/wp-themes/mitheme/js/).. entonces tienes que agregarlo también así “<?php bloginfo(‘stylesheet_directory’); ?>/js/”

    Y si enverdad no vaya a funcionarte.. entonces sube los archivos de mootols en la carpeta raiz de worpdress (donde se encuentra index.php, wp-config.php, wp-login.php.. etc) sube todos.. y en el arhcivo que estas creando reemplaza por el tag “<?php bloginfo(‘url’); ?>/mootols.js” ya que es igual a “www.miweb.com/mootols.js”…

    espero lo comprendas.. saludos!

  • #31601

    imported_Eiwazh
    Participante

    Pues aunque ya lo arregle, y utilice corpa-slide, realmente creo q esa era la solución.

    Los agradecimientos no se piden que queda feo, pero bueno te lo has ganado, gracias por la ayuda.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest