{"id":3507,"date":"2024-09-15T23:30:00","date_gmt":"2024-09-15T23:30:00","guid":{"rendered":"https:\/\/tableberg.com\/?p=3507"},"modified":"2024-09-18T14:13:08","modified_gmt":"2024-09-18T14:13:08","slug":"como-poner-una-caja-alrededor-del-texto-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-put-a-box-around-text-in-wordpress\/","title":{"rendered":"C\u00f3mo poner un recuadro alrededor del texto en WordPress"},"content":{"rendered":"

La presentaci\u00f3n eficaz de los contenidos es crucial para el \u00e9xito de cualquier sitio web. Por eso hay que presentar el contenido de la web en diferentes estilos que se adapten a las distintas necesidades para que los visitantes y usuarios puedan leerlo con facilidad.<\/p>\n\n\n\n

Poner recuadros alrededor de los textos puede ser una forma eficaz de hacerlo. Porque puede ayudar a distinguir completamente unos textos de otros. Este concepto es muy eficaz para presentar detalles importantes, citas y llamadas a la acci\u00f3n.<\/p>\n\n\n\n

En este post tutorial, le mostraremos varios m\u00e9todos de c\u00f3mo poner una caja alrededor del texto en WordPress.<\/p>\n\n\n\n

\n
\n
\n
\n

Cree bonitas mesas <\/strong>
Con el editor de bloques<\/strong><\/p>\n\n\n\n

\n
Pruebe gratis<\/a><\/div>\n\n\n\n
Conseguir Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Primer m\u00e9todo: utilizar el bloque de grupo<\/h2>\n\n\n\n

El Grupo es un bloque predeterminado de WordPress. Este bloque le permite a\u00f1adir varios otros bloques dentro de \u00e9l.<\/p>\n\n\n\n

Paso 01: A\u00f1adir el Bloque de Grupo al Editor<\/h3>\n\n\n\n

Busque y a\u00f1ada el Bloque de grupo<\/strong> al editor.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Seleccione un dise\u00f1o<\/strong> para el bloque Grupo. Para el tutorial, seleccionaremos el primer dise\u00f1o.<\/p>\n\n\n\n

\"Seleccione<\/figure>\n\n\n\n

Paso 02: A\u00f1adir el bloque de p\u00e1rrafo al bloque de grupo<\/h3>\n\n\n\n

Ahora, a\u00f1ada el Bloque de p\u00e1rrafos<\/strong> al bloque Grupo para que puedas escribir contenido de texto.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

A continuaci\u00f3n, a\u00f1ada el contenido de texto que desee al bloque.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Paso 03: Personalizar el bloque y convertirlo en una caja<\/h3>\n\n\n\n

Ir a<\/strong> el Ficha Configuraci\u00f3n<\/strong> en la barra lateral derecha. Si lo desea, puede personalizar el dise\u00f1o del bloque Grupo. De lo contrario, d\u00e9jelo.<\/p>\n\n\n\n

\"Personalizar<\/figure>\n\n\n\n

Entonces, venir a<\/strong> el Ficha Estilos<\/strong>. De la secci\u00f3n de color, colorear el contenido del texto<\/strong> y fondo del bloque<\/strong>.<\/p>\n\n\n\n

\"Colorear<\/figure>\n\n\n\n

Despl\u00e1cese hacia abajo por la pesta\u00f1a y llegue a Acolchado<\/strong> y Secciones fronterizas<\/strong>.<\/p>\n\n\n\n

En Acolchado<\/strong> le permitir\u00e1 a\u00f1adir espacio entre el contenido y el borde. En Frontera<\/strong> le permitir\u00e1 aumentar su anchura.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

As\u00ed, puede crear un recuadro alrededor del texto.<\/p>\n\n\n\n

Segundo m\u00e9todo: utilizar el bloque Tableberg<\/h2>\n\n\n\n

Tableberg<\/a> es un maravilloso y f\u00e1cil de usar plugin constructor de tabla. Usted puede crear y poner una caja impresionante alrededor de su contenido de texto con este plugin tambi\u00e9n. Obtener el plugin haciendo clic en los botones en el banner de abajo.<\/p>\n\n\n\n

\n
\n
\n
\n

Cree bonitas mesas <\/strong>
Con el editor de bloques<\/strong><\/p>\n\n\n\n

\n
Pruebe gratis<\/a><\/div>\n\n\n\n
Conseguir Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Una vez instalado en su sitio, siga el tutorial.<\/p>\n\n\n\n

Paso 01: A\u00f1adir el bloque Tableberg al editor<\/h3>\n\n\n\n

Este plugin incluye un bloque denominado Tableberg<\/strong>. A\u00f1ade el bloque al editor.<\/p>\n\n\n\n

\"A\u00f1ade<\/figure>\n\n\n\n

Coloque el n\u00famero de columna y fila para crear tantas cajas como desee. Vamos para este tutorial, establecer 1*1<\/strong> para crear una sola caja.<\/p>\n\n\n\n

\"Establecer<\/figure>\n\n\n\n

Puede ver que se ha a\u00f1adido el dise\u00f1o de la caja.<\/p>\n\n\n\n

\"El<\/figure>\n\n\n\n

Paso 02: A\u00f1adir texto al cuadro<\/h3>\n\n\n\n

S\u00f3lo tienes que escribir o copiar y pegar el contenido del texto que desees en el cuadro.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure>\n\n\n\n

Paso 02: Estilizar la caja <\/h3>\n\n\n\n

Ir a<\/strong> el Ficha Estilos<\/strong> manteniendo seleccionado el bloque Tableberg. A\u00f1adir un fondo<\/strong> color a la caja del Secci\u00f3n de color<\/strong>.<\/p>\n\n\n\n

\"Estilizar<\/figure>\n\n\n\n

Paso 03: Personalizar el borde de la tabla<\/h3>\n\n\n\n

Despl\u00e1cese por la pesta\u00f1a y venir a<\/strong> la secci\u00f3n Borde de la mesa<\/strong> y Inner Border<\/strong>. <\/p>\n\n\n\n

Colocando los valores adecuados, puede ajustar el color del borde, anchura<\/strong> y radio<\/strong>.<\/p>\n\n\n\n

\"Personalizar<\/figure>\n\n\n\n

Paso 04: Personalizar el color del texto<\/h3>\n\n\n\n

Si quieres, cambia el color del texto para que el dise\u00f1o quede bonito y legible.<\/p>\n\n\n\n

\"Personalizar<\/figure>\n\n\n\n

Conclusi\u00f3n<\/h2>\n\n\n\n

Por lo tanto, es f\u00e1cil poner una caja alrededor del texto en WordPress. Ahora, es tu turno de elegir el m\u00e9todo que m\u00e1s te convenga. Sin embargo, hay varias cosas que debes recordar. Aseg\u00farate de que la caja y el color del texto contrastan entre s\u00ed para que tu contenido sea legible.<\/p>\n\n\n\n

Adem\u00e1s, trate de mantener el esquema de color de su sitio web en la caja de contenido tambi\u00e9n para asegurar su coherencia en la marca. Puedes hacer dise\u00f1os m\u00e1s interesantes con el plugin Tableberg. Por ejemplo, explora c\u00f3mo a\u00f1adir la caja de producto de Amazon en WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

Effective content presentation is crucial to the success of any website. This is why you need to present your web content in varying styles to suit different needs so it becomes easily readable to web visitors and users. Putting boxes around texts could be an effective way to do this. Because it can help make […]<\/p>\n","protected":false},"author":1,"featured_media":3523,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[114,112,102],"class_list":["post-3507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-box","tag-create-web-sections","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Put-a-Box-Around-Text-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=3507"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3507\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3507\/revisions\/3622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/3523"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=3507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=3507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=3507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}