wordpress_capa

Saiba como adicionar o próprio tema no WordPress

Como dicas nesse mundo da programação são sempre bem vindas, segue mais uma sobre nosso amigo WordPress.

Na pasta Themes do WordPress crie uma pasta com o nome do seu tema, nessa pasta crie um arquivo style.css e um index.php.
Dentro do arquivo index adicione as seguintes linhas:
<?php get_header(); ?>
<section id=”content” role=”main”>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php get_template_part( ‘entry’ ); ?>
<?php comments_template(); ?>
<?php endwhile; endif; ?>
<?php get_template_part( ‘nav’, ‘below’ ); ?>
</section>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Agora vá no arquivo style e adicione as seguintes linhas:
Exemplo:
/*
Theme Name: Tema WordPress (nome do seu tema)
Author: Tokdigital (nome do autor)
Author URI: https://tokdigital.cc/ (link do site do autor)
*/
Logo após vá em aparência>Temas e seu tema estará aparecendo da seguinte forma:
fotoartigo
Então é só ativar o seu tema e partiu personalizar o seu site!
OBS:
Para apresentar o seu tema você pode fazer um Screenshot, que nada mais é que uma imagem no formato PNG com largura de 1200px e altura de 900px, e salvar dentro da pasta do seu tema com o nome screenshot.png.

READ MORE

Criando Meta Box para o seu tema WordPress

Você já precisou de um campo e não encontrou no WordPress? Teve que utilizar dos campos personalizados? Ou então instalou um plugin? É meu amigo, seus problemas acabaram, a solução é utilizar Meta Box.
Meta boxes são campos, que ficam no dashboard do WordPress, em posts, páginas e custom posts. De uma maneira mais amigável para o usuário. Meta boxes são altamente configuráveis, podem ser utilizadas para alterar a aparência, guardar informações, criar listas dinâmicas, galerias de imagens, em fim serve para atender a suas necessidades.
Diferente de usar plugins para adicionar, um Meta box, o seu código vai ficar mais limpo, pois você vai estar fazendo com que sua aplicações solucione apenas o necessários. Ficará confiável e ‘visível’ ao usuário, melhor que utilizar dos campos personalizados.
Bom então algo tão variável de utilizar, deve necessitar de um código monstruoso? Errado, para adicionar Meta box ao nosso tema, utilizamos de uma função nativa do WordPress, add_meta_box( ) . Vamos ver como funciona.
Imaginando que temos o seguinte problema, precisamos ter no nosso post, um campo para adicionar, uma cor ao título, mas cada post deve ter um título com uma cor diferente.
Vamos primeiro ver quais os parâmetros, nossa função add_meta_box recebe:

add_meta_box( $id, $title, $callback, $post_type, $context, $priority, $callback_args );
  • $id: Este é um ID único atribuído à sua caixa de meta. Ela deve ter um prefixo único e ser HTML válido. [String – Obrigatório]
  • $title: O título da caixa do meta box. [String – Obrigatório]
  • $callback: A função de retorno de chamada que exibe a saída da sua caixa de meta. Já vamos ver ela melhor. [String – Obrigatório]
  • $post_type: Onde será exibido o Meta Boxes. Exemplos (‘post’, ‘page’, ‘link’, ou ‘custom_post ).  [String ou Array – Opcional, por padrão fica null]
  • $contexto: Onde na página o Meta box deve ser mostrado. As opções disponíveis são  ‘normal’, ‘side’ e ‘advanced’. [String – Opcional, padrão ‘advanced’]
  • $priority:  Prioridade de inserção da caixa em relação as demais, opções ‘high’ ou ‘low’. [String]
  • $callback_args: Determina a passagem de parâmetros a função callback [Matriz – Opcional]

Depois de conhecer os parâmetros que nossa função recebe, podemos iniciar nossa aplicação. Vamos utilizar nosso arquivo ‘function.php’, nele vamos iniciar criando uma função.

add_action( 'add_meta_boxes', 'init_meta_box_color' );
function init_meta_box_color(){
}

Está função servirá como uma chamada para nosso Meta box, conhecida no WordPress como ‘actions’. Pois não podemos sair criando Meta box a qualquer momento, precisamos respeitar a ordem do WordPress, por isso vamos utilizar essa função de chamada.

add_action( 'add_meta_boxes', 'init_meta_box_color' );
function init_meta_box_color(){
    add_meta_box( $id, $title, $callback, $post_type, $context, $priority, $callback_args );
}

Agora sim podemos adicionar o nosso Meta box, vamos ajustar os parâmetros conforme nossa necessidade.

add_action( 'add_meta_boxes', 'init_meta_box_color' );
function init_meta_box_color(){
    add_meta_box( 'id_meta_color', 'Escolha uma cor para o título', 'meta_color', 'post', , 'normal', null );
}

O Meta box já foi criado, e está em exibição no nosso tema, agora vamos colocar um conteúdo para ele. Vamos criar uma função, com o nome que colocamos no parâmetro de callback, que no nosso caso foi ‘meta_color’.

function meta_color(){6
    ?>
    
    
    
    
    
    
    
    <?php
}
add_action( 'save_post', 'save_meta_color' );
function save_meta_color( $post_id  ){
    if(isset( $_POST['field_color'] ) ){
	   update_post_meta( $post_id , 'field_color', $_POST['field_color'] );
    }
}
READ MORE

Inserindo imagens em posts/páginas no WordPress

Escolhendo…

Posicione o cursor do mouse no ponto do texto onde você deseja inserir a imagem depois clique em “Adicionar Mídia”.
Abrirá uma janela mostrando as imagens constantes na sua biblioteca, imagens que já foram utilizadas em outros posts ou páginas, se desejar usar uma delas, clique sobre a imagem desejada, caso contrário clique em “Fazer upload dos arquivos” que fica logo abaixo do título Inserir Mídia.

Configurando…

Detalhes do anexo
Após ter feito upload ou ter selecionado uma das imagens constantes em sua biblioteca, você precisará configurar esta imagem usando os campos a seguir:

  • Título: aparece quando o usuário passa o mouse sobre a imagem;
  • Legenda: fica abaixo da imagem;
  • Texto alternativo: aparece no lugar da imagem quando, por algum motivo, ela não é carregada;
  • Descrição: descreve com mais detalhes a imagem e aparece quando o usuário clica sobre ela;
  • Alinhamento: posiciona a imagem perante o texto;
  • Link para: indica o que acontece quando usuário clicar sobre a imagem;
  • Tamanho: defini o tamanho da imagem no post, sendo que ao clicar irá mostrar o tamanho original da imagem.

Clique em “Inserir no post” no canto inferior direito da janela.

READ MORE

Adicionar/Editar Post no WordPress

Para facilitar o gerenciamento do seu novo site em WordPress, vou postar toques de como utilizar esta maravilhosa ferramenta. Começo mostrando como adicionar ou editar posts no WordPress, que podem estar sendo utilizados para diversas funções, vou explicar:
Esta ferramenta originalmente foi desenvolvida para gerenciar Blog’s e com o tempo foi se aprimorando até que hoje podemos utiliza-la para diferentes tipos de publicações na internet (blog, site, loja virtual, hotsite, portal, etc). Para cada tipo de publicação usa-se a estrutura do WordPress de forma diferente. Então quando entrego um site costumo orientar meus clientes como devem proceder para atualizar seus sites.

Painel administrativo WordPress

Então vamos aos posts: acesse seu Painel Administrativo, para os sites mais recentes use o endereço abaixo, insira seu usuário e senha.

www.seusite.com.br/prd/wp-admin

Detalhe PostsPara adicionar ou editar um post basta passar o mouse sobre o menu Posts na lateral esquerda do Painel Administrativo e escolher a opção desejada.
Neste mesmo item você poderá ainda gerenciar suas categorias e tags, que assim como os posts tem funções diferentes de acordo com o site. Em geral categorias separam os posts por assunto enquanto tags são as palavras-chave de cada post.
Adicionar posts
Na página de adição/edição temos alguns campos principais que vou explicar agora, são eles:
item01Para blogs o nome do campo já diz tudo, mas para uma empresa que usa posts para mostrar seus projetos esse é o campo onde se coloca o nome do projeto por exemplo;
item02Neste local é inserido o conteúdo do post (textos, imagens, formulários, tabelas, etc). Vou criar um post especificamente para falar sobre essa área que tem muitos recursos;
item03O resumo serve para apresentar uma prévia do post quando este aparecer em uma lista na página inicial ou página de categorias;
item04Discussão é onde você define se o post irá ter comentários ou não, se não deseja que o usuário comente sobre este conteúdo clique para tirar a seleção deste item;
item05Publicar já diz tudo, onde você irá publicar o post e ele passará a aparecer no site. Durante a edição do post o WordPress salva automaticamente seu post por motivo de segurança, mas se você quiser escrever um pouco em cada dia, pode clicar em “Salvar como rascunho” e voltar outra hora para continuar de onde parou, ele ficará salvo na sua lista de posts no painel administrativo mas não aparecerá no site.
Clicando em “Visualizar” abrirá outra janela mostrando como ficará o post quando publicado. Ali pode-se ainda mudar o status, de publicado para rascunho por exemplo para tirar um post do ar, alterar a visibilidade para que todos vejam ou somente pessoas autorizadas, mudar a data de publicação e até programar uma publicação e mandar o post para a lixeira, que funciona como a lixeira  do seu computador;
item06Escolha a categoria(s) a qual o post pertence e selecione. Quando selecionado uma categoria filha não é obrigatório selecionar a mãe, essa necessidade vai depender de como foi desenvolvido seu site, eu sempre informo essa necessidade se houver. Você pode adicionar categorias nesta página e decidir se ela será filha ou mãe, mas detalhes sobre ela (descrição, slug) somente serão editados no menu Posts > Categorias;
item07Digite as palavras-chave do post, separadas por vírgula, ou escolha entre as mais usadas no seu site.
item08Aqui será selecionada a imagem-chave do post, ela geralmente é usada junto com o resumo.
 
Faça suas postagens, publique e pronto! Simples assim, agora se ficou alguma dúvida, fique a vontade para me questionar aqui embaixo, em “Deixe seu comentário”.

READ MORE
wordpress_capa

Porque uso WordPress

Para aqueles que nunca ouviram falar em WordPress, primeiramente vou explicar o que é, melhor vou passar a explicação para quem o conhece melhor do que ninguém, os integrantes do Fórum WordPress Brasil:

WordPress é uma plataforma semântica de vanguarda para publicação pessoal, com foco na estética, nos Padrões Web e na usabilidade. O WordPress é ao mesmo tempo um software livre e gratuito. Em outras palavras, o WordPress é o que você usa quando você quer trabalhar e não lutar com seu software de publicação de blogs.

Então se você deseja ter um site, ou já possui um mas sua atualização é complicada, essa é a ferramenta que você está precisando!
Agora que você já sabe o que vou elogiar, vamos as vantagens:

Melhor Custo × Benefício

Claro, a maior de todas as vantagens, pensando como empresa, já que estamos falando de um sistema grátis! Sim, ao contrário de muitas aplicações o WordPress é grátis, então você não precisará desembolsar nenhum tostão para usá-lo ou ainda, não vai precisar ficar se “culpando” por estar utilizando um sistema de forma ilegal!

Lembrando que estamos falando apenas do sistema que irá gerenciar seu site, não quer dizer que você não terá custos com ele, não podemos esquecer que você precisa ter um domínio, que no Brasil custa R$ 40,00 / ano, um servidor para hospedar seu site, que você pode encontrar boas empresas de hospedagens por preços a partir de R$ 14,00 / mês, e um desenvolverdor que você pode entrar em contato por aqui para conversarmos sobre seu projeto 😉

Praticidade

O WordPress oferece um suporte ao desenvolvedor muito importante, fazendo com que este não precise escrever alguns processos, e usar o tempo para se preocupar com a estética do seu site e aprimorar a experiência dos usuários ao visitá-lo.

O seu colaborador por sua vez, é o maior beneficiado pela praticidade do WordPress, pois é ele que irá usá-lo como sua ferramenta de trabalho, incluindo e atualizando conteúdo a qualquer hora de onde estiver, quer seja de um computador, de um tablet ou até mesmo do seu celular. Com telas que facilitam o trabalho e destacam os recursos disponíveis o colaborador  faz seu trabalho com muito mais eficiência.

Usabilidade

Com sua base de dados inteligente, o usuário navega em seu site de forma simples, encontrando o que procura com naturalidade, já que o WordPress auxilia na indexação e distribuição do conteúdo em seu site.

Dinamismo

Atualmente as notícias caem na internet como uma rede de pesca solta seus peixes no barco “uns em cima dos outros”, então seu site precisa acompanhar este rítmo. Pra isso o WordPress conta com Plugins que ajudam na interação do usuário com as novidades do seu site, mostrando  a todo o momento novos conteúdos publicados, integrando seu site com redes sociais e muito mais, fazendo todo esse trabalho sozinho, sem precisar que você clique ou arraste nenhum botão na área administrativa.

Flexibilidade

Este é um ponto importante, pois é uma das qualidades de qualquer CMS (Content Management System). Contudo o WordPress em especial faz o que muitos, e estou falando de aplicações pagas, não fazem, ele deixa as portas abertas para você entrar, sem chaves nem maçanetas, simples assim é só empurrar e as portas se abrem.

O que eu quero dizer com isso? Se seu site precisa de uma funcionalidade muito específica, e nem o WordPress, nem o Plugin dão jeito de resolver, uma simples abertura de arquivo de configuração e alteração de duas ou mais linhas resolvem, simples assim! Sem precisar contactar o suporte, esperar dias até o consultor te atender e blá blá blá.

Fique calmo, esta flexibilidade toda é apenas para administradores do site, isso tudo não quer dizer que qualquer pessoa podem entrar nos arquivos de configuração do site e sair fazendo modificações. Podemos dizer que as portas internas não possuem chaves, mas a porta externa, a principal, essa sim, possui chave e tranca de ferro, e uma barra de ferro atravessada, e….

Confiança

Sim, pode deixar suas informações nas mãos deste poderoso CMS que ele não vai sair espalhando para quem quiser saber. O fato de ser grátis não faz com que o WordPress deixe de ser seguro. Possui uma poderosa ferramenta administrativa que classifica os usuários cadastrados em níveis de segurança para que cada tenha acesso apenas as funções que lhe competem. E como disse antes, fecha bem a porta de entrada para quem não pode entrar.

Estabilidade

Bem, para o quesito estabilidade, podemos dizer que é influenciado por uma série de fatores, externos e internos, mas no que  tange a responsabilidade do WordPress, pode confiar pois ele é muito confiável, não lhe deixará na mão.

Gostou do que leu? Está pensando em fazer um site ou atualizar o seu?
Entre em contato, tenho certeza que podemos resolver isso rápido e barato!
Está em dúvidas? Conheça alguns projetos feitos com o WordPress.

READ MORE