Categorias
Web WordPress

Tutorial Post Thumbnail (imagem destacada)

A algum tempo pensava em fazer alguns posts sobre WordPress, pegando o embalo do curso de WordPress na DRC, treinamentos aqui em São Paulo. Um dos recursos do WordPress que todo mundo fica ansioso em aprender é Post Thumbnail ou na tradução Imagem Destacada, este recurso permite adicionar uma imagem vinculada ao post.

Para habilitar o recurso que apareceu desde as versões 2.9 do WordPress temos que adicionar no nosso arquivo functions.php o seguinte código:

 

Agora vamos acessar o painel do WordPress, crie um novo post e adicionar uma imagem destacada. O painel de imagem destacada na versão 3.0 e 3.1 do WordPress, fica no canto inferior direito.

Faça o upload de uma imagem e selecione a opção usar como imagem destacada.

Lembre-se caso o post já estiver publicado não esqueça de atualiza-lo. Adicionando a imagem destacada não significa, que a imagem já irá aparecer em seu post. Para a imagem aparecer em seu post é preciso chamar a a template tag the_post_thumbnail() em algum lugar do seu loop, no arquivo da página que vc quer que apareça: index.php, single.php, category.php, search.php… O importante é estar dentro do loop.

Agora vamos aplicar um thumbnail ao nosso tema. no arquivo index.php adicionamos o sequinte código :




		
>

No código acima chamamos um thumbnail ou com tamanho original ou com o tamanho padrão caso tenha sido definido no admin. É um loop simple que puxa o título e o thumbnail, existe a possibilidade de definir o tamanho do thumbnail quando carregado passando os seguintes parâmetros:

the_post_thumbnail(‘thumbnail’); – resolução thumbnail (default 150px x 150px )
the_post_thumbnail(‘medium’); – resolução média (default 300px x 300px max)
the_post_thumbnail(‘large’); – resolução alta (default 640px x 640px max)

the_post_thumbnail( array(100,100) ); – tamanhos personalizados onde passamos um array com os valores de altura e largura.

Como no exemplo abaixo, nesse caso irei utilizar o mesmo código apenas modificando o esquem dentro do loop :

 
					
>

Nesse exemplo chamamos “” carregamos um thumbnail com 350px de largura e 180px de altura.

Além dessas opções de tamanho podemos registrar tamanhos personalizados de thumbnail, com a função “add_image_size” esta função é adicionada no arquivo functions.php.

A função add_image_size recebe os seguintes parâmetros :
add_image_size( ‘nome’, largura, altura , crop : true ou false );

Considerando as funções adicionadas anteriormente, agora vamos adicionar um tamanho personalizado “meu-thumb” em nosso arquivo functions.php ele vai ficar da seguinte forma:


Resumindo a história adicionamos um novo tamanho com 320px x 280px se a imagem não atender a proporção vai ser cropada(cortada).

Agora vamos chamar um thumb com o tamanho que criamos “meu-thumb”:


		
>

Vou criar uma categoria agora WordPress e fazer um repositório dos meus estudos. Vou finalizando por aqui até o próximo tutorial

Categorias
Vagas

Vaga para desenvolvedor WordPress

R7 está contratando especialistas em WordPress.

Conhecimentos Necessários

– Domínio PHP
– Domínio JS, JQuery
– MySQL
– HTML,CSS (W3C, Semântica, Crossbrowser e Tableless)
– Experiência em criação de temas
– Experiência em edição de plugins
– Experiência de 1 ano trabalhando com WordPress
– Formação superior ou em curso em áreas tecnológicas
– Conhecimentos básicos da metodologia de desenvolvimento agil SCRUM
– Ser proativo, dinâmico e aprender de forma ágil

Quem desejar participar enviar cv para vagas-r7@sp.r7.com.

Categorias
Web

Novo Curso de desenvolvimento WordPress na DRC

17 de Janeiro começa o curso de desenvolvimento WordPress na DRC com o FRONT-END especialista em WordPress Leonardo Maciel.

Desenvolvimento com WordPress
WordPress é um CMS (Content Management System) para Blogs e Sites, ou seja, ele é uma forma de administrar o seu site/blog de uma forma fácil. Feito em PHP, o WordPress é uma das ferramentas de conteúdo mais usadas por desenvolvedores web.

Objetivos
O treinamento Desenvolvimento com WordPress tem como objetivo capacitar o profissional de web para criar sites utilizando o CMS WordPress,  com o desenvolvimento de temas e utilização de plugins, para que o resultado final seja um site totalmente dinâmico e administrável.

Pré-requisito
Ter cursado o treinamento de Webdesign fundamental ou ter conhecimento equivalente nas linguagens HTML e CSS.

Conteúdo Programático do Curso “Desenvolvimento com WordPress”

Aula 1 – Introdução ao WordPress

  • Apresentação dos alunos, conhecer qual é a história de cada um;
  • Introdução ao WordPress explicando um pouco o que ele é, e o que pode fazer;
  • Instalar um banco de dados localmente, e em seguida instalar uma instância do WordPress;
  • Mostrar 2 formas de fazer Upgrade de versão: Via FTP e via administrador;
  • Visão Geral dos itens do WordPress (Post, Página, Media, Links, Configurações, etc)

Aula 2 – Introdução ao Desenvolvimento de Temas

  • Apresentação de Estrutura de Pastas do WordPress;
  • Apresentação da Estrutura de Pastas de Temas do WordPress;
  • Apresentação da Documentação (Codex) do WordPress;
  • Instalação de um tema;

Aula 3 – Início da Produção de um Tema

  • Introdução as Template Tags;
  • Metodologia de Desenvolvimento do Tema (início, meio e fim);
  • Explicação de Sidebars e Widgets;

Aula 4 – O Loop

  • O Loop é usado no WordPress para exibir as postagens, é uma das partes mais importantes.
  • É nesse passo que o aluno aprende a exibir o conteúdo de forma correta, podendo formatá-lo de acordo
  • com seus critéros, utilizando as template tags;

Aula 5 – Template Tags

  • the_title;
  • the_time e the_date;
  • the_category;
  • the_permalink;
  • the_content;
  • the_excerpt;
  • the_author;

Aula 6 – Arquivos (Header, Index, Footer)

  • get_header;
  • Extrutura do arquivo header.php;
  • Chamada de arquivos externos;
  • Aplicação do loop;
  • Inserção do Footer;
  • Exercício de montagem da home;


Aula 7 – Arquivos (Sidebar, Page, Single)

  • Explicar como funciona a sidebar;
  • Como usar mais de uma sidebar;
  • O que são e como funcionam os widgets;
  • Como montar uma Page;
  • Diferença de uma Page para a Single;
  • Extrutura de um Single Post;
  • Aplicação da tag comments_template;

Aula 8 – Arquivos (Archive , Comments, Search)

  • Customizando o arquivo  comments.php;
  • Entendendo a página Archive;
  • Aplicação de arquivos específicos;
  • Entendendo a página de Busca (Search);

Aula 9 – Criando páginas customizadas (Query Posts)

  • Criar uma Template Page;
  • Entender o que é um Query Post;
  • Aplicar o Query Post para suas páginas customizadas;
  • Exercicio: Criar uma página que traga uma única categoria;

Aula 10 – Utilização de Plugins e Scripts externos

  • Diretório de Plugins;
  • Instalando Plugins;
  • Configurando Plugins;
  • Criando páginas para aplicação de Plugins;
  • Utilizar Scripts externos;
  • Entender as tags: wp_head e wp_footer;
  • Exercicio: Colocar o Script do jQuery para funcionar;

Mais informações ligue : Tel.: 11 3168 2123 reserve sua vaga.

A DRC fica na Rua Joaquim Floriano, 733, 8.º Andar Itaim Bibi São Paulo

Atenção essa grade foi criada em 2010, para acessar a grade atualizada visite: 

WordPress Básico:
http://drc.com.br/cursos/wordpress

WordPress Avançado:
http://drc.com.br/cursos/wordpress_avancado

Categorias
Web WordPress

Permissões de pastas e arquivos no WordPress

Para quem não conhece controle de permissões, ele especifica quem pode: ler, escrever, modificar e acessar os arquivos em seu site. Essas permissões são divididas em tipos de usuário User(owner), Group e Public(world). Funciona da seguinte forma, os números 777, 666, 755, 604 representam a permissão de cada tipo de usuário, o primeiro digito da esquerda pra direita é referente a permissão do Owner, o segundo digito do Group e o último do Public.

Como podemos ver na imagem abaixo:

Onde esse número de cada grupo é o somatório de três valores

  • r – read – permissão de leitura que tem valor 4
  • w – write – permissão de escrita que tem valor 2
  • x – execute – permissão para executar o arquivo tem valor 1

Então se um grupo tem valor 7(4+2+1 ou r+w+x) ele tem permissão de ler, escrever e executar o arquivo

A maioria dos servidores quando você faz a instalação manual do WordPress precisa alterar as permissões das pastas. Tudo sobre permissões você encontrará aqui: http://codex.wordpress.org/Changing_File_Permissions.

Mas você não está com coragem suficiente para ler tudo no link acima, então aqui vai um resumo:

NUNCA usar permissão 777 pode dar certo mas você pode ter problemas futuramente. Aumenta a chance de ocorrer bugs nas atualizações de plugins e referente a segurança você pode pode ter problemas como roubo de arquivos e ainda possibilidade de você perder seu blog.

WordPress codex : The worst that can happen as a result of using 777 permissions on a folder or even a file, is that if a malicious cracker or entity is able to upload a devious file or modify a current file to execute code, they will have complete control over your blog, including having your database information and password.

Em regra:

  • /wp-content/ , /wp-admin/, /wp-include/ deve atribuir permissões 755 para tal e suas subpastas
  • wp-config.php – modificar permissão para 644
  • .htaccess – 644
  • php.ini – 644
  • php.cgi – 755
  • php5.cgi – 755

Para editar valores de permissão no ftp, no meu exemplo eu vou utilizar o filezilla, selecione o arquivo ou pasta e clique com o direito, como na imagem abaixo:

Quando selecionar o opção para editar a permissão irá mostrar a seguinte tela :

Nessa tela tem a possibilidade de você aplicar a alteração de permissões as subpastas e seus arquivos.

Obs.: Se sua hospedagem é Locaweb “Boa Sorte”(brincadeira). Se for Locaweb o ideal é alterar a permissão no painel de controle da Locaweb mas garantido da permissões dos arquivos serem realmente alteradas.