Creare bellissimi tavoli <\/strong> Una volta installati i plugin sul vostro sito, seguite l'esercitazione qui sotto.<\/p>\n\n\n\n Aggiungere il Blocco Tableberg<\/strong> all'editore.<\/p>\n\n\n\n Definire il numero di righe e colonne per il sito web in base al numero di feature box che si desidera creare.<\/p>\n\n\n\n Poich\u00e9 creeremo tre caselle di caratteristiche, abbiamo selezionato il numero di colonne e righe 2*2.<\/p>\n\n\n\n \u00c8 stato aggiunto il numero definito di righe e colonne.<\/p>\n\n\n\n Un riquadro delle caratteristiche non ha senso senza un'immagine del prodotto in questione. Aggiungete il Blocco immagine<\/strong> in una cella adeguata.<\/p>\n\n\n\n Aggiungere un'immagine a una cella appropriata. \u00c8 possibile ridimensionare l'immagine trascinando l'icona circolare. <\/p>\n\n\n\n La valutazione a stelle \u00e8 un modo intuitivo per esprimere la qualit\u00e0 e la popolarit\u00e0 di un prodotto. Inoltre, aiuta a coinvolgere i clienti. Quindi, aggiungete il Blocco di valutazione a stelle<\/strong> al tavolo.<\/p>\n\n\n\n Da sotto il Scheda Impostazioni<\/strong> nella barra laterale destra, impostare i valori per il blocco Valutazione in stelle. \u00c8 anche possibile ridimensionare il blocco, se necessario.<\/p>\n\n\n\n Con un pulsante CTA, potete motivare gli utenti ad acquistare o a visitare la pagina del prodotto. Quindi, aggiungete il pulsante Blocco di pulsanti<\/strong> sotto il rating.<\/p>\n\n\n\n Vai al sito Scheda Stili<\/strong>mantenendo selezionato il blocco di pulsanti. <\/p>\n\n\n\n Da qui \u00e8 possibile modificare il pulsante\u00a0colore del testo, colore dello sfondo, dimensioni, padding,\u00a0<\/strong>un<\/span>d raggio secondo le necessit\u00e0.<\/p>\n\n\n\n Poich\u00e9 \u00e8 necessario pi\u00f9 spazio per aggiungere l'elenco delle caratteristiche e la descrizione, \u00e8 meglio unire due celle. Selezionare le celle<\/strong> con il cursore da tenendo premuto il tasto Shift<\/strong>.<\/p>\n\n\n\n Fare clic su Modifica tabella<\/strong> sulla barra degli strumenti. Premete il tasto Opzione di fusione<\/strong> nell'elenco.<\/p>\n\n\n\n Aggiungere il Blocco di paragrafi<\/strong> per scrivere il testo nella casella delle caratteristiche.<\/p>\n\n\n\n \u00c8 meglio mostrare le caratteristiche del prodotto in un elenco. Quindi, aggiungere la voce Blocco elenco stilizzato<\/strong>.<\/p>\n\n\n\n Spero che possiate elencare le caratteristiche del vostro prodotto come nell'immagine sottostante. \u00c8 possibile modificare l'icona dell'elenco, aumentandone le dimensioni,<\/strong> e modificare il colore<\/strong>.<\/p>\n\n\n\n Infine, aggiungete una breve descrizione del vostro prodotto utilizzando il blocco Paragrafo sotto l'elenco delle caratteristiche.<\/p>\n\n\n\n Il contenuto dei riquadri delle caratteristiche \u00e8 pronto. Ora personalizzeremo ulteriormente i riquadri.<\/p>\n\n\n\n L'Tableberg permette di personalizzare sia il esterno<\/strong> e bordi interni<\/strong>. <\/p>\n\n\n\n Vai al sito Scheda Stili<\/strong>. Scorrere un po' verso il basso. Si otterranno queste opzioni. Impostare i colori desiderati<\/strong> e spessore per i bordi<\/strong>.<\/p>\n\n\n\n Un nastro \u00e8 una piccola etichetta decorativa o un banner che aiuta a mettere in evidenza informazioni importanti, come sconti, nuovi arrivi, ecc. Aggiungete il Blocco nastro<\/strong> alla cella pi\u00f9 vicina.<\/p>\n\n\n\n Andare al Scheda Impostazioni<\/strong>, scrivere un copia a nastro<\/strong> e sistemare la sua posizione<\/strong> sulla casella delle caratteristiche.<\/p>\n\n\n\n Infine, andare alla sezione Scheda Stili<\/strong>. <\/p>\n\n\n\n Selezionare la voce testo<\/strong> e colore di sfondo<\/strong> per il nastro.<\/p>\n\n\n\n Andare alla pagina di anteprima. Vedrete che la funzione funziona bene.<\/p>\n\n\n\n Spero che questo articolo vi sia piaciuto. \u00c8 possibile realizzare pi\u00f9 progetti con il plugin Tableberg. Ad esempio, esplorate altri due post prima di uscire. Questi post sono:<\/p>\n\n\n\n Se avete domande sul plugin, fatecelo sapere attraverso la casella dei commenti. Vi risponderemo molto presto con una risposta soddisfacente.<\/p>","protected":false},"excerpt":{"rendered":" A feature box is a designed area on a web page that draws attention to specific content, products, and services. Feature boxes are designed with elements like images, icons, concise text, and buttons. Tableberg is a multipurpose table-builder plugin. It can help you create wonderful layouts for your feature boxes. In this tutorial post, we’ll […]<\/p>\n","protected":false},"author":1,"featured_media":3189,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,109,102],"class_list":["post-3138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-customize-web-pages","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/How-to-Add-Feature-Boxes-in-WordPress-website.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=3138"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3138\/revisions"}],"predecessor-version":[{"id":9030,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3138\/revisions\/9030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/3189"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=3138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=3138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=3138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Con l'editor di blocchi<\/strong><\/p>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nPasso 01: aggiungere il blocco Tableberg all'editor<\/h2>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\")
<\/figure>\n\n\n\n![\"Impostare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp\")
<\/figure>\n\n\n\n![\"Vengono](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Rows-and-columns-are-added.webp\")
<\/figure>\n\n\n\nPasso 02: Aggiungere un'immagine del prodotto al riquadro<\/h2>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-Product-Image-to-the-Box-1.webp\")
<\/figure>\n\n\n\n![\"Ridimensionare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Resize-image-into-the-feature-box.webp\")
<\/figure>\n\n\n\nPasso 03: Aggiungere una valutazione a stelle<\/h2>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-star-rating-to-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"Valore](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-value-for-the-Star-Rating-block.webp\")
<\/figure>\n\n\n\nPasso 04: Aggiungere un pulsante CTA<\/h2>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-CTA-Button-to-the-Feature-Box.webp\")
<\/figure>\n\n\n\n![\"Personalizzare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Customize-the-button-on-the-feature-box.webp\")
<\/figure>\n\n\n\nPasso 05: Aggiungere l'elenco delle caratteristiche e la descrizione<\/h2>\n\n\n\n
![\"Unire](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Merge-cells-for-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"Aggiungete](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-the-Paragraph-block-to-the-feature-box-to-add-text.webp\")
<\/figure>\n\n\n\n![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-the-feature-list-to-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"Elencare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/List-your-product-features.webp\")
<\/figure>\n\n\n\n![\"Aggiungete](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-a-short-description-about-your-product.webp\")
<\/figure>\n\n\n\nFase 06: Personalizzazione dei bordi dei riquadri delle caratteristiche<\/h2>\n\n\n\n
![\"Personalizzare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Customize-the-Feature-Box-Borders.webp\")
<\/figure>\n\n\n\nPasso 07: Aggiungere la barra multifunzione al Feature Box<\/h2>\n\n\n\n
![\"Aggiungere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Add-Ribbon-to-the-Feature-Box.webp\")
<\/figure>\n\n\n\n![\"Impostare](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Set-the-ribbon-text-and-its-position-on-the-feature-box.webp\")
<\/figure>\n\n\n\n![\"Scegliere](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Choose-color-the-ribbon.webp\")
<\/figure>\n\n\n\nFase 08: Anteprima del Feature Box<\/h2>\n\n\n\n
![\"Anteprima](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Preview-the-Feature-Box.webp\")
<\/figure>\n\n\n\nConclusione<\/h2>\n\n\n\n
\n