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>
