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.
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>
