{"id":2474,"date":"2020-08-11T18:28:44","date_gmt":"2020-08-11T16:28:44","guid":{"rendered":"https:\/\/www.sarpanet.es\/es\/?p=2474"},"modified":"2020-08-11T18:28:44","modified_gmt":"2020-08-11T16:28:44","slug":"como-crear-una-tabla-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.sarpanet.es\/es\/como-crear-una-tabla-en-wordpress\/","title":{"rendered":"C\u00f3mo crear una tabla en WordPress"},"content":{"rendered":"<p>Algo tan sencillo como crear una tabla en una p\u00e1gina o una entrada de WordPress puede convertirse en un verdadero quebradero de cabeza.<\/p>\n<p>Las filas se nos mueven, no nos deja poner las columnas del mismo tama\u00f1o, no sabemos quitar los bordes o queremos hacerlos m\u00e1s anchos&#8230;<\/p>\n<p>Dan ganas de hacer una imagen de la tabla en Photoshop y subirla. A ver, no es mala idea, pero el texto de la tabla no nos lo leer\u00e1 el Sr. Google.<\/p>\n<p>As\u00ed que&#8230; a ponerse las pilas y a hacer una tabla en WordPress como mandan los c\u00e1nones.<\/p>\n<h3><strong>Tipos de tablas en WordPress<\/strong><\/h3>\n<p><strong>1. Copiar y pegar desde Excel<\/strong><\/p>\n<p>La forma m\u00e1s sencilla de crear una tabla en WordPress es hacerla previamente en Excel, con todas las columnas y filas que necesitemos y rellenando los datos:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2475 alignnone\" src=\"https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-en-excel.png\" alt=\"\" width=\"346\" height=\"272\" \/><\/p>\n<p>Una vez hecha la tabla lo que haremos ser\u00e1 seleccionar las celdas con los datos y pegarla en WordPress, quedar\u00eda as\u00ed:<\/p>\n<table style=\"border-collapse: collapse; width: 260pt;\" border=\"0\" width=\"260\" cellspacing=\"0\" cellpadding=\"0\">\n<colgroup>\n<col style=\"width: 65pt;\" span=\"4\" width=\"65\" \/> <\/colgroup>\n<tbody>\n<tr style=\"height: 15.0pt;\">\n<td style=\"height: 15.0pt; width: 65pt;\" align=\"right\" width=\"65\" height=\"15\">1<\/td>\n<td style=\"width: 65pt;\" align=\"right\" width=\"65\">2<\/td>\n<td style=\"width: 65pt;\" align=\"right\" width=\"65\">3<\/td>\n<td style=\"width: 65pt;\" align=\"right\" width=\"65\">4<\/td>\n<\/tr>\n<tr style=\"height: 15.0pt;\">\n<td style=\"height: 15.0pt;\" height=\"15\">a<\/td>\n<td>b<\/td>\n<td>c<\/td>\n<td>d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Lo malo es que no permite hacer mucho m\u00e1s, ni poner bordes, ni colores a las celdas ni filas ni columnas, etc.<\/p>\n<p><strong>2. Crear la tabla con el plugin TinyMCE<\/strong><\/p>\n<p><strong>TinyMCE<\/strong> es un maravilloso plugin que, adem\u00e1s de crear tablas, nos permite a\u00f1adir estilos a los textos, 100% recomendable.<\/p>\n<p>Puedes descargarlo en:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"sVfG551lqP\"><p><a href=\"https:\/\/es.wordpress.org\/plugins\/tinymce-advanced\/\">Advanced Editor Tools<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u00abAdvanced Editor Tools\u00bb \u2014 Plugin Directory\" src=\"https:\/\/es.wordpress.org\/plugins\/tinymce-advanced\/embed\/#?secret=i9IzyBMZXw#?secret=sVfG551lqP\" data-secret=\"sVfG551lqP\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Una vez instalado se nos mostrar\u00e1 una completa barra de herramientas en el gestor de nuestra p\u00e1gina o entrada de WordPress.<br \/>\n(Nota importante: si usas Gutenber u otro tipo de compositor esta opci\u00f3n no te servir\u00e1. Si prefieres tener la vista cl\u00e1sica de edici\u00f3n de las p\u00e1ginas o entradas de WordPress te recomiendo el plugin Editor Cl\u00e1sico<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"5hJ6BpwWU1\"><p><a href=\"https:\/\/es.wordpress.org\/plugins\/classic-editor\/\">Editor cl\u00e1sico<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u00abEditor cl\u00e1sico\u00bb \u2014 Plugin Directory\" src=\"https:\/\/es.wordpress.org\/plugins\/classic-editor\/embed\/#?secret=daU0XyZwp4#?secret=5hJ6BpwWU1\" data-secret=\"5hJ6BpwWU1\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Con este plugin todo volver\u00e1 a la \u00abantigua normalidad\u00bb).<\/p>\n<p>Lo dicho, aparecer\u00e1 una barra superior con una opci\u00f3n que dice Tabla, si nos situamos sobre ella nos mostrar\u00e1 un mont\u00f3n de celdas para que podamos crear la tabla con el n\u00famero de celdas y columnas que deseemos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2476 alignnone\" src=\"https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-wordpress.png\" alt=\"\" width=\"431\" height=\"257\" srcset=\"https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-wordpress.png 431w, https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-wordpress-300x179.png 300w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/p>\n<p>Aunque de forma predeterminada solo permite crear una tabla de 10 columnas y 10 celdas, luego se pueden a\u00f1adir m\u00e1s en la opci\u00f3n Insertar, Fila o Columna. Y podremos a\u00f1adirlas arriba, abajo, a la derecha, izquierda, eliminarla, etc&#8230;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2477 alignnone\" src=\"https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-wordpress-2.png\" alt=\"\" width=\"378\" height=\"428\" srcset=\"https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-wordpress-2.png 378w, https:\/\/www.sarpanet.es\/es\/wp-content\/uploads\/2020\/08\/tabla-wordpress-2-265x300.png 265w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/><\/p>\n<p>Si queremos poner un color de fondo a una fila o a una sola celda, no iremos tambi\u00e9n a Columna y seleccionaremos Fila o Celda. Y nos iremos a Propiedades. Ah\u00ed podremos escoger el color de fondo que queramos.<\/p>\n<p>Finalmente, para a\u00f1adir bordes a nuestra tabla, haremos clic sobre la tabla e iremos a Tabla, Propiedades de la tabla. Y en borde podremos poner el borde que queramos.<\/p>\n<p><strong>3. Otros plugins para crear tablas en WordPress<\/strong><\/p>\n<p>Existen multitud de plugins para crear tablas, os dejo algunos por si quer\u00e9is trastear con ellos. Los hay m\u00e1s y menos avanzados, para todos los gustos:<\/p>\n<p><strong>MCE Table Buttons<\/strong> es muy similar a TinyMCE. Pero yo suelo usar TinyMCE porque da m\u00e1s opciones de poner estilos en los textos.<\/p>\n<p>https:\/\/wordpress.org\/plugins\/mce-table-buttons\/<\/p>\n<p><strong>TablePress<\/strong> es m\u00e1s completo. Lo he usado en ocasiones para hacer grandes tablas porque permite ordenar los datos de las celdas por orden alfab\u00e9tico o por numeraci\u00f3n. Es un poco rollo meter todos los datos en la tabla, pero da muchas opciones y adem\u00e1s te permite crear tablas responsive.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"QVwDFqQq3d\"><p><a href=\"https:\/\/wordpress.org\/plugins\/tablepress\/\">TablePress &#8211; Tables in WordPress made easy<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;TablePress &#8211; Tables in WordPress made easy&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/tablepress\/embed\/#?secret=LN9flIqMh8#?secret=QVwDFqQq3d\" data-secret=\"QVwDFqQq3d\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p><strong>Data Tables Generator <\/strong>es un plugin para crear tablas inteligentes. Muy similar a excel. Con este plugin puedes hacer hojas de c\u00e1lculo con operaciones entre las celdas, crear gr\u00e1ficos, etc. Tiene una versi\u00f3n gratuita bastante completa. La puedes descargar en:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"EnQsEU1uBt\"><p><a href=\"https:\/\/cs.wordpress.org\/plugins\/data-tables-generator-by-supsystic\/\">Data Tables Generator by Supsystic<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8222;Data Tables Generator by Supsystic&#8220; &#8212; Plugin Directory\" src=\"https:\/\/cs.wordpress.org\/plugins\/data-tables-generator-by-supsystic\/embed\/#?secret=Lf062nLsH7#?secret=EnQsEU1uBt\" data-secret=\"EnQsEU1uBt\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p><strong>wpDataTables <\/strong>lo puedes descargar en:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"OQTG1BuNTD\"><p><a href=\"https:\/\/wordpress.org\/plugins\/wpdatatables\/\">wpDataTables &#8211; WordPress Data Table, Dynamic Tables &amp; Table Charts Plugin<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;wpDataTables &#8211; WordPress Data Table, Dynamic Tables &amp; Table Charts Plugin&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/wpdatatables\/embed\/#?secret=g7o2nMjLYa#?secret=OQTG1BuNTD\" data-secret=\"OQTG1BuNTD\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p><strong>Ninja Tables, <\/strong>lo puedes bajar en:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"YIPmacbkun\"><p><a href=\"https:\/\/wordpress.org\/plugins\/ninja-tables\/\">Ninja Tables \u2013 Easy Data Table Builder<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Ninja Tables \u2013 Easy Data Table Builder&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/ninja-tables\/embed\/#?secret=Q7SZ502fCb#?secret=YIPmacbkun\" data-secret=\"YIPmacbkun\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Y, si necesitas crear una tabla de precios, te recomiendo <strong>Pricing Table by Supsystic, <\/strong>lo tienes en:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"fQswXeIQvc\"><p><a href=\"https:\/\/wordpress.org\/plugins\/pricing-table-by-supsystic\/\">Pricing Table by Supsystic<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Pricing Table by Supsystic&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/pricing-table-by-supsystic\/embed\/#?secret=8utWz1gmLe#?secret=fQswXeIQvc\" data-secret=\"fQswXeIQvc\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Para finalizar, MCE Table Buttons, aunque parece que est\u00e1 un poco abandonado y no lo est\u00e1n revisando:<\/p>\n<p>https:\/\/wordpress.org\/plugins\/mce-table-buttons\/<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Algo tan sencillo como crear una tabla en una p\u00e1gina o una entrada de WordPress puede convertirse en un verdadero quebradero de cabeza. Las filas se nos mueven, no nos deja poner las columnas del mismo tama\u00f1o, no sabemos quitar los bordes o queremos hacerlos m\u00e1s anchos&#8230; Dan ganas de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[],"class_list":["post-2474","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/2474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/comments?post=2474"}],"version-history":[{"count":1,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/2474\/revisions"}],"predecessor-version":[{"id":2478,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/posts\/2474\/revisions\/2478"}],"wp:attachment":[{"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/media?parent=2474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/categories?post=2474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sarpanet.es\/es\/wp-json\/wp\/v2\/tags?post=2474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}