Wsparcie » Motywy » Single (one page) theme tutorial lub prosty szablon startowy

Viewing 3 replies - 1 through 3 (of 3 total)
  • Tutaj tutorial odnośnie parallax: http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/

    Natomiast jeśli chodzi budowanie szbalonu typu „one page”, to jest pewien tutorial ale wymaga on posiadania płatnego szablonu od Woothemes.

    Natomiast po co Ci do wszystkiego tutoriale? Jeśli chodzi o zbudowanie szablonu typu one page to jest to dość proste, zastosuj się do wskazówek który zostały udzielone tutaj.

    Thread Starter yozz84

    (@yozz84)

    Dziękuję za linki… zbudowałem sobie wstepny theme do testów jednak mam drobny problem… próbuję podpiąć do thema js-a Page Scroll to ID aby gładko i przyjemnie strona przewijała sie do danego miejsca.

    Wtyczka jest aktywowana, w polu selectors wpisałem wedle przykładu „a.scroll” aby przewijało do klasy w tym momencie odpowiedzialnej za wysokość pola i jednocześnie początku „div-a”

    Mój prosty testowy kod wygląda następująco:

    <?php
    /**
     * Template Name: Single Page Template
     *
     * …
     *
     * @package Thematic
     * @subpackage Templates
     */
    
        // calling the header.php
        get_header();
    
    ?>
    <?php
    
    // define how pages will display
    $args = array(
    	'sort_order' => 'ASC',
    	'sort_column' => 'menu_order', //post_title
    	'hierarchical' => 1,
    	'exclude' => '1733',
    	'child_of' => 0,
    	'parent' => -1,
    	'exclude_tree' => '',
    	'number' => '',
    	'offset' => 0,
    	'post_type' => 'page',
    	'post_status' => 'publish'
    );
    $pages = get_pages($args);
    //start loop
    foreach ($pages as $page_data) {
        $content = apply_filters('the_content', $page_data->post_content);
        $title = $page_data->post_title;
        $slug = $page_data->post_name;
    ?>
    
    <div class='<?php echo "$slug" ?>, height'><a name='<?php echo "$slug" ?>' class='scroll'></a>
            <h2><?php echo "$title" ?></h2>
    			<?php echo "$content" ?>
    </div>
    
    <?php
    }
    get_footer();
    ?>

    1733 to opublikowana strona testowa pominięta w pętli.

    Co zrobiłem nie tak, że „scroll to id” nie działa? Nie widzę swojego błędu… Z góry dziękuję za pomoc.

    Menu mam skonstruowane w postaci odnośników z hashami do konkretnych części strony ale bez linków – nie w formie http://adres#galeria tylko np. #galeria, #o-nas, #kontakt.

    ps. z Parallax-a zrezygnowałem.

    Najpierw upewnij się, że nie ma żadnego błędu w skryptach js. Informacje o błędach znajdziesz w konsoli JavaScript(Ctrl+Shitf+J – w Chrome). Upewnij się także że w kodzie strony znajduje się link do pluginu.

    <div class='<?php echo „$slug” ?>, height’>

    Nie wiem dlaczego odzielasz klasy CSS przecinkiem, robi się to po prostu za pomocą spacji.

    Nie wiem jakiego dokładnie pluginu używasz, ale spróbuj dodać tag href='<?php echo „$slug” ?>’ do tagu <a>

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘Single (one page) theme tutorial lub prosty szablon startowy’ jest zamknięty na nowe odpowiedzi.