{"id":3533,"date":"2024-09-16T11:46:21","date_gmt":"2024-09-16T11:46:21","guid":{"rendered":"https:\/\/tableberg.com\/?p=3533"},"modified":"2024-09-16T11:46:23","modified_gmt":"2024-09-16T11:46:23","slug":"melhores-plugins-de-blocos-de-linha-do-tempo-para-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/best-timeline-blocks-plugins-for-wordpress\/","title":{"rendered":"7 melhores blocos e plug-ins de linha do tempo para WordPress"},"content":{"rendered":"<p>Um bloco ou plug-in de linha do tempo foi projetado para ajud\u00e1-lo a apresentar cronologicamente informa\u00e7\u00f5es importantes, eventos, marcos, conquistas, desenvolvimentos etc. Essa ferramenta \u00e9 particularmente \u00fatil para mostrar uma hist\u00f3ria, um hist\u00f3rico ou uma s\u00e9rie de eventos.<\/p>\n\n\n\n<p>Esse elemento \u00e9 usado com frequ\u00eancia tanto na cria\u00e7\u00e3o de conte\u00fado quanto na se\u00e7\u00e3o de portf\u00f3lio de um site. Neste artigo, apresentaremos a voc\u00ea v\u00e1rios dos melhores blocos de linha do tempo e plug-ins de portf\u00f3lio para WordPress. D\u00ea uma olhada neles a seguir.<\/p>\n\n\n<figure class='wp-block-tableberg'>\n                <div class='tableberg-table-wrapper'>\n                    <table\n                        class='wp-block-tableberg'\n                        style='border-collapse: collapse; width: 100%;'\n                        data-tableberg-sortable='false'\n                        data-tableberg-columns='[]'\n                        data-tableberg-pagination='{\"enabled\":false,\"pageSize\":10,\"showPageNumbers\":true,\"showPrevNext\":true}'\n                        data-tableberg-search-enabled='false'\n                        data-tableberg-search-placeholder='Search...'\n                        data-tableberg-search-position='left'\n                        data-tableberg-search-highlight-color=''\n                        data-tableberg-header='true'\n                        data-tableberg-footer='false'\n                        \n            data-tableberg-responsive='true'\n            data-tableberg-rows='8'\n            data-tableberg-cols='4'\n            data-tableberg-tablet-enabled='false'\n            data-tableberg-tablet-width='1024'\n            data-tableberg-tablet-mode='scroll'\n            data-tableberg-tablet-transpose='true'\n            data-tableberg-tablet-count='3'\n            data-tableberg-tablet-repeat-first-col='true'\n            data-tableberg-mobile-enabled='true'\n            data-tableberg-mobile-width='700'\n            data-tableberg-mobile-mode='stack'\n            data-tableberg-mobile-transpose='true'\n            data-tableberg-mobile-count='1'\n            data-tableberg-mobile-repeat-first-col='true'\n        \n                    >\n                        <tbody>\n                            <tr data-tableberg-row='0'><th\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#8752b9;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='0'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements tableberg-cell-elements-horizontal'\n                style='display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>\n                Plugins\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/th><th\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#8752b9;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='0'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>\n                Instala\u00e7\u00e3o ativa\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/th><th\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#8752b9;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='0'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>\n                Recursos padr\u00e3o\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/th><th\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#8752b9;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='0'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:var(--wp--preset--color--base);--tableberg-text-link-color:var(--wp--preset--color--base);font-size:1.38rem'>\n                Baixar\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/th><\/tr><tr data-tableberg-row='1'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px;height:0px;min-height:0px'\n                data-cell-row='1'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Blocos definitivos<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px;height:0px;min-height:0px'\n                data-cell-row='1'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                50,000+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px;height:0px;min-height:0px'\n                data-cell-row='1'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Mais de 25 blocos personalizados\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Personaliza\u00e7\u00e3o robusta\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px;height:0px;min-height:0px'\n                data-cell-row='1'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ultimateblocks.com\/timeline-block\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr><tr data-tableberg-row='2'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='2'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Bloco de linha do tempo para o Gutenberg<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='2'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                7,000+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='2'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:var(--wp--preset--font-size--x-small);color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Mais de 15 anima\u00e7\u00f5es\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:var(--wp--preset--font-size--x-small);color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Uma vasta biblioteca de \u00edcones\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='2'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/timeline-block\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr><tr data-tableberg-row='3'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='3'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements tableberg-cell-elements-horizontal'\n                style='display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Linha do tempo legal<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='3'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                20,000+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='3'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Mais de 40 designs\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                4 layouts\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='3'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/cool-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr><tr data-tableberg-row='4'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='4'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements tableberg-cell-elements-horizontal'\n                style='display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Tableberg<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='4'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                300+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='4'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Mais de 7 blocos personalizados\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Plug-in vers\u00e1til\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='4'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr><tr data-tableberg-row='5'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='5'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Linha do tempo e controle deslizante de hist\u00f3rico<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='5'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                6,000+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='5'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Usa c\u00f3digos de acesso\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Personalize a pagina\u00e7\u00e3o, as setas, a reprodu\u00e7\u00e3o autom\u00e1tica, a velocidade do slide, etc.\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='5'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/timeline-and-history-slider\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr><tr data-tableberg-row='6'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='6'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Hist\u00f3rico de eventos da linha do tempo<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='6'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                2,000+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='6'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                2 designs de linha do tempo\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Uma vasta cole\u00e7\u00e3o de \u00edcones\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='6'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/timeline-event-history\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr><tr data-tableberg-row='7'><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;background-color:#bdbfc26b;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:200px;min-width:200px'\n                data-cell-row='7'\n                data-cell-col='0'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                <strong>Postar linha do tempo<\/strong>\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:140px;min-width:140px'\n                data-cell-row='7'\n                data-cell-col='1'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <p class='tableberg-text-element' style='margin:0;color:#14111f;font-size:1.38rem'>\n                900+\n            <\/p>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:250px;min-width:250px'\n                data-cell-row='7'\n                data-cell-col='2'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:flex-start;width:100%'\n                >\n                    <div class='tableberg-list'>\n                <ul style='margin:0;padding-left:20px'>\n                    <li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Mais de 15 modelos\n            <\/span>\n                    \n                <\/li><li>\n                    <span style='font-size:1.38rem;color:var(--wp--preset--color--primary);--tableberg-list-link-color:var(--wp--preset--color--primary)'>\n                Suporta anima\u00e7\u00f5es\n            <\/span>\n                    \n                <\/li>\n                <\/ul>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><td\n                rowspan='1'\n                colspan='1'\n                style='position:relative;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);vertical-align:middle;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:1px solid #000000;width:120px;min-width:120px'\n                data-cell-row='7'\n                data-cell-col='3'\n                \n            >\n                <div\n                class='tableberg-cell-elements'\n                style='display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:0'\n            >\n                <div\n                    class='tableberg-cell-element'\n                    style='display:flex;justify-content:center;width:100%'\n                >\n                    <div id='' style='display:flex;justify-content:center;--tableberg-button-background-color:#000000;--tableberg-button-text-color:#ffffff;--tableberg-button-hover-background-color:#000000;--tableberg-button-text-hover-color:#ffffff'>\n                <a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/post-timeline\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block;text-align:center;font-size:1.38rem;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px\">\n                    Link\n                <\/a>\n            <\/div>\n                <\/div>\n            <\/div>\n                \n                \n            <\/td><\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <figcaption class='tableberg-table-caption wp-element-caption'><\/figcaption>\n            <\/figure>\n\n\n<p>Vamos come\u00e7ar a discuti-los agora.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. <a href=\"https:\/\/ultimateblocks.com\/timeline-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocos definitivos<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"310\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Ultimate-Blocks.webp\" alt=\"Plug-in Ultimate Blocks\" class=\"wp-image-492\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Ultimate-Blocks.webp 945w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Ultimate-Blocks-300x98.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Ultimate-Blocks-768x252.webp 768w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/figure>\n\n\n\n<p>O Ultimate Blocks \u00e9 um plugin de blocos Gutenberg de primeira classe com mais de 25 blocos personalizados poderosos para a cria\u00e7\u00e3o de conte\u00fado. Entre eles, o Timeline \u00e9 um bloco popular do plug-in. Ele permite que voc\u00ea crie linhas do tempo horizontais e verticais.<\/p>\n\n\n\n<p>O bloco \u00e9 leve e nunca deixa seu site mais lento, pois \u00e9 compat\u00edvel com o editor de blocos nativo do Gutenberg. Ao projetar linhas do tempo horizontalmente, voc\u00ea pode exibir conte\u00fado nos lados direito e esquerdo para obter um design equilibrado.<\/p>\n\n\n\n<p><strong>Principais recursos do bloco do plug-in:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Controle o layout da linha do tempo<\/li>\n\n\n\n<li>Mostrar n\u00fameros ou \u00edcones como conectores<\/li>\n\n\n\n<li>Personalize a linha do tempo com cores e outros elementos<\/li>\n\n\n\n<li>Adicione bordas personaliz\u00e1veis e cantos arredondados<\/li>\n\n\n\n<li>Adicionar imagens \u00e0 linha do tempo<\/li>\n\n\n\n<li>Personalizar os itens da linha do tempo individualmente<\/li>\n\n\n\n<li>Adicione preenchimento e margem ao conte\u00fado.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">2. <a href=\"https:\/\/wordpress.org\/plugins\/timeline-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloco de Linha do Tempo para Gutenberg<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"500\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg.webp\" alt=\"Bloco de linha do tempo para o Gutenberg\" class=\"wp-image-3534\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg.webp 1544w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg-300x97.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg-1024x332.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg-768x249.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg-1536x497.webp 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-for-Gutenberg-18x6.webp 18w\" sizes=\"auto, (max-width: 1544px) 100vw, 1544px\" \/><\/figure>\n\n\n\n<p>O Timeline Block for Gutenberg \u00e9 um plug-in amig\u00e1vel para iniciantes que permite criar linhas do tempo responsivas em seu site. O plug-in \u00e9 f\u00e1cil de configurar. O que voc\u00ea pode fazer com o bloco de linha do tempo do plug-in descrito acima, tamb\u00e9m pode ser feito com esse plug-in.<\/p>\n\n\n\n<p>O plug-in permite que voc\u00ea exiba hist\u00f3rias pessoais, hist\u00f3rico de trabalho, roteiro de desenvolvimento de produtos, etapas de processos, tutoriais e muito mais. Ele tamb\u00e9m pode criar linhas do tempo horizontais e verticais.<\/p>\n\n\n\n<p><strong>Principais recursos do Bloco de Linha do Tempo para Gutenberg:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permite adicionar v\u00eddeos, imagens e controles deslizantes<\/li>\n\n\n\n<li>F\u00e1cil de personalizar os pontos de conex\u00e3o, os \u00edcones e a borda da linha do tempo<\/li>\n\n\n\n<li>Oferece uma vasta cole\u00e7\u00e3o de \u00edcones<\/li>\n\n\n\n<li>Est\u00e3o dispon\u00edveis mais de 15 efeitos de anima\u00e7\u00e3o<\/li>\n\n\n\n<li>Permite que voc\u00ea ajuste a posi\u00e7\u00e3o do \u00edcone\/r\u00f3tulo<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3. <a href=\"https:\/\/wordpress.org\/plugins\/cool-timeline\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Linha do tempo legal (linha do tempo horizontal e vertical)<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"500\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline.webp\" alt=\"Linha do tempo legal (linha do tempo horizontal e vertical)\" class=\"wp-image-3535\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline.webp 1544w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline-300x97.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline-1024x332.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline-768x249.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline-1536x497.webp 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Cool-Timeline-Horizontal-Vertical-Timeline-18x6.webp 18w\" sizes=\"auto, (max-width: 1544px) 100vw, 1544px\" \/><\/figure>\n\n\n\n<p>Se estiver procurando uma ferramenta de linha do tempo compat\u00edvel com construtores de p\u00e1ginas e com o editor de blocos Gutenberg, voc\u00ea pode experimentar este plugin Cool Timeline. Ele vem com um painel separado em seu backend do WordPress.<\/p>\n\n\n\n<p>Voc\u00ea pode criar quantas linhas do tempo quiser. Depois disso, voc\u00ea pode adicion\u00e1-las aos seus posts ou p\u00e1ginas usando um shortcode. O plug-in foi desenvolvido com HTML e CSS puros para garantir seus recursos m\u00e1ximos.<\/p>\n\n\n\n<p><strong>Principais recursos do Cool Timeline (Horizontal e Vertical):<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mais de 40 designs de linha do tempo inclu\u00eddos<\/li>\n\n\n\n<li>Oferece quatro layouts de linha do tempo<\/li>\n\n\n\n<li>Permite adicionar v\u00eddeos, imagens e controles deslizantes<\/li>\n\n\n\n<li>Exibir a linha do tempo em ordem ASC\/DESC<\/li>\n\n\n\n<li>Mostra filtros na linha do tempo<\/li>\n\n\n\n<li>Compat\u00edvel com Gutenberg, Elementor e WPBakery<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Bloco de mesa por Tableberg<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1558\" height=\"489\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4.png\" alt=\"Bloco de mesa por Tableberg\" class=\"wp-image-2955\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4.png 1558w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4-300x94.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4-1024x321.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4-768x241.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4-1536x482.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/tableberg-4-18x6.png 18w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><\/figure>\n\n\n\n<p>O Tableberg \u00e9 um plug-in vers\u00e1til de cria\u00e7\u00e3o de tabelas. Com esse plug-in, voc\u00ea pode n\u00e3o apenas criar tabelas, mas tamb\u00e9m projetar v\u00e1rias se\u00e7\u00f5es para o seu site, inclusive linhas do tempo, tanto horizontal quanto verticalmente.<\/p>\n\n\n\n<p>O Tableberg permite que voc\u00ea adicione diferentes tipos de blocos personalizados (imagens, classifica\u00e7\u00f5es, listas, \u00edcones etc.) a suas c\u00e9lulas, linhas e colunas. Esses blocos personalizados adicionais podem tornar sua linha do tempo mais interativa e rica em conte\u00fado.<\/p>\n\n\n\n<p><strong>Principais recursos do Tableberg:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permite adicionar mais de 7 blocos personalizados \u00e0 tabela<\/li>\n\n\n\n<li>Personalizar a borda da tabela (cor, raio e largura)<\/li>\n\n\n\n<li>Altamente responsivo a dispositivos m\u00f3veis<\/li>\n\n\n\n<li>F\u00e1cil de personalizar todos os tipos de conte\u00fado dentro da tabela\/linha do tempo<\/li>\n\n\n\n<li>Permite que voc\u00ea aumente a largura da tabela<\/li>\n\n\n\n<li>Capacidade de criar tabelas de produtos, caixas de conte\u00fado e muito mais, al\u00e9m de linhas do tempo<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">5. <a href=\"https:\/\/wordpress.org\/plugins\/timeline-and-history-slider\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Linha do tempo e controle deslizante de hist\u00f3rico<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-and-History-Slider.webp\" alt=\"Linha do tempo e controle deslizante de hist\u00f3rico\" class=\"wp-image-3536\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-and-History-Slider.webp 772w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-and-History-Slider-300x97.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-and-History-Slider-768x249.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-and-History-Slider-18x6.webp 18w\" sizes=\"auto, (max-width: 772px) 100vw, 772px\" \/><\/figure>\n\n\n\n<p>Esse plug-in combina os recursos de tipos de post personalizados, controles deslizantes e linhas do tempo. Primeiro, voc\u00ea precisa criar uma linha do tempo. Em seguida, crie suas lojas como postagens personalizadas, atribuindo-as a categorias espec\u00edficas.<\/p>\n\n\n\n<p>Depois disso, vincule esses posts personalizados \u00e0 linha do tempo cronologicamente usando o(s) ID(s) da categoria. Quando tudo estiver pronto, voc\u00ea poder\u00e1 publicar a linha do tempo usando um shortcode em seus posts ou p\u00e1ginas.<\/p>\n\n\n\n<p>Os posts personalizados ser\u00e3o exibidos em uma linha do tempo horizontal, e o usu\u00e1rio poder\u00e1 navegar por eles como um controle deslizante. No entanto, todo esse processo pode ser complicado para iniciantes.<\/p>\n\n\n\n<p><strong>Principais recursos da Linha do tempo e do controle deslizante de hist\u00f3rico:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usa c\u00f3digos de acesso para exibir postagens\/hist\u00f3rias e linhas do tempo em postagens\/p\u00e1ginas<\/li>\n\n\n\n<li>Personalize a pagina\u00e7\u00e3o, as setas, a reprodu\u00e7\u00e3o autom\u00e1tica, a velocidade do slide e o esmaecimento<\/li>\n\n\n\n<li>Permite adicionar v\u00e1rios controles deslizantes de linha do tempo a um \u00fanico post\/p\u00e1gina<\/li>\n\n\n\n<li>Totalmente responsivo e dimensionado de acordo com seu cont\u00eainer<\/li>\n\n\n\n<li>Compat\u00edvel com Elementor, Beaver e SiteOrigin<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">6. <a href=\"https:\/\/wordpress.org\/plugins\/timeline-event-history\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Hist\u00f3rico de eventos da linha do tempo<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"500\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History.webp\" alt=\"Hist\u00f3rico de eventos da linha do tempo\" class=\"wp-image-3538\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History.webp 1544w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History-300x97.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History-1024x332.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History-768x249.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History-1536x497.webp 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Timeline-Event-History-18x6.webp 18w\" sizes=\"auto, (max-width: 1544px) 100vw, 1544px\" \/><\/figure>\n\n\n\n<p>O Timeline Event History \u00e9 um plug-in comparativamente simples para a cria\u00e7\u00e3o de linhas do tempo em compara\u00e7\u00e3o com os dois \u00faltimos. Ele fornece um painel intuitivo no back-end para criar linhas do tempo. Cada se\u00e7\u00e3o da linha do tempo \u00e9 contada como um t\u00edtulo.<\/p>\n\n\n\n<p>Voc\u00ea pode adicionar texto e uma imagem\/\u00edcone a cada t\u00edtulo para cobrir sua hist\u00f3ria. Novamente, cada linha do tempo gera um shortcode que voc\u00ea precisa copiar e colar em seus posts\/p\u00e1ginas para exibir a linha do tempo.<\/p>\n\n\n\n<p><strong>Principais recursos do Timeline Event History:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cria linhas do tempo limpas e minimalistas<\/li>\n\n\n\n<li>Inclui dois designs de linha do tempo e dois layouts de linha do tempo vertical<\/li>\n\n\n\n<li>Permite personalizar os conectores da linha do tempo<\/li>\n\n\n\n<li>Oferece uma vasta cole\u00e7\u00e3o de \u00edcones<\/li>\n\n\n\n<li>Permite que voc\u00ea modifique a forma da linha do tempo e as cores do texto<\/li>\n\n\n\n<li>Exibir a linha do tempo na ordem ASC\/DESC<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">7. <a href=\"https:\/\/wordpress.org\/plugins\/post-timeline\/\" target=\"_blank\" rel=\"noreferrer noopener\">Postar linha do tempo<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1544\" height=\"500\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline.webp\" alt=\"Postar linha do tempo\" class=\"wp-image-3539\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline.webp 1544w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline-300x97.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline-1024x332.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline-768x249.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline-1536x497.webp 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Post-Timeline-18x6.webp 18w\" sizes=\"auto, (max-width: 1544px) 100vw, 1544px\" \/><\/figure>\n\n\n\n<p>Embora seja novo, o Post Timeline \u00e9 um plug-in rico em recursos que permite criar se\u00e7\u00f5es de linha do tempo com estilo no seu site. Ele inclui v\u00e1rios efeitos de anima\u00e7\u00e3o. Ao us\u00e1-los adequadamente, voc\u00ea pode tornar suas linhas do tempo mais interativas.<\/p>\n\n\n\n<p>Se voc\u00ea estiver com pouco tempo, poder\u00e1 usar os modelos prontos. De acordo com a demanda de sua apresenta\u00e7\u00e3o, voc\u00ea pode exibir suas linhas do tempo, seja na vertical ou na horizontal. Sua op\u00e7\u00e3o de classifica\u00e7\u00e3o permite que os usu\u00e1rios filtrem o conte\u00fado principal sem gastar muito tempo.<\/p>\n\n\n\n<p><strong>Principais recursos do Post Timeline:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Suporte a v\u00e1rios estilos de anima\u00e7\u00e3o<\/li>\n\n\n\n<li>Inclui mais de 15 modelos exclusivos de linha do tempo<\/li>\n\n\n\n<li>Suporte a AJAX e carregamento de mais op\u00e7\u00f5es<\/li>\n\n\n\n<li>Permite adicionar imagens e v\u00eddeos \u00e0 linha do tempo<\/li>\n\n\n\n<li>IU responsiva que fica bem em todos os dispositivos<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fechando!<\/h2>\n\n\n\n<p>A decis\u00e3o sobre um plug-in \u00e9 sempre uma etapa crucial para o futuro de seu site. O mesmo se aplica ao plug-in de linha do tempo. Entretanto, a linha do tempo \u00e9 um elemento muito pequeno na maioria dos sites. Talvez ela nem seja usada, exceto em uma ou duas p\u00e1ginas.<\/p>\n\n\n\n<p>Ent\u00e3o, h\u00e1 necessidade de usar um plugin dedicado para essa pequena tarefa? Em vez disso, \u00e9 melhor usar um plugin multiuso como o <a href=\"https:\/\/ultimateblocks.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocos definitivos<\/a>. Espero que voc\u00ea o considere mais \u00fatil do que os outros.<\/p>","protected":false},"excerpt":{"rendered":"<p>A timeline block or plugin is designed to help you chronologically present important information, events, milestones, achievements, developments, etc. This tool is particularly useful in showcasing a story, history, or a series of events. This element is frequently used in both content creation and the portfolio section of a website. In this article, we&#8217;ll introduce [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3542,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[115,102],"class_list":["post-3533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-timeline-block","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Best-Timeline-Blocks-Plugins-for-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=3533"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3533\/revisions"}],"predecessor-version":[{"id":3543,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3533\/revisions\/3543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/3542"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=3533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=3533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=3533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}