Embedovaný tweet na střed

Zvolené téma obsahuje celkem 6 odpovědí. Do diskuze (3 účastníci) se naposledy zapojil uživatel  valada06 a poslední změna je stará 9 let.

Aktuálně je na stránce zobrazeno 7 příspěvků - 1. až 7. (z celkem 7)
  • Autor
    Příspěvky
  • #23853

    valada06
    Participant

    Dobrý den, samozřejmě vím, že WordPress umí od verze 3.4 embedovat tweet pouhým vložením odkazu daného tweetu. Můj problém ale spočívá v tom, že takto zobrazené tweety se posléze nedají zarovnat na střed. V současnosti musím používat starý twitterový embedovací kód, abych tak mohl učinit, což také není ideální, protože když vložím do html editoru příkaz <center></center> a příspěvek poté třeba aktualizuji, většinou to opět přestane fungovat a musím to dělat znovu.

    Chtěl bych tedy nalézt nějaké univerzální řešení, které by mi usnadnilo práci a zachránilo nervy.

    Předem děkuji za jakoukoliv pomoc.

    #23854

    sjiamnocna
    Participant
    Web

    Dobrý den. To by snad šlo zachránit přidáním CSS. Můžete prosím poskytnout odkaz k webu, kde to najdu?

    Asi by stačilo něco takověho:

    .x {
    display: block;
    margin: 5px auto;
    text-align: center;
    }

    Ale je těžké dát konkrétní köd, když neznám stránku :)

    #23855

    valada06
    Participant

    Děkuji za odpověď. Stránku a konkrétní příspěvek najdete
    tady: http://madamsecretary.funsite.cz/2015/07/nataceni-druhe-serie-je-v-plnem-proudu/

    #23857

    admin
    Keymaster
    Web

    @valada06: Na webu to ale vidím vycentrované, patrně pomocí <center>? Když aktualizujete příspěvek, tak tato HTML značka zmizí? Nebo tam je nějaký jiný problém s editorem?

    #23858

    valada06
    Participant

    Ano, tady je to vycentrované pomocí úpravy v html editoru. Ale většinou, když příspěvek aktualizuji, zarovnání zmizí.

    #23877

    admin
    Keymaster
    Web

    Zkoušel jsem to schválně přímo tady na webu a není to zase tak jednoznačné. Jednou z možností je změna CSS, kde se definuje automatický levý a pravý margin pro zobrazený iframe, ale musí se tam přidat !important, protože má iframe už svou původní hodnotu margin: 10px 0px; Takže mi tady fungovalo něco takového:

    .twitter-tweet {
     margin-left: auto !important;
     margin-right: auto !important;
    }

    Pak jsem našel ještě další návody (např. zde), které využívají filtr oembed_result a doplňují tak do výsledného iframu třídu tw-align-center, která pak patrně celý iframe automaticky zarovnává na střed. Ale to jsem nezkoušel, takže nevím, jestli to v dnešní době ještě funguje…

    A možná existuje ještě nějaký elegantnější způsob, na který jsem zrovna nepřišel :-) Ale třeba se ještě někdo ozve…

    #23882

    valada06
    Participant

    Děkuji moc za tipy! Něco zkusím. :-)

Aktuálně je na stránce zobrazeno 7 příspěvků - 1. až 7. (z celkem 7)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.