Un utente ha chiesto
Categoria: TablePress di WordPress
Domanda: Come aggiungere un pulsante nella stampa da tavolo

Ciao Tobia,
Devo aggiungere l’icona di un pulsante sul mio sito web https://prnt.sc/s7a31e lo stesso così https://prnt.sc/s7a3ji, https://prnt.sc/s7a40v, https://prnt.sc/s7a5qt

questo è il mio sito web http://51.79.137.210/

ed ecco il suo sito http://198.96.92.14/

  • Autore del plugin

    (@tobiasbg)

    Ciao,

    grazie per il tuo messaggio e scusa per l’inconveniente.

    Essenzialmente, è solo un collegamento con del codice CSS extra per lo styling. Puoi ad esempio aggiungere

    <a href="https://example.com/" class="button">Click me</a>
    

    a una cella.
    Inoltre, aggiungi questo alla casella di testo “Custom CSS” nella schermata “Opzioni plug-in” di TablePress:

    .tablepress .button {
      background-color: #4CAF50; /* Green */
      border: none;
      border-radius: 3px;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
    }

    Per ulteriori idee, vedere ad esempio https://www.w3schools.com/css/css3_buttons.asp

    Saluti,
    Tobias

    (@cyaseo)

    Ciao grazie Tobias, anche quello https://prnt.sc/s7aqx8 come rendere questo colore arancione bianco?

    Autore del plugin

    (@tobiasbg)

    Ciao,

    per questo, per favore vedi https://tablepress.org/faq/change-color-highlighting-hovered-rows/

    Saluti,
    Tobias

    (@cyaseo)

    Grazie Tobias, scusa se te lo chiedo più volte, ho davvero bisogno del tuo aiuto..

    1. Come faccio a far sì che questo pulsante abbia un bagliore e una carezza verso l’esterno?
    https://prnt.sc/s7deb7

    2. come fare questa gif?
    https://prnt.sc/s7dfx3

    3.Come rendere la colonna di ricerca della larghezza delle stesse dimensioni della tabella?
    https://prnt.sc/s7dg5k

    Autore del plugin

    (@tobiasbg)

    Ciao,

    1. Ecco il CSS che usano:

    .tablepress .button {
        display: inline-flex;
        align-items: center;
        background: #349970;
        border-radius: 5px;
        height: 28px;
        padding: 0 10px;
        color: #fff;
        font-weight: 700;
        font-family: Lato, Arial, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        transition: background .3s, transform .3s, box-shadow .3s;
        will-change: transform;
        border: 1px solid #fff;
        line-height: 12px;
        box-shadow: 0 0 15px deepskyblue;
    }
    .tablepress .button:hover {
        color: #1b1b1b;
        font-weight: 700;
        text-decoration: none;
        background: orange;
        box-shadow: 0 4px 17px rgba(0, 0, 0, 0.2);
        transform: translate3d(0, -2px, 0);
    }

    2. È solo un’immagine (non so come l’abbiano creata) che è stata inserita nella tabella (ad es. utilizzando il pulsante “Inserisci immagine”).

    3. Prova ad aggiungere questo alla casella di testo “Custom CSS” nella schermata “Opzioni plug-in” di TablePress:

    .dataTables_wrapper .dataTables_filter {
        float: none;
    }
    .dataTables_wrapper .dataTables_filter input {
        display: block;
        margin: 0 0 6px;
        width: 100%;
    }

    Saluti,
    Tobias

    (@cyaseo)

    Grazie mille Tobias, forse quest’ultima domanda

    1. Come rimuovere la parola “cerca:”:
    https://prnt.sc/s7enyc

    2.come inserire una parola nella colonna di ricerca in questo modo
    https://prnt.sc/s7eovl

    Autore del plugin

    (@tobiasbg)

    Ciao,

    Per fare ciò, prova ad aggiungere questo al campo di testo “Ordini personalizzati” nella schermata “Modifica” della tabella:

    "language": { "search": "", "searchPlaceholder": "Search..." }
    

    Saluti,
    Tobias

    (@cyaseo)

    Ok grazie Tobias, sei davvero il mio miglior partner, hai un buon supporto..

    Autore del plugin

    (@tobiasbg)

    Ciao,

    nessun problema, sei il benvenuto! 🙂 Felice di sapere che è stato d’aiuto!

    Auguri,
    Tobias

    PS: In caso contrario, si prega di notare TablePress qui nella directory dei plugin. Grazie!

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *