{"id":38889,"date":"2013-01-07T03:21:26","date_gmt":"2013-01-07T05:21:26","guid":{"rendered":"https:\/\/www.2beauty.com.br\/blog\/?p=38889"},"modified":"2019-02-15T16:11:49","modified_gmt":"2019-02-15T18:11:49","slug":"novo-layout-e-funcionalidades","status":"publish","type":"post","link":"https:\/\/www.2beauty.com.br\/blog\/2013\/01\/novo-layout-e-funcionalidades\/","title":{"rendered":"Novo layout (e funcionalidades)"},"content":{"rendered":"

\"novolay\"<\/a><\/em><\/p>\n

Novinho e pr\u00e1tico: layout com design responsivo<\/strong><\/p>\n

S\u00e3o tr\u00eas e pouco da manh\u00e3 e eu finalmente terminei o redesign do blog!<\/p>\n

Peguei o tema Adelle (que \u00e9 gr\u00e1tis e todas amam) do Blu Chic com design responsivo (para os phynos e poliglotas: responsive design<\/em>) e adaptei pro que eu precisava.<\/p>\n

Layout responsivo \u00e9 bacana, porque ele tem estrutura que se adata \u00e0 qualquer resolu\u00e7\u00e3o de tela ou aparelho.<\/p>\n

Testei no meu computador, no note, no iPad e no iPhone e, a princ\u00edpio, tudo ok.<\/p>\n

Se voc\u00eas tiverem qualquer problema com a visualiza\u00e7\u00e3o, porfa!, me avisem.<\/p>\n

E pra quem tem blog e t\u00e1 afins de mudar o layout, eu super recomendo o tema Adelle do Blu Chic<\/a>.<\/p>\n

Ele \u00e9 lind\u00e3o, gr\u00e1tis e j\u00e1 vem com v\u00e1rias funcionalidades bacanas (al\u00e9m de ser responsivo).<\/p>\n

Aproveitei e peguei do site tamb\u00e9m esse modelinho de imagem com o computador, tablet e celular para ilustrar como o 2Beauty deve abrir em cada um deles.<\/p>\n

Blu Chic<\/a> \u00e9 amor!<\/p>\n

\"lay5\"<\/a><\/em><\/p>\n

Posts relacionados ao final de cada artigo<\/strong><\/p>\n

Al\u00e9m do layout novinho, instalei v\u00e1rios plugins trimmmassa<\/em> que devem tornar a experi\u00eancia do blog mais RYCAH no sentido de praticidade e informa\u00e7\u00e3o.<\/p>\n

Um dos plugins \u00e9 o “Posts Relacionados”, que mostra tr\u00eas posts relacionados ao tema do artigo que voc\u00ea est\u00e1 lendo.<\/p>\n

\"lay1\"<\/a><\/em><\/p>\n

Data com ano e links para twittar e curtir<\/strong><\/p>\n

Fora isso, inclu\u00ed o ano na data que fica no cabe\u00e7alho de cada post para que fique mais f\u00e1cil identificar se \u00e9 um post antigo ou mais novinho.<\/p>\n

B\u00e1sico, eu sei. Mas nunca tinha me ocorrido que seria um problema pros outros, porque eu tenho mania de ver datas pela URL do artigo no blog.<\/p>\n

Algumas amyghes me disseram que tem pregui\u00e7a de comentar, mas que queriam uma forma de pelo menos “prestigiar” o post, ent\u00e3o adicionei bot\u00f5es para curtir ou twittar os artigos na p\u00e1gina inicial do site.<\/p>\n

\"lay2\"<\/a><\/em><\/p>\n

Busca no Google melhorada<\/strong><\/p>\n

Instalei um novo widget de busca no Google que fica no topo da coluna lateral direita. Eu fiz alguns testes e achei bem melhor que o antigo.<\/p>\n

Depois me contem se ele \u00e9 satisfat\u00f3rio pra voc\u00eas tamb\u00e9m!<\/p>\n

\"lay3\"<\/a><\/em><\/p>\n

Bot\u00e3o para “subir” sem precisar rolar a p\u00e1gina<\/strong><\/p>\n

Uma coisa que me deixou TENSA nesse final de semana de trabalho no blog foi ter que rolar a p\u00e1gina um milh\u00e3o de vezes pra testar as funcionalidades novas ou o layout.<\/p>\n

Pra n\u00e3o ter les\u00e3o por esfor\u00e7o repetitivo no dedo, adicionei um bot\u00e3ozinho flutuante que leva eu, voc\u00ea e todo mundo l\u00e1 pra cima :)<\/p>\n

Woo-hooo!<\/p>\n

\"lay4\"<\/a><\/em><\/p>\n

Barra flutuante com Twitter, Face, Google + e Pinterest<\/strong><\/p>\n

E falando em coisas que flutuam…<\/p>\n

Tamb\u00e9m adicionei uma barra flutuante dentro dos artigos com op\u00e7\u00f5es de Face, Twitter, Google + e Pinterest.<\/p>\n

Bora compartilhar!!<\/p>\n

– – – – – – – – – – –<\/p>\n

PS: Eu tentei adicionar o plugin que instala um bot\u00e3o de Pin It sobre todas as imagens, mas ele, tipoassim<\/em>, cago* o layout.<\/p>\n

Com dor no cora\u00e7\u00e3o, deletei.<\/p>\n

E ok, depois de uma garrafa e meia de vinho e muitas horas, eu vou ali me deitar.<\/p>\n

Durante a semana eu devo arrumar o formul\u00e1rio de contato que t\u00e1 zoado por motivo ainda n\u00e3o identificado, terminar a p\u00e1gina com os tutoriais em PDF e mudar o layout do forum tamb\u00e9m.<\/p>\n

Deus ajude!!<\/p>\n

A quest\u00e3o do nome novo \u00e9 por motivos de registro. 2Beauty foi registrado h\u00e1 anos por uma empresa (que assegurou o nome pra um produto que at\u00e9 hoje n\u00e3o foi lan\u00e7ado – b\u00fa\u00fa\u00fa\u00fa\u00fa!), ent\u00e3o eu n\u00e3o posso registrar 2Beauty como algo \u201cprincipal\u201d no nome do blog ou em qualquer coisa relacionada.<\/p>\n

S\u00f3 posso usar como complemtento, por isso ficou Marina Smith by 2Beauty (n\u00e3o d\u00e1 pra fazer o inverso, ex: 2Beauty by Marina Smith, infelizmente).<\/p>\n

Tamb\u00e9m t\u00f4 triste, mas \u00e9 a vida.<\/p><\/blockquote>\n

– – – – – – – – – – –<\/p>\n

PS 2: Essa coisa de virar noites super me lembrou de anos atr\u00e1s, quando eu fazia freelas<\/em> feito uma louca.<\/p>\n

Webdesign \u00e9 uma coisa t\u00e3o bacana. Cada projeto novo \u00e9 como um quebra-cabe\u00e7as enorme.<\/p>\n

\u00c0s vezes d\u00e1 raiva quando uma pe\u00e7a n\u00e3o encaixa, mas voc\u00ea n\u00e3o consegue parar at\u00e9 terminar.<\/p>\n

E j\u00e1 que eu devo fazer minha inscri\u00e7\u00e3o no seguro desemprego em breve (geeeeente, que depr\u00ea isso!), n\u00e3o custa dizer que “tamos ae” para servi\u00e7os de design blogu\u00edstico<\/em> para terceiros.<\/p>\n","protected":false},"excerpt":{"rendered":"

Novinho e pr\u00e1tico: layout com design responsivo S\u00e3o tr\u00eas e pouco da manh\u00e3 e eu finalmente terminei o redesign do blog! Peguei o tema Adelle (que \u00e9 gr\u00e1tis e todas amam) do Blu Chic com design responsivo (para os phynos e poliglotas: responsive design) e adaptei pro que eu precisava. Layout responsivo \u00e9 bacana, porque ele tem estrutura que se adata \u00e0 qualquer resolu\u00e7\u00e3o de tela ou aparelho. Testei no meu computador, no note, no iPad e no iPhone e, a princ\u00edpio, tudo ok. Se voc\u00eas tiverem qualquer problema com a visualiza\u00e7\u00e3o, porfa!, me avisem. E pra quem tem blog e t\u00e1 afins de mudar o layout, eu super recomendo o tema Adelle do Blu Chic. Ele \u00e9 lind\u00e3o, gr\u00e1tis e j\u00e1 vem com v\u00e1rias funcionalidades bacanas (al\u00e9m de ser responsivo). Aproveitei e peguei do site tamb\u00e9m esse modelinho de imagem com o computador, tablet e celular para ilustrar como o 2Beauty deve abrir em cada um deles. Blu Chic \u00e9 amor! Posts relacionados ao final de cada artigo Al\u00e9m do layout novinho, instalei v\u00e1rios plugins trimmmassa que devem tornar a experi\u00eancia do blog mais RYCAH no sentido de praticidade e informa\u00e7\u00e3o. Um dos plugins \u00e9 o “Posts Relacionados”, que mostra tr\u00eas posts relacionados ao tema do artigo que voc\u00ea est\u00e1 lendo. Data com ano e links para twittar e curtir Fora isso, inclu\u00ed o ano na data que fica no cabe\u00e7alho de cada post para que fique mais f\u00e1cil identificar se \u00e9 um post antigo ou mais novinho. B\u00e1sico, eu sei. Mas nunca tinha me ocorrido que seria um problema pros outros, porque eu tenho mania de ver datas pela URL do artigo no blog. Algumas amyghes me disseram que tem pregui\u00e7a de comentar, mas que queriam uma forma de pelo menos “prestigiar” o post, ent\u00e3o adicionei bot\u00f5es para curtir ou twittar os artigos na p\u00e1gina inicial do site. Busca no Google melhorada Instalei um novo widget de busca no Google que fica no topo da coluna lateral direita. Eu fiz alguns testes e achei bem melhor que o antigo. Depois me contem se ele \u00e9 satisfat\u00f3rio pra voc\u00eas tamb\u00e9m! Bot\u00e3o para “subir” sem precisar rolar a p\u00e1gina Uma coisa que me deixou TENSA nesse final de semana de trabalho no blog foi ter que rolar a p\u00e1gina um milh\u00e3o de vezes pra testar as funcionalidades novas ou o layout. Pra n\u00e3o ter les\u00e3o por esfor\u00e7o repetitivo no dedo, adicionei um bot\u00e3ozinho flutuante que leva eu, voc\u00ea e todo mundo l\u00e1 pra cima :) Woo-hooo! Barra flutuante com Twitter, Face, Google + e Pinterest E falando em coisas que flutuam… Tamb\u00e9m adicionei uma barra flutuante dentro dos artigos com op\u00e7\u00f5es de Face, Twitter, Google + e Pinterest. Bora compartilhar!! – – – – – – – – – – – PS: Eu tentei adicionar o plugin que instala um bot\u00e3o de Pin It sobre todas as imagens, mas ele, tipoassim, cago* o layout. Com dor no cora\u00e7\u00e3o, deletei. E ok, depois de uma garrafa e meia de vinho e muitas horas, eu vou ali me deitar. Durante a semana eu devo arrumar o formul\u00e1rio de contato que t\u00e1 zoado por motivo ainda n\u00e3o identificado, terminar a p\u00e1gina com os tutoriais em PDF e mudar o layout do forum tamb\u00e9m. Deus ajude!! A quest\u00e3o do nome novo \u00e9 por motivos de registro. 2Beauty foi registrado h\u00e1 anos por uma empresa (que assegurou o nome pra um produto que at\u00e9 hoje n\u00e3o foi lan\u00e7ado – b\u00fa\u00fa\u00fa\u00fa\u00fa!), ent\u00e3o eu n\u00e3o posso registrar 2Beauty como algo \u201cprincipal\u201d no nome do blog ou em qualquer coisa relacionada. S\u00f3 posso usar como complemtento, por isso ficou Marina Smith by 2Beauty (n\u00e3o d\u00e1 pra fazer o inverso, ex: 2Beauty by Marina Smith, infelizmente). Tamb\u00e9m t\u00f4 triste, mas \u00e9 a vida. – – – – – – – – – – – PS 2: Essa coisa de virar noites super me lembrou de anos atr\u00e1s, quando eu fazia freelas feito uma louca. Webdesign \u00e9 uma coisa t\u00e3o bacana. Cada projeto novo \u00e9 como um quebra-cabe\u00e7as enorme. \u00c0s vezes d\u00e1 raiva quando uma pe\u00e7a n\u00e3o encaixa, mas voc\u00ea n\u00e3o consegue parar at\u00e9 terminar. E j\u00e1 que eu devo fazer minha inscri\u00e7\u00e3o no seguro desemprego em breve (geeeeente, que depr\u00ea isso!), n\u00e3o custa dizer que “tamos ae” para servi\u00e7os de design blogu\u00edstico para terceiros.<\/p>\n","protected":false},"author":1,"featured_media":38890,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[4152,415,2933,2932],"class_list":["post-38889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geral","tag-2beauty","tag-blog","tag-funcionalidades","tag-layout"],"uagb_featured_image_src":{"full":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"thumbnail":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay-300x250.jpg",300,250,true],"medium":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay-512x435.jpg",512,435,true],"medium_large":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"large":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"1536x1536":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"2048x2048":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"ashe-slider-grid-thumbnail":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"ashe-full-thumbnail":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",580,493,false],"ashe-grid-thumbnail":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",388,330,false],"ashe-list-thumbnail":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",300,255,false],"ashe-single-navigation":["https:\/\/www.2beauty.com.br\/blog\/wp-content\/uploads\/2013\/01\/novolay.jpg",75,64,false]},"uagb_author_info":{"display_name":"Marina Smith","author_link":"https:\/\/www.2beauty.com.br\/blog\/author\/marinasmith\/"},"uagb_comment_info":237,"uagb_excerpt":"Novinho e pr\u00e1tico: layout com design responsivo S\u00e3o tr\u00eas e pouco da manh\u00e3 e eu finalmente terminei o redesign do blog! Peguei o tema Adelle (que \u00e9 gr\u00e1tis e todas amam) do Blu Chic com design responsivo (para os phynos e poliglotas: responsive design) e adaptei pro que eu precisava. Layout responsivo \u00e9 bacana, porque…","acf":[],"_links":{"self":[{"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/posts\/38889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/comments?post=38889"}],"version-history":[{"count":0,"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/posts\/38889\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/media\/38890"}],"wp:attachment":[{"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/media?parent=38889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/categories?post=38889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.2beauty.com.br\/blog\/wp-json\/wp\/v2\/tags?post=38889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}