Rozbalovací "tlačítka" pro poznámky s pluginem Hackadelic Sliding Notes

25.8.2009 | autor: WPress | komentářů (17) | 2 399 x
closeTento tip jsem napsala před více než rokem, widget či plugin proto nemusí být už kompatibilní s nejnovější verzí WordPressu (i některé starší pluginy však fungují, proto je to třeba vyzkoušet). Rozhodně doporučuji všimnout si, pro kterou verzi byl naposledy aktualizován v oficiální databázi pluginů na wordpress.org

Plugin Hackadelic Sliding Notes umí jednu poměrně vyhledávanou fukci. Po klepnutí na odkaz (část textu), který může, ale nemusí mít podobu tlačítka, se pod tímto textem otevře okénko s textem dalším, například vysvětlující, doplňující poznámkou k danému výrazu.

pluginrozbalovacipoznamkyNení pochyb o tom, že využití pluginu je široké a rozbalovací text působí efektně. Plugin v zásadě stačí pouze nainstalovat a do příspěvku, v němž hodláte plugin využít, je pak třeba vložit speciální kód, který lze využít opakovaně podle vašich potřeb (viz níže).

Pokud si přejete, aby vyznačený odkazující text měl podobu tlačítka, vložte do CSS souboru příslušný kód, též viz dále.

Vkládáný kód do příspěvků má tuto základní podobu:


[slider title="Název rozbalovací záložky"]
Sem patří doplňující obsah...
[/slider]

Možná základní podoba CSS pro zobrazení odkazu jako tlačítka:


.hackadelic-sliderPanel {
border: 1px solid #ccc;
padding: 5px;
-moz-border-radius: 1em; -webkit-border-radius: 1em;
}

a.hackadelic-sliderButton {
border: 1px solid lightgrey;
color: #B3960E;
padding: 0 3px;
-moz-border-radius: 1em; -webkit-border-radius: 1em;
}
a.hackadelic-sliderButton:hover {
border: 1px solid #F0F0E0;
background-color: #F0F0E0;
}
.entry .hackadelic-sliderPanel {
background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
display: block;
text-align: center;
margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
background-color: #F0F0E0;
}

Ukázka fungování (poupraveného) pluginu Hackadelic Sliding Notes:

http://hackadelic.com/services#things-i-do

Plugin Hackadelic Sliding Notes ke stažení:

http://wordpress.org/extend/plugins/hackadelic-sliding-notes/

Podrobnosti o pluginu Hackadelic Sliding Notes na domovském webu:

http://hackadelic.com/solutions/wordpress/sliding-notes



Přečtěte si také:



Kategorie : Pluginy, WordPress
Štítky:, , ,

17 x okomentováno “Rozbalovací "tlačítka" pro poznámky s pluginem Hackadelic Sliding Notes”

Přidat komentář (+)

  1. vlado napsal:
    25.8.2009 v 12.24

    thx za tip, uz som na tvojej stranke nasiel dost zaujimavych pluginov :-)

    Odpovědět
  2. WPress napsal:
    25.8.2009 v 13.18

    To mě těší, ten přehled si dělám i tak trochu pro sebe, abych zjistila, jaké možnosti WordPress nabízí, ale samozřejmě hlavně pro návštěvníky. ;-) Takže jsem ráda, když tu někdo najde něco, co ho zaujme.

    Odpovědět
  3. vlado napsal:
    25.8.2009 v 14.07

    Tento blog uz navsetvujem pravidelne a som rad ze je tak casto aktualizovany. :-) Este by ma zaujimalo ci nemas nejaky skusenosti s pluginmy na zrychlenie wordpressu, napr. Hyper Cache...

    Odpovědět
  4. WPress napsal:
    25.8.2009 v 14.21

    Snažím se a uvidím, záleží na tom, zda narazím na nějaký nový či aktualizovaný plugin (případně tip), který mě zaujme, a nyní zatím takové objevuji.

    HyperCache se hodně používá, případně WP Super Cache, ale já mám nastaveno cachování na VS, na kterém momentálně hostuju, takže cache pluginy (po dohodě s hostingem) nepoužívám. Pokud bych vybírala, sáhla bych asi po HyperCache, i když to chce vyzkoušet, WP Super Cache je na obdobné úrovni, někdy je důležitá také projevená případná nekompatibilita, což se může stát u všech pluginů (ale to neříkám, že bych o nějaké věděla, spíš z principu).

    Teď zrovna jsem ale taky narazila ještě na plugin, který jsem nezkoušela a slibuje urychlení načítání kombinací HTML komprese s cache a HTTP kompresí. Bez záruky, doporučuji proto vyzkoušet zatím na nějakém testovacím webu:
    http://wordpress.org/extend/plugins/wp-html-compression/

    Odpovědět
  5. vlado napsal:
    25.8.2009 v 15.08

    dakujem, nieco vyskusam

    Odpovědět
  6. Martin4Pája napsal:
    28.8.2009 v 18.28

    Díky za vynikající tip na plugin. :-)

    Odpovědět
  7. JonasKopp napsal:
    20.9.2009 v 14.47

    Hmm... mně nefunguje.
    Stáhl jsem si nejnovější verzi, přidal do píspěvku kód:
    [slider title="Název rozbalovací záložky"]
    Sem patří doplňující obsah...
    [/slider]
    Vložil CSS, ale po kliknutí na název se nic nestane.
    Vypadá to, že to je dělaný přes JS a vzhledem k tomu, že v pluginu .js neni, tak nemůže to být tim?
    Díky

    Odpovědět
  8. WPress napsal:
    20.9.2009 v 15.02

    Já jsem tento plugin nyní ještě jednou stáhla, otestovala ve WordPressu 2.8.4, v defaultním vzhledu Kubrick a funguje tak, jak má. Ten CSS styl je tam vlastně jen proto, aby odkaz vypadal jako tlačítko. A js soubor tam skutečně není.
    Předpokládám tedy, že plugin vychází z funkcí, které WordPress má ve svém základu. Vím, že stavíš weby s vlastními vzhledy, možná tam kus něčeho potřebného chybí v kódu. Zkus ten plugin otestovat v nějakém základním vzhledu, tedy například viz zmíněný Kubrick.

    Také se to může klidně nesnášet s nějakým použitým pluginem, ale konkrétní mě nenapadá.

    Odpovědět
  9. JonasKopp napsal:
    20.9.2009 v 20.50

    Hmm, tak je pravda, že mi to na defaultní theme funguje, ale nechápu proč.
    Theme, kde to funguje, neobsahuje žádný JS a v hlavičce ani na žádný neodkazuje. Ach jo, to je práce :)

    Odpovědět
  10. WPress napsal:
    20.9.2009 v 21.46

    Zdá se mi, že potřebuje knihovnu "jQuery JavaScript library". Nevím, kde ji WP volá, ale jestli to tedy není v hlavičce (také to tam nevidím), tak spíš ve funkcích vzhledu.
    A nebo že by konflikt knihoven stejného typu, ale různých verzí?

    http://hackadelic.com/sliding-notes-scriptaculous-caveats

    Odpovědět
  11. JonasKopp napsal:
    21.9.2009 v 15.23

    functions.php mám kompletně převzatej z default domény, v něm to být nemůže...
    A nevidím nic, co by mohlo nějakej JS volat. Ach jo, tak tenhle plugin mažu.
    Nemáš v zásobě nějakej, co funguje podobně? :)

    Odpovědět
  12. WPress napsal:
    21.9.2009 v 15.39

    Zásobárna pluginů. :-D Hmmm, to kupodivu nejsem. :-D I já musím někdy zapojit stejdu googla a http://wordpress.org/extend/plugins/, tak to holt zkus taky. ;-) Využívám to, co je, tedy spíš, co je mi známo. Všechny jsem ještě zdaleka neprošla, navíc ne všechny jsou aktuální. Koukala jsem, že čím dál víc jich z databáze "mizí". Ty, co zřejmě nějak porušujou licenci, či jsou (asi) nefunkční nebo dlouho neaktualizované. Aspoň to tak vypadá. Zřejmě nějak zpřísnili pravidla či co.

    Jinak fakt nemám. Momentálně jsem na podobný plugin nenarazila. :-( Škoda, ještě bych možná zkusila leda stáhnout si tu javascriptovou knihovnu (vím, že některé pluginy ji měly zvlášť), nahrát ji k souborům vzhledu a zkusit ji tedy speciálně volat v hlavičce. Ale protože bohužel programování není má parketa, netuším, jestli neplácám v tomto případě nesmysly. :-)

    Spíš jen pro zajímavost, taky pěkné pluginy na otevírací horní přihlašovací panel: ;-)

    http://wordpress.org/extend/plugins/sliding-panel/
    http://wordpress.org/extend/plugins/wp-sliding-logindashboard-panel/

    Odpovědět
  13. WPress napsal:
    21.9.2009 v 16.03

    Tady jsem při tom hrabání rozbalovacích hračiček narazila na plugin na "spoilery", jenže ten mi zas nahlásil po krátkém používání chybnou hlavičku a WP ho shodil, ač by pro WP 2.8.4 měl být udělán, tak nevím... Je to trošičičku podobné, ale ani to není ono...

    http://wordpress.org/extend/plugins/advanced-spoiler/

    A ještě jeden na spoilery, pro WordPress 2.7, ale fungoval mi i ve WP 2.8.4

    http://wordpress.org/extend/plugins/tiny-spoiler/

    A taky rozbalovací WP-Lyrics (nezkoušela jsem)

    http://wordpress.org/extend/plugins/wplyrics/

    A ještě:

    http://wordpress.org/extend/plugins/easy-spoiler/

    Odpovědět
  14. JonasKopp napsal:
    21.9.2009 v 21.53

    Ten třetí jsem nainstaloval, ale nepochopil jsem jeho použití. :)
    Nech to plavat, děkuju moc za snahu, když něco budeš potřebovat kolem kódování či psaní textů, napiš :)

    Udělám to normálně přes CSS bez pluginů

    Odpovědět
  15. JonasKopp napsal:
    21.9.2009 v 21.56

    PS: Už jsem ho pochopil, ale nefugnuje mi, nebudu se v tom hnípat, udělám to po svym :)

    Odpovědět
  16. WPress napsal:
    22.9.2009 v 6.43

    Zdá se, že to tak bude asi nejjednodušší. :-D

    Odpovědět
  17. Aktualizace napsal:
    10.10.2010 v 5.37

    Plugin pro rozbalovací text - Text Expander:

    http://wordpress.org/extend/plugins/text-expander/

    Odpovědět

Okomentovat


Poslední články

Nejnovější komentáře

Rubriky

RSS Novinky na interval.cz

WordPress

Podporuji


Parent Project