{"id":11135,"date":"2023-03-01T17:15:54","date_gmt":"2023-03-01T16:15:54","guid":{"rendered":"https:\/\/www.giusseppe.net\/blog\/?p=11135"},"modified":"2023-03-01T17:17:43","modified_gmt":"2023-03-01T16:17:43","slug":"la-personalizacion-del-blog","status":"publish","type":"post","link":"https:\/\/www.giusseppe.net\/blog\/archivo\/2023\/03\/01\/la-personalizacion-del-blog\/","title":{"rendered":"La personalizaci\u00f3n del blog"},"content":{"rendered":"<p>Esta semana he estado <a href=\"https:\/\/www.giusseppe.net\/blog\/archivo\/2011\/01\/20\/hello-world\/\">personalizando el blog<\/a> (este diario en el que escribo) y <a href=\"https:\/\/www.clave53.org\/\">la web de Clave 53<\/a> con el fin de homogeneizar las 3 webs que van a estar relacionadas, que son la web de Clave 53, la web de <a href=\"https:\/\/www.giusseppe.net\/blog\/archivo\/2020\/07\/01\/mi-web-es-una-y-es-trina\/\">Giusseppe.net, que a su vez es trina<\/a>, as\u00ed que incluye las p\u00e1ginas HTML hechas por m\u00ed, el wordpress en el que estoy escribiendo ahora mismo y la aplicaci\u00f3n <a href=\"https:\/\/www.giusseppe.net\/blog\/archivo\/2021\/01\/13\/fondo-blanco-en-png\/\">Piwigo que sirve como soporte a los \u00e1lbumes de fotograf\u00edas<\/a> que utilizo en la web, y por \u00faltimo <strong>la a\u00fan no realizada web de la \u00abEditorial\u00bb<\/strong> que est\u00e1 <strong>a medio camino entre la de Clave 53 y la de Giusseppe<\/strong>, lo que me ha condicionado a <a href=\"https:\/\/www.giusseppe.net\/blog\/archivo\/2023\/02\/24\/redisenando-la-web-de-clave-53\/\">elegir una tr\u00edada de colores \u00abarm\u00f3nicos\u00bb<\/a> as\u00ed que ser\u00e1 con fondos verdes donde la de Clave 53 es morada y la de Giusseppe es naranja y alg\u00fan juego similar con los tres colores b\u00e1sicos que he decidido que sean:<\/p>\n<div style=\"background-color:white;padding:20px;margin-bottom:20px; \">\n<div style=\"padding: 20px; margin-bottom:10px; background-color: #ff9900;\"><strong>Giusseppe.net<\/strong>: Color protagonista naranja (#ff9900)<\/div>\n<div style=\"padding: 20px; margin-bottom:10px; background-color: #800080;\"><strong>Clave 53<\/strong>: Color protagonista morado (#800080)<\/div>\n<div style=\"padding: 20px; margin-bottom:10px; background-color: #008000;\"><strong>Editorial<\/strong>: Color protagonista verde (#008000)<\/div>\n<\/div>\n<p>Para personalizar el blog, que est\u00e1 realizado usando una <a href=\"https:\/\/www.giusseppe.net\/blog\/archivo\/2020\/05\/07\/actualizado-el-theme-del-blog\/\">plantilla denominada Tulsi<\/a> he utilizado el siguiente c\u00f3digo extra (extra\u00eddo y adaptado desde la web de giusseppe.net):<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\">\r\n\r\n\/* Cabeceras *\/\r\n.entry-header {\r\n  padding: 30px;\r\n  background-color: #333;\r\n  -webkit-animation: slide-in-left 3s both;\r\n  animation: slide-in-left 3s both;}\r\nh1.entry-title {font-size: 2em}\r\nh2.entry-title a {color:#ff9900;}\r\nh2.entry-title a:hover {color:#FFF;}\r\na, a:visited {\r\n  color: #ffffff;\r\n  font-weight: bold;\r\n}\r\na:hover {color:#ff9900}\r\n\/* Marco Redondeado *\/\r\n\/* Marcos redondeados *\/\r\nmain {\r\n  padding: 10px; \r\n  box-shadow: 0 0 30px rgba(255,159,0,0.7);\r\n}\r\n\/* Quotes *\/\r\nblockquote {\r\n  font-size:1em;\r\n  color: grey\r\n}\r\n\/* Widgets *\/\r\n.widget-title {\r\n  background-color: #333;\r\n  font-size: 16px;\r\n  -webkit-animation: slide-in-right 3s both;\r\n  animation: slide-in-right 3s both;\r\n}\r\n.sidebar .widget {\r\n  font-size: 12px;\r\n  background-color: #ff9900;\r\n  color: black;\r\n}\r\n.sidebar .widget a, .sidebar .widget a:visited {\r\n  color: black;\r\n  font-weight: bold;\r\n}\r\n\/**\r\n * ----------------------------------------\r\n * animation slide-in-left\r\n * ----------------------------------------\r\n *\/\r\n@-webkit-keyframes slide-in-left {\r\n  0% {\r\n    -webkit-transform: translateX(-1000px);\r\n    transform: translateX(-1000px);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: translateX(0);\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n@keyframes slide-in-left {\r\n  0% {\r\n    -webkit-transform: translateX(-1000px);\r\n    transform: translateX(-1000px);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: translateX(0);\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\/**\r\n * ----------------------------------------\r\n * animation slide-in-right\r\n * ----------------------------------------\r\n *\/\r\n@-webkit-keyframes slide-in-right {\r\n  0% {\r\n    -webkit-transform: translateX(1000px);\r\n            transform: translateX(1000px);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n@keyframes slide-in-right {\r\n  0% {\r\n    -webkit-transform: translateX(1000px);\r\n            transform: translateX(1000px);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    -webkit-transform: translateX(0);\r\n            transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n<\/pre>\n<p><code><\/code><\/p>\n<p>&nbsp;<\/p>\n<p><code><\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta semana he estado personalizando el blog (este diario en el que escribo) y la web de Clave 53 con el fin de homogeneizar las 3 webs que van a estar relacionadas, que son la web de Clave 53, la web de Giusseppe.net, que a su vez es trina, as\u00ed que incluye las p\u00e1ginas HTML &#8230; <a title=\"La personalizaci\u00f3n del blog\" class=\"read-more\" href=\"https:\/\/www.giusseppe.net\/blog\/archivo\/2023\/03\/01\/la-personalizacion-del-blog\/\">Read more<span class=\"screen-reader-text\">La personalizaci\u00f3n del blog<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[312,69,275,225,10,232,110],"tags":[88,307,132,67,209,249,248,112,204,76,98,316,130,105],"class_list":["post-11135","post","type-post","status-publish","format-standard","hentry","category-clave-53","category-confidencias","category-edicion","category-gabinete-literario","category-libros","category-programable","category-tecnologia-opinion","tag-arte","tag-blog","tag-clave-53","tag-creatividad","tag-css","tag-diseno","tag-edicion","tag-giusseppe","tag-html","tag-informatica","tag-internet","tag-piwigo","tag-proyectos-2","tag-tecnologia"],"_links":{"self":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/11135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/comments?post=11135"}],"version-history":[{"count":4,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/11135\/revisions"}],"predecessor-version":[{"id":11139,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/11135\/revisions\/11139"}],"wp:attachment":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/media?parent=11135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/categories?post=11135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/tags?post=11135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}