Para quem começa no mundo da blogosfera, a maior pedra no sapato é seguramente o CSS e o HTML, linguagens de programação que lhe permitem alterar e modificar ao seu gosto, todo e qualquer pormenor de um tema, seja ele para Wordpress ou para outro qualquer CMS.
Quando comecei nos blogs e nos websites, um dos grandes problemas que sempre enfrentei, foi o facto de ter de escolher temas gratuitos ou a pagar, que geralmente não continham tudo aquilo que eu desejava, ou simplesmente eram incompletos e/ou não me satisfaziam. Isso provavelmente também já aconteceu consigo.
Aos poucos de forma auto-didacta, fui tentando compreender o códigos e as suas funções, e principalmente estudar cada vez mais como são construidos os temas para Wordpress, como é que esses temas funcionam, e como é possível editá-los sem perder todo o trabalho já feito.
Na verdade, a shell do Wordpress é bastante mais simples do que parece, e em poucos meses torna-se praticamente um habitué. Por mais incrível que pareça, e por mais complicado que seja para si aceitar esta opinião, a verdade é que editar e trabalhar um tema Wordpress, pode ser extremamente simples.
O que é CSS?
CSS significa no seu real sentido, Cascading Style Sheets. O CSS existe mais ou menos desde o tempo do HTML, e para tentar explicar o seu funcionalismo de forma prática e sem grande complexidade, o CSS é nada mais, nada menos, do que uma folha de estilos, que permite de alguma forma, embelezar o seu código e estrutura HTML. Haverá sempre quem faça uso do CSS e não consiga embelezar…
O CSS permite-lhe adicionar cores, tamanhos e estilos para as suas fontes. Em adição, o CSS permite-lhe colocar o texto na sua página, de uma forma diferente e com um sentido diferente.
Nos primórdios do HTML e do FrontPage, muitas pessoas utilizavam o HTML para construir tabelas e alinhar os seus textos e elementos dessa forma, nas suas páginas.
Hoje em dia isso é feito com o CSS. Este tipo de estilização do HTML permite-lhe um maior controlo da área envolvente e também a produção de conteúdo mais amigo dos motores de busca. Essa é uma das grandes razões porque os blogs são preferencialmente encontrados pelos motores de busca. Enquanto que o estilo é apresentado de uma forma ao utilizador, o ficheiro de texto original é apresentado de uma outra forma aos motores de busca. Em muitos casos, quem escreve CSS com qualidade, poderá controlar o fluxo de tráfego e a forma como os motores de busca se interessam pelo seu blog ou website.
Como é que o CSS funciona com o Wordpress?
O CSS é a grande chave do Wordpress, a todos os níveis, porque permite ao sistema configurar e adaptar qualquer tipo de tema (theme). Os temas Wordpress, não são nada mais, nada menos, que ficheiros standardizados que controlam as funcionalidades do sistema, juntamente com um ficheiro de estilos.
Na verdade, se olhar bem para os temas Wordpress e para a forma como eles funcionam, irá rapidamente perceber que na verdade não passam de simples páginas que invocam funções, elementos ou código, juntamente com uma página que controla todo o estilo do tema. Geralmente esta última é a chamada stylesheet.css
Para quem pretende criar temas em Wordpress, ou explorar mais rapidamente os seus temas, aconselho vivamente à exploração e percepção do código CSS e de como ele funciona. Compreender como o CSS pode estilizar o HTML, é meio caminho andado para o controlo total do seu Wordpress.
Embora o Wordpress seja escrito em PHP, a grande maioria dos ficheiros utiliza código HTML standardizado. Este código HTML tem inclusivamente sido estilizado pelo CSS durante os últimos 10 anos, o que na realidade significa que muito pouco mudou desde então. É extremamente importante que se preocupe em perceber o CSS e a forma como ele trabalha, para que possa retirar o total partido do seu blog Wordpress.
Como é que se pode aprender CSS?
A linguagem CSS é extremamente simples de compreender, quando comparada com outras linguagens de programação fluentes. Compreender a utilização e funcionamento do CSS, é quase como perceber as notas musicais de uma guitarra. Depois de compreender e dominar o CSS, a única grande barreira que irá encontrar, é a sua imaginação.
Tal como acontece com a guitarra e os músicos, a imaginação tem um poder ainda maior que o próprio conhecimento da guitarra e da música. Sem imaginação, não há música.
Aprender CSS é na verdade extremamente simples, especialmente quando falamos de internet e recursos gratuitos. Basta fazer algumas pesquisas no Google por “Tutoriais de CSS”, “Guias de CSS” ou “Como aprender CSS”.
No entanto, eu geralmente não adopto esse caminho. Geralmente prefiro comprar um livro sobre a temática, por diversos motivos. Primeiro porque é físico e palpável. Depois porque é mais fácil de ler na cama, e ainda porque me obriga a um esforço bastante maior ao nível da concentração. Na internet existem demasiadas distrações, como o MSN, os Emails e outros, que fazem com que se perca rapidamente o fio à meada. Por isso mesmo, aconselho a aquisição de um ou mais livros sobre o assunto, para que possa explorar e enrriquecer o seu conhecimento de uma forma mais organizada e profissional.
Que livros de CSS comprar?
Na verdade são muitos os livros sobre CSS que têm qualidade suficiente para o agarrar à leitura. Depois de ter lidos alguns e de ter outros como recomendação, resolvi seleccionar três livros que são perfeitamente capazes de o introduzir no mundo do CSS e da programação CSS, com relativa facilidade.
Saber ler em Inglês é obviamente uma obrigatoriedade.
Como é normal, o que hoje é bom, amanhã poderá ser insuficiente. Tentarei na medida do possível, ir actualizando este tópico com entradas de novos livros mais completos sobre a temática. Se quiser sugerir algum livro nos comentários também, esteja à vontade.
A Amazon logicamente, envia para todo o mundo com preços muito atractivos. Geralmente quando se trata de literatura estrangeira, é a minha loja e e-commerce de eleição.
Este terceiro livro é provavelmente a melhor escolha, porque reune num único espaço, ambas as linguagens CSS e HTML. Ainda assim, se quiser aprender HTML com alguma profundidade e qualidade, é sempre preferível adquirir um livro sobre HTML apenas.
Antes de se aprender CSS, é mais importante aprender o HTML. Como referi em cima, o CSS é a forma para tornar o HTML mais bonito, portanto, não percebendo o HTML, dificilmente se irá perceber como colocá-lo mais atractivo. Na verdade a linguagem HTML é extremamente simples de compreender e executar. Algumas horas de testes e leituras, farão com que perceba a lógica da linguagem. Tendo isso em conta, recomendo-lhe outros três livros de altissima qualidade, sendos que os dois primeiros já têm algum tempo, mas são ainda grandes referências na área.
Este último livro é bastante mais recente, e uma grande ajuda para quer compreender CSS e HTML ao mesmo tempo. Todos eles são fantásticos, mas seguramente que não tendo possibilidades económicas para adquirir todos, eu seleccionaria o último por ser mais recente e por abordar as duas temáticas.
[Recursos de Aprendizagem para CSS]
Existem centenas de milhares de artigos e páginas na internet que prometem ensinar-lhe a trabalhar com a linguagem CSS. Achei que seria interessante partilhar recursos de qualidade, pelo que como disse no ínicio do artigo, a sua participação é extremamente importante também.
Em Inglês
> http://www.w3schools.com/css/default.asp
> http://www.devarticles.com/c/a/Web-Style-Sheets/Learn-CSS-part-1/
> http://www.westciv.com/style_master/academy/css_tutorial/
> http://www.html.net/tutorials/css/
> http://www.cssbasics.com/
> http://www.learn-css-tutorial.com/
> http://pt-br.html.net/tutorials/css/
Em Português
> http://pt-br.html.net/tutorials/css/
> http://www.maujor.com/index.php
> http://xkurt.blogspot.com/2007/12/tutorial-gratuito-para-aprender-css.html
> http://aurelio.net/css-sandbox/
> http://aprenderwebdesign.com/o-que-e-o-css
Até Já!
Se gostou deste post, considere subscrever o nosso RSS Feed Completo!
Ou então Subscreva o Fique Rico por Email!
Manel
Ultimamente os post sobre “Ganhar dinheiro online” andam a ficar para segundo plano…
Penso que está muito virado para você ganhar dinheiro e publicar assuntos para ganhar tráfego do que propriamente em ensinar a ganhar dinheiro online, o caminho pelo qual muitos outros blogs do género optaram. Infelizmente!
Rúben M.
Falta te um muito importante que eu estou para comprar ao tempo, e outro que comprei e já o li todo várias vezes :P, o que eu tenho( é em ingles ) é o Professional css cascading style sheets for webdesign ( programmer to programmer ) muito completo recomendo, mas atenção um novato com este livro não vai apanhar nada, porque comeca logo num nível mais avançado, mas deu me um bom boost, o outro que quero comprar é o mastering css também em inglês.
Cumprimentos.
Rúben M. publicou um post sobre..Mimo
Rúben M.
@ Manel ele pode esta a fugir um pouco do assunto, mas se o wordpress é uma fonte de rendimento, não irá dar jeito como preparar essa fonte para dar dinheiro ? ;)
Rúben M. publicou um post sobre..Mimo
Leonardo Cabral
Não há duvidas de que saber css ajuda muito aos blogueiros que usam wordpress. Aconselho a todos que quer blogar de forma profissional que comprem os livros indicados aqui e acessem os sites de referência. Com certeza isso irá ajudar muito.
Leonardo Cabral publicou um post sobre..Como fidelizar seus leitores
Vieira
Boa tarde Paulo ! Parece um tutorial de tão bem elaborado. Eu também sou auto-didata.
Esse é um dos motivos de estar engatinhando com meus projetos. Pretendo me aprofundar
mais em conhecimentos sobre CSS e HTML. Suas dicas sobre os livros muito interessante.
Estou colhendo todas as informações possíveis sobre todos os temas. A tua linguagem
apesar de ter termos técnicos, torna-se fácil de ser assimilada. São as informações sempre
relevantes e de forma clara que tornam o teu site visto como um diferencial , que a cada dia
atrai mais e mais leitores assíduos.
Parabéns e sucesso !!
Vieira publicou um post sobre..Google Trends- Encontre palavras-chave.
LuizHT
Aprendi muito no Maujor
Muhammad
”
Ultimamente os post sobre “Ganhar dinheiro online” andam a ficar para segundo plano…
Penso que está muito virado para você ganhar dinheiro e publicar assuntos para ganhar tráfego do que propriamente em ensinar a ganhar dinheiro online, o caminho pelo qual muitos outros blogs do género optaram. Infelizmente!”
Não concordo. Faltam posts como os do Paulo tem feito. Pelo design também se faz dinheiro…Pela simplicidade, pelos aspectos relacionados com o upload, etc. Assuntos que têm, devem ser abordados!
Eu comprei um livro do Michael Bowers, mas não tive tempo para ler :D
Muhammad publicou um post sobre..6 Formas de encontrar algo para blogar quando não há nada
Paulo Faustino
@ Manel
Obrigado pelo comentário, que a meu ver foi bastante despropositado. O penúltimo post é sobre como ganhar dinheiro com o Wordpress. Além do mais, de pouco serve como ensinar a ganhar dinheiro, se depois não se sabem utilizar as ferramentas à disposição. Quanto ao que os outros blogs escrevem, é da responsabilidade de cada um. Não ando a concorrer com ninguém por nenhum prémio.
@ RúBen M.
Obrigado pelo comentário e pela partilha. Se tiver links desses livros que queira deixa, força. Sempre é mais fácil de verificar depois.
@ Leonardo Cabral
Obrigado pelo comentário. Eu já havia referido de que nada serve ter uma plataforma que depois é pouco ou nada utilizada. É importante saber explorar o Wordpress, porque é definitivamente a forma mais eficiente e rentável do momento, se tivermos em conta que é gratuito, e que os temas são gratuitos também.
@ Vieira
Obrigado pelo comentário e pelas palavras colega. Como referi em cima, é importante conhecer as ferramentas que se tem na mão, caso contrário de pouco irão servir os ensinamentos sobre ganhar dinheiro. Além disso o Fique-Rico é um blog que integra várias temáticas, como o Ganhar Dinheiro, as Redes Sociais, o Blogging e o Wordpress por exemplo.
@ Muhammad
Obrigado pelo comentário. O controlo do design de um website, pode levar a ganhar extremamente elevados a vários níveis. As alterações que fiz no Fique-Rico ao nível estético, tiveram diversas repercursões directas nos ganhos do blog e no número de leitores assíduos.
Até Já.
Rúben M.
http://www.amazon.com/CSS-Mastery-Advanced-Standards-Solutions/dp/1590596145/ref=pd_sim_b_img_7
e mais
não encontrei a minha edição, mas esta é a segunda edição tem mais conteúdo, porque contem mais autores :)
http://www.amazon.com/Professional-CSS-Cascading-Sheets-Design/dp/047017708X/ref=sr_1_1?ie=UTF8&s=books&qid=1213219730&sr=1-1
Rúben M. publicou um post sobre..Mimo
leo
vlw pelas dicas
bboas como sempre
leo publicou um post sobre..As piores cantadas
Nuno
Eu no MAC uso o CSSedit é um programa que permite modificar o CSS de qualquer site (até mesmo do wordpress ;) ) visualmente – tem as caixinhas onde se podem mudar as definições e um browser que mostra o efeito final no site que estamos a modificar :)
Em windows não sei se existe alguma coisa parecida, mas a quem tiver um MAC recomendo vivamente este programa – simplesmente mudou a minha forma de fazer os sites :)
Nuno publicou um post sobre..Criar o seu Site Agora
Mario Nunes
Viva,
Parabéns, o artigo está excelente.
Acrescento aqui 2 livros em português de Portugal da FCA Editora de Informática.
CSS – Criação Inovadora de Sites
http://www.fca.pt/cgi-bin/fca_main.cgi/?op=2&isbn=972-722-520-9
HTML 4 & XHTML – Curso Completo
http://www.fca.pt/cgi-bin/fca_main.cgi/?op=2&isbn=972-722-242-0
Mario Nunes publicou um post sobre..Como copiar mensagens de erro no Windows
japublicidade.com
Opa e ai beleza? Faz tempo que não comento por aqui, seguinte achei esse site para rentabilizar o site, esta melhor que o Google, você é pago por clicar em anúncios e visitar sites anunciantes. O processo é fácil! Você simplesmente clica em um link e vê um site por alguns segundos para ganhar dinheiro. Você não precisa de nenhum conhecimento adicional. Isso porque tudo o que você tem a fazer é visitar os sites que fornecermos a você. Você pode ganhar ainda mais indicando amigos.
Topa?
Veja o link la no meu site http://japublicidade.com
para nao ser considerado como spam, vc. pode deletar apos ler ok?
Abraços
Paulo Faustino
@ Ruben M.
Obrigado pelo comentário e pela referência de links. Vou colocar na minha wish list :D
@ Nuno
Obrigado pelo comentário. Eu no meu Windows Vista utilizo e recomendo o Notepad++. É um editor muito simples que diferencia o código todo com cores e com a estrutura real, como se estivesse a ser editado no Dreamweaver por exemplo.
Além do mais é gratuito: http://notepad-plus.sourceforge.net/uk/download.php
@ Mario Nunes
Obrigado pelo comentário e pelas referências. O primeiro tenho-o aqui comigo também. Ando a ler ainda e parece-me interessante por ter muitos exemplos associados.
Até Já.
KATIERO
Realmente Paulo Faustino, conhecer CSS e HTML é ótimo para bloggers, ainda mais para quem deseja se tornar um pró blogger. Eu como sou web designer e tenho conhecimentos avançados em XHTML e CSS, faço o que eu quero com meu tema. Recentemente mudei o estilo dele, que antes era como portal, para estilo de blog mesmo, porém apresentando o resumo do post na index, como aqui no fique-rico, e como coloquei a widget do diHITT, até achei bem parecido com o seu site! Com esta mudança, e mais os cantos arredondados, e algumas alterações nas áreas de publicidade, em uma hora já estava com o site bem diferente. Se não fosse o meu conhecimento com certeza seria um problema.
Muito bons seus posts, parabéns pelo blog.
KATIERO
Maria
Eu comecei um blog há pouco tempo e estou na situação descrita no post: quero tirar o total partido do blog.
Já tinha pensado estudar a partir das “aulas” do próprio wordpress mas um livro é melhor.
Obrigada,
Maria
Mel
comprei a css no wordpress, entrei em editar html, mas ele não me da a opção de editar o tema, mesmo sendo dito que seria possivel. Por favor me ajude, indicando quais procedimentos devo utilizar para conseguir editar e alterar meu layout. Obrigada