DIY Site Wordpress

of 67 /67
DIY site wordpress

Embed Size (px)

Transcript of DIY Site Wordpress

Page 1: DIY Site Wordpress

DIYsite wordpress

Page 2: DIY Site Wordpress

DIYsite wordpress

Page 3: DIY Site Wordpress

site wordpress

Page 4: DIY Site Wordpress

DOMÍNIOO que é?

Qual escolher?Onde comprar?

Page 5: DIY Site Wordpress

mas quemé “domínio”?

Page 6: DIY Site Wordpress

mas quemé “domínio”?É um nome único que identifica um site.

Page 7: DIY Site Wordpress

sobre-nomes.COM | COM.BR | .ORG | .PIZZA

Page 8: DIY Site Wordpress

tips&tricks

Domínios tem preços variados..XXX | .GOV | .EDU

podem ter restrições

Page 9: DIY Site Wordpress

hospedagemO que são?Quais são?

O que preciso fazer?

Page 10: DIY Site Wordpress

hospedeiro

Page 11: DIY Site Wordpress

HOSPEDEIROUm Hospedeiro virtualvende espaço na web.

Page 12: DIY Site Wordpress

tem dns aí?Ele guarda os arquivos doseu site pra você.

Page 13: DIY Site Wordpress

escolha ondemorar

Page 14: DIY Site Wordpress

escolha ondemorar

HostgatorMedia Temple

Amazon...

Page 15: DIY Site Wordpress

ELE TEM O QUE VOCÊPRECISA?

Page 16: DIY Site Wordpress

ELE TEM O QUE VOCÊPRECISA?PHP | Mysql |Banco de Dadosnativo

Page 17: DIY Site Wordpress

hospedeirocontratado um host, link seu domíniocom ele para acessar a administração.TUDO ISSO USANDO SEU DNS.

Page 18: DIY Site Wordpress

WHATTHEF**KISDNS?

Page 19: DIY Site Wordpress

DnsO que é?

Qual escolher?Onde comprar?

Page 20: DIY Site Wordpress

Tem dns aí?Tem dnsTem dns aí?

Page 21: DIY Site Wordpress

TEM DNS AÍ?Domain Name System:É um sistema que associa oendereço de um site ao seu domínio.

Page 22: DIY Site Wordpress

TEM DNS AÍ?Através da internet, os dispositivosconectados são identificados por “IP”e graças ao DNS, podemos associar um “IP” a um nome, seja ele qual for.

Page 23: DIY Site Wordpress

como faz?como faz?

Page 24: DIY Site Wordpress

Olá, meu nome éyoursitename,e eu moro no93.184.216.119*

Page 25: DIY Site Wordpress

Precisamos enviar os arquivos do nosso site para o hospedeiro

Page 26: DIY Site Wordpress

- in browser- Gerenciador nativo do seu host- Software especializado de FTP

Page 27: DIY Site Wordpress

INSTALANDO O WORDPRESS

Page 28: DIY Site Wordpress

“oi?ajuda eu!?!?”

Page 29: DIY Site Wordpress

O wordpress tem 18mbe 980 arquivos*

Page 30: DIY Site Wordpress

coletivo de arquivos quequando postos juntos num

servidor são = a blog.

Page 31: DIY Site Wordpress

Todas as estradaslevam a wordpress

Page 32: DIY Site Wordpress

instale o wordpress pelopainel de administraçãodo host

Page 33: DIY Site Wordpress

Instalando o wordpresscom 1 click

Page 34: DIY Site Wordpress

É COMUM OS HOSPEDEIROSFORNECEREM UM BOTÃO DE

INSTALAÇÃO RÁPIDA

Page 35: DIY Site Wordpress

ou coloque os 980arquivos do wordpressdiretamente no servidor

usando o FTP

Page 36: DIY Site Wordpress

FDP?

Page 37: DIY Site Wordpress

FTPO que é?

O QUE PRECISO FAZER?

Page 38: DIY Site Wordpress

FDP?File transfer Protocol /Protocolo de transferência de dados

Page 39: DIY Site Wordpress

FDP?Esse é o “protocolo” padrão detransferência de arquivos de um Host para outro

Page 40: DIY Site Wordpress

FDP?Recomendamos o uso de softwaresespecializados em FTP, como o FilezillA

Page 41: DIY Site Wordpress

COMOFTPEAR?COMOFTPEAR?

Page 42: DIY Site Wordpress

COMOFTPEAR?Seu host reserva um login e senhaespeciais e únicos pAra oendereço do seu site.

Page 43: DIY Site Wordpress

COMOFTPEAR?WWW.EXEMPLO.COM.BR -> FTP.EXEMPLO.COM.BR

Page 44: DIY Site Wordpress

persona-lizar

Page 45: DIY Site Wordpress

o seusite

tem a carado seutema

Page 46: DIY Site Wordpress

Dos 980 arquivos, zero tem

haver com o que seu

site se parece.

Page 47: DIY Site Wordpress

para isso,inclua no seu

wordpress um tema

Page 48: DIY Site Wordpress

mojo-themes.com (crowd-sourced)

themeforest.com (crowd-sourced)

woothemes.com (premium)

themezilla.com (premium)

elegantthemes.com (premium)

sites de temas

Page 49: DIY Site Wordpress

ÉPICObit.ly/theme-epico

Page 50: DIY Site Wordpress

avadabit.ly/theme-avada

Page 51: DIY Site Wordpress

salientbit.ly/theme-salient

Page 52: DIY Site Wordpress

flatsomebit.ly/theme-flatsome

Page 53: DIY Site Wordpress

persona-lizarhtmle css

Page 54: DIY Site Wordpress

persona-lizar

“ah véi, pqprecisu dissu!?”

Page 55: DIY Site Wordpress

Estrutura HTMLPropriedades CSS

Personalizando temas

Page 56: DIY Site Wordpress

htmlhttp://html5doctor.com

<!doctype html><html lang=pt><head><meta charset=utf-8><title>Titulo da pagina</title></head><body><p>texto em paragrafo com <a href=”//example.com/”>link</a></p></body></html>

Page 57: DIY Site Wordpress

CSShttp://dochub.io

body {margin: 0;padding: 0;background: url(img/bg/home.jpg) top center no-repeat;background-attachment: fixed;

}

a {color: blue;background: #00FFFF;

}

a:hover {text-decoration: underline;

}

Page 58: DIY Site Wordpress

avançado

Page 59: DIY Site Wordpress

Modificando o LoopAlterando funções do tema

Custom Post TypesCustom Metaboxes

Page 60: DIY Site Wordpress

USABILIDADE

Page 61: DIY Site Wordpress

Você tem que avaliar o conhecimento técnico e a cultura dos seus usuários.

Page 62: DIY Site Wordpress

assim poderá entender como você deve guiá-lo, de forma

orgânica, ao objetivo.

Page 63: DIY Site Wordpress

PERFORMANCE

Page 64: DIY Site Wordpress

Estamos falando do carregamento das páginas! Complicou?

plugin sugerido: WP cache

Page 65: DIY Site Wordpress

SEO

Page 66: DIY Site Wordpress

Você tem que avaliar o conhecimento técnico e a cultura dos seus usuários.

plugin sugerido: yoast

Page 67: DIY Site Wordpress

MAIS BONUS,OBAaa \o/