{"id":185,"date":"2014-10-30T09:11:45","date_gmt":"2014-10-30T09:11:45","guid":{"rendered":"http:\/\/netklik.com\/espanol\/?p=185"},"modified":"2021-02-02T18:34:58","modified_gmt":"2021-02-02T18:34:58","slug":"pasos-para-personalizar-un-de-forma-segura-un-child-theme-en-genesis-wordpress","status":"publish","type":"post","link":"https:\/\/netklik.com\/espanol\/wordpress\/pasos-para-personalizar-un-de-forma-segura-un-child-theme-en-genesis-wordpress\/","title":{"rendered":"Pasos para personalizar de forma segura un child theme en Genesis WordPress"},"content":{"rendered":"

Cuando desarrollamos websites en WordPress, es recomendable siempre trabajar con un child theme<\/strong> o tema hijo. La raz\u00f3n de esto, es que cuando el desarrollador del Theme, en este caso www.studiopress.com<\/a>, hace cambios al Genesis theme<\/strong>, estos cambios no afectan a nuestro website.<\/p>\n

\u00bfComo personalizar de forma segura un child theme usando custom.css?<\/h2>\n

De la misma forma cuando personalizamos un child theme<\/strong> en wordpress tambi\u00e9n es importante asegurarse de hacerlo de forma segura. Para ello es recomendable crear un archivo de css nuevo, custom.css<\/strong> donde se incluyan las personalizaciones del theme. A continuaci\u00f3n, les describir\u00e9 los pasos que yo segu\u00ed para hacerlo:<\/p>\n

Paso 1: Crear el archivo custom.css<\/h2>\n

Hacer una copia duplicada del style.css<\/strong> que se encuentra de la carpeta del child theme. Para nuestro ejemplo, yo estoy usando Genesis child theme<\/strong> y renombrarlo a custom.css<\/strong> en mi computador.
\n\"\"<\/p>\n

Paso\u00a02: Actualizar la informaci\u00f3n del archivo custom.css<\/h2>\n

Abrir en un editor de texto el nuevo documento custom.css<\/strong> y borrar todo excepto los detalles en la parte superior que describen el documento<\/p>\n

\/* # Genesis Sample Child Theme
\nTheme Name: Genesis Sample Theme
\nTheme URI: http:\/\/my.studiopress.com\/themes\/genesis\/
\nDescription: This is the sample theme created for the Genesis Framework.
\nAuthor: StudioPress
\nAuthor URI: http:\/\/www.studiopress.com\/
\nTemplate: genesis
\nTemplate Version: 2.1.2
\nTags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
\nLicense: GPL-2.0+
\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html
\n*\/<\/p>\n

Es importante cambiar el nombre del Theme<\/strong>, debe decir:<\/p>\n

Theme Name: Genesis Sample Theme – Customized<\/p>\n

Paso 3: FTP al servidor del arhivo custom.css<\/h2>\n

El siguiente paso es subir el archivo custom.css<\/strong> al servidor a trav\u00e9s de una herramienta FTP. Para nuestro ejemplo, la ubicaci\u00f3n sera: wp-content\/themes\/genesis-sample<\/p>\n

Paso 4: Asociar\u00a0el Genesis con el nuevo archivo custom.css<\/h2>\n

Ahora necesitamos decirle a Genesis<\/strong>, que debe leer este archivo, para ello debemos hacer click en el dashboard, bajo la opci\u00f3n de Genesis > Theme Settings<\/strong>. En la secci\u00f3n que dice Header and Footer Scripts, bajo el campo:
\nEnter scripts or code you would like output to wp_head()<\/strong>: <\/p>\n

Debemos agregar la siguiente linea de c\u00f3digo:<\/p>\n

<link rel=’stylesheet’ type=’text\/css’ href=’http:\/\/www.mywebiste.com\/wp-content\/themes\/genesis-sample\/custom.css’ media=’all’ \/><\/p>\n

\"\"<\/p>\n

Hacer click en Save Settings and la parte superior de la pantalla. Este es ultimo paso, ahora podemos ir a Appearance>Editor<\/strong> y podremos ver el archivo custom.css que acabamos de crear, donde empezaremos las personalizaci\u00f3n del Genesis Child Theme<\/strong>.<\/p>\n

Otros posts del blog que te pueden interesar<\/h3><\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t C\u00f3mo atraer clientes a tus servicios (y dejar de ahogarte en un vaso de agua)<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t C\u00f3mo impulsar los resultados en una estrategia de marketing online (y crecer tu negocio a la velocid...<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t Como elegir la mejor red social para tu empresa (y no dejar dinero sobre la mesa)<\/span>\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/a>\n\n\t\t\t\t\t\t <\/div>\n<\/div>