Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów - fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
wieszcozjesz 
Blogger.Klub


Dołączył: 18 Lis 2012
Posty: 46
Miasto: Podkarpacie

Wysłany:    [blogspot] Rozwijanie tylko środka postu - czy wykonalne

Witam
Nie mogłem wymyślić bardziej trafnego topicu. Generalnie szukam rozwiązania z problemem monotonności postów (opisy składników). Obecnie posty standardowo wyglądają tak: zdjęcie, wstęp - rozwijanie treści - opis składników, podsumowanie.

Czy jest szansa by tylko środkowa część posta była do rozwijania np. chciałbym opis poszczególnych składników umieszczać w miejscu jak dotychczas ale jednocześnie by sam opis był do kliknięcia i rozwinięcia. Na stronie głównej było by widać wstęp, skład i zakończenie i jednocześnie między wstępem a podsumowaniem byłby możliwy do rozwinięcia opisy
______________________________________________________
mój sprzeciw dla szkodliwej chemii w żywności
 
  podziel się tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 35
Dołączył: 01 Sty 2006
Posty: 8942
Miasto: Wrocław

Wysłany: 2013-06-15, 01:18   box z ukrytą treścią? tekst widoczny po kliknięciu / spoiler

Standardowe zwijanie tekstu:

Kod

<!--more-->
dzieli wpis na dwie część. To co nad jest wypisem, to co pod jest zastąpione hiperłączem "czytaj dalej" i widoczne dopiero na stronie posta.

Nie da się zatem tą opcją stworzyć sytuacji na stronie głównej:
[widoczne]
[niewidoczne]
[widoczne]

Można to uzyskać za pomocą skryptu, który stworzy nam ramkę "spoiler" i link do pokazywania jej zawartości.

I wersja, działająca na każdej podstronie, równolegle z innymi (np. lista postów, gdzie takich skryptów będzie dużo)

1) Sekcja head musi zawierać odwołanie do jQuery - kod masz poniżej (II wersja) w punkcie 2)

2) Sekcja CSS - to samo co w wersji II - punkt 3)

3) treść wpisu, w widoku HTML dopisujemy:
Wiadomość (widoczna dla zarejestrowanych)
znacznik dowolny (nagłówek, div itp.), nazwa spoiler1 musi być unikalna, w każdym wpisie/kodzie inna.
Wiadomość (widoczna dla zarejestrowanych)
ta sama nazwa musi być użyta w divie z ukrytą treścią (spoilerem).




II wersja, dla stron postów, jeżeli tylko na podstronach umieszczamy spoiler (czyli nie pokazujemy tego fragmentu na stronie głównej).

Zaczniemy od edycji szablonu.
1) Sekcja head, odszukaj </head> i tuż nad nim dodaj:
Wiadomość (widoczna dla zarejestrowanych)

2) sprawdź czy masz tam odwołania do jQuery np. jquery.min.js - jeżeli nie to musisz dodać jeszcze to:

Kod

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type='text/javascript'/>
nowsze biblioteki: developers.google.com/speed/libraries/#jquery

3) sekcja CSS:
Wiadomość (widoczna dla zarejestrowanych)
oczywiście można tu sobie upiększyć według uznania.

4) treść posta, widok HTML:
Wiadomość (widoczna dla zarejestrowanych)
zamiast span może być inny znacznik, np. h2, h3, a, p, div
Wiadomość (widoczna dla zarejestrowanych)


Sugestia ode mnie:

Można stosować spoilery, ale nie rezygnowałbym ze zwijania tekstu. To pozwala lepiej śledzić zachowania czytelników na blogu, bo w statystykach mamy wgląd w jakie wpisy wchodzili i skąd. Jak damy pełne treści na stronie głównej to wydaje mi się, że mniej osób przejdzie na podstronę, chociażby po to by skomentować.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegóły.
Nie możesz odpowiadać w tematach. Zobacz szczegóły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2020 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz