Vamos aprender como colocar flash no Wordpress.
No exemplo abaixo utilizei o Dreamweaver CS3 para inserir o código do Flash na página pois ele gera o arquivo AC_RunActiveContent e a pasta scripts automaticamente.
Presumimos que você possui o seu Blog hospedado num servidor pago que ofereça no mÃnimo o acesso FTP aos arquivos do mesmo.
Se você ainda não tem uma hospedagem, consulte os planos especiais da Next4 para Blogs Wordpress.
Requisitos e ingredientes:
Acesso FTP ao servidor do Blog para editar os arquivos do tema e subir as pastas necessárias
Pasta [flash] com o seu arquivo flash.swf
Pasta [scripts] com arquivo AC_RunActiveContent
(este arquivo é criado assim que o flash é adicionado pelo dreamweaver)
Arquivos do seu tema.
1) Abra no Dreamweaver a página.php do seu tema onde você irá inserir o Flash, no meu exemplo eu utilizei a lateral direita do tema, o arquivo se chama r_sidebar.php Obviamente esse nome muda de acordo com o tema utilizado.
Localização dos arquivos do tema: /httpdocs/wp-content/themes/”seu_tema”/
2) Insira o Flash na área desejada da sua pagina.php.
Faça isso com a opção Insert > Media > Flash.
Neste momento deve aparecer uma caixa de diálogo informando que foi criado uma pasta com nome de [scripts] com um arquivo chamado AC_RunActiveContent. Reserve a pasta.
3) Visualize o código do Flash no modo Code(código) do seu Dreamweaver. Você deve remover todo conteúdo das tags <Embed>
<embed src="seuArquivoFlash.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="210" height="65">
/embed>Ainda nesta página, você deve recortar a tag:
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
Abra a página header.php,
Cole entre as tags <head>
Dificilmente esta página “header.php” tem outro nome, de qualquer forma você vai ter de procurar a página responsável pelo topo do site caso não encontre.
Lembrando que estes arquivos estão dentro da pasta do seu Tema.
4) Você deve acessar o servidor do seu blog com seu programa FTP preferido, nós sugerimos o CUTEFTP.
na pasta raiz, que pode se chamar algo como wwroot, httpdocs, você deve inserir as pastas [flash] com seu respectivo swf e a pasta [scripts].
5) Pronto! É só testar.
6) Caso não tenha funcionado você deve verificar se os paths estão corretos.
Equipe AlvoWeb
29 respostas ↓
1 felipe // Set 25, 2007 at 3:20 pm
Amigo,
Gostaria de colocar um topo em flash em um site, tipo esse seu aqui, porém o arquivo flash aparece mas não roda.
Será que tem alguma coisa bloqueando ele?
Ele fica todo branco e não passa.
vlw!
2 admin // Set 25, 2007 at 4:59 pm
Felipe, preciso de mais informações para poder te ajudar, o branco que vc se refere é o background do local que voce deseja inserir?
O seu arquivo Flash (SWF) executa corretamente na sua maquina?
1) Veja se você subiu a pasta [script] para o seu servidor
2) Verifique se você removeu as tags <embed> do seu código flash (necessário para wordpress)
abs
Felipe Al. Next4
3 rodrigo // Dez 14, 2007 at 12:46 pm
Olá!
Estou precisando de algum dica/tutorial para usar imagem (PNG.transparent) no WORDPRESS.
Sabe recomendar algo?
Obrigado
OBS: Consegui rodar o EI6 com HTML+CSS com a imagem PNG.transparent, mas…
Quando transformo HTML em PHP não roda no WORDPRESS…
4 Felipe // Dez 21, 2007 at 9:39 am
Olá Rodrigo, não consegui comprender muito bem sua dúvida, a principio, não tem porque o wordpress recusar uma imagem png seja ela trasparente ou não.
O que deve estar ocorrendo é uma questão de incompatibilidade de visualização em navegadores quando voce seta a opção .transparent no CSS.
Eu recomendo utilizar o Gif transparente no lugar do PNG por ele ser mais leve e compativel com todos os Browsers.
qq coisa posta ai.
abs!
5 LÃa // Jan 11, 2008 at 8:41 pm
Você podia ter colocado o arquivo java pra download né?! =/
6 Gustavo // Abr 18, 2008 at 7:15 pm
Olá!
Achei ótimo seu post, deu Quase tudo certo pra mim…
No meu blog, apareceu os Flash’s (botei um menu em flash na sidebar e outro flash na header), mas só na página principal, quando vou pra outra página ou faço uma pesquisa, ou até mesmo entro num post, o flash desaparece, vi que aqui nesse site não acontece isso… Vc sabe me explicar o que eu posso ter esquecido? Obrigado!
7 Admin // Abr 22, 2008 at 10:02 am
Fla Gustavo.
cara, verifica se o código foi removido das outras páginas e se nessas páginas possuem a referência (path) a pasta [script] que contém o arquivo as vezes pode ser um problema de path.
abs
8 Gustavo // Abr 22, 2008 at 10:33 pm
Então…
Vou explicar como eu fiz:
O menu Lateral eu botei no sidebar.php e o banner principal na header.php são dois arquivos usados por todas as outras páginas não é?
Tipo assim, na home é onde aparece os flash’s na home acho que são usados os arquivos, header, index, sidebar e footer, mas se eu fosse para outra página acho que usaria a single ao invéz da index, mas a header e a sidebar (aonde tem os códigos) seriam as mesmas.
A pasta Script ta na root folder (www)…
Realmente não entendo o que pode ter acontecido.
Aqui no Alvo Web, imagino que o flash seja na header e não precisa mais mexer no resto não é?
Obrigadão pela atenção!
9 juiseeodoks // Mi 17, 2008 at 10:40 pm
Hello my friends
10 sálvio // Mi 20, 2008 at 7:48 pm
OLá. Gostaria de saber como inserir o swf dentro de um post… obrigado.
11 Miguel Costa // Jun 17, 2008 at 10:28 am
Fala Sálvio,
Você tem que baixar um plugin cara..
Ele te da uma tag especifica para você inserir .swf no seu post!
Ex: [swf] arquivo.swf [swf] (Com o plugin instalado e ativado na administração)
12 Marcos Antônio // Set 23, 2008 at 11:45 pm
gostaria de saber como inserir imagens sem ser pelo editor do word press, pois não consigo fazer upload da mesma,
obrigado!!!!!!!
13 Rodrigo // Set 24, 2008 at 1:14 pm
Marcos,
1º a imagem deve estar publicada na internet.
Depois basta pegar o endereço completo da imagem conhecido também “url absoluta” (ex: http://www.seusite.com/minhaImagem.jpg )
E depois sabendo do endereço da sua imagem basta utilizar a tag de inserção de imagem de Html no seu código.
O código é simples, quando for postar no seu painel de wordpress, basta inserir está tag HTML:
Mas lembra-se, sempre certifique-se que sua imagem tenha o mesmo nome que você publicou na internet, ou que a mesma esteja de fato na internet.
Abraços.
14 Marcos Antônio // Set 25, 2008 at 7:51 pm
Rodrigo obrigado pela resposta, queria saber se da pra eu criar um diretorio dentro do tema do wordpress e como faço para endereçar enste caminho?
Obrigado!!!!!!
15 Marcos Antônio // Set 25, 2008 at 7:53 pm
Tem como eu resolver esse problema, de não conseguir fazer o upload pelo editor do wordpress, meu professor de web disse q o pro e com o servidor?
16 Rodrigo // Set 26, 2008 at 12:11 am
Marcos,
Sobre imagens…
Inserir imagens sem ser pelo editor do word press. Não fiz isso ainda. Se quer usar imagens pra serem visualizadas nos seus post, acho que só tem essa maneira de inserir pelo editor do wordpress.
Mas agora se quer inserir imagem na estrutura de pagina para customizar o seu wordpress. Neste caso você deve alterar e inserir seu código de imagem na pagina correspondente do wordpress. Como fazer isso? Neste caso terá que mexer na raça mesmo. Abrir a pasta do tema que você usou e começar a entender, estudar o código e fazer testes e mais teste pra pegar o funcionamento. Pode levar tempo dependendo do conhecimento e objetivos.
Geralmente as páginas de Wordpress pelo que vi utilizam HTML, PHP, alguns CSS para padronizar estilos, e possÃveis Javascripts para deixar a pagina mais dinâmica.
Sobre pastas….
Sim. Você pode criar pastas normalmente dentro da estruturas de Wordpress. Mas pra isso você precisa ter acesso ao seu servidor por intermédio de um programa FTP pra facilitar no seu gerenciamento de arquivos e pastas. Você pode criar uma pasta de imagens dentro do tema wordpress.
Mas eu, particularmente, prefiro criar pastas que não tenha haver com a estrutura de programação do wordpress. Ou seja, crio qualquer pasta fora da pasta principal do wordpress para conteúdos de imagens e entre outros que não preciso aplicar a estrutura do wordpress. Isto pra evitar problemas e errar casualmente na programação podendo até perder funcionalidade do wordpress.
Só criaria pastas e alterar conteúdo do wordpress se realmente for necessário para melhorias ou customizações, etc.
Dica: antes de fazer qualquer alteração referente a programação de algum arquivo, você pode fazer um copia para ter como segurança. Pois, caso tenha algo de errado você pode retornar ao arquivo original e conseguir restaurar a página.
Se quer hospedar sua imagem no seu servidor. Você utilizando um programa de ftp, você pode criar uma pasta facilmente fora da estrutura do wordpress com um nome sugestivo como ex:
“imagens”, ou com nome de “img”,..
…enfim qualquer nome necessário. E nesta tal pasta você “sobe pro servidor”(upload) a imagem. Ou também, você pode optar por inserir sua imagem em outro servidor caso tenha acesso a ele.
Antes de postar sua imagem no seu wordpress você deve saber o endereço da imagem que você hospedou/publicou na net, da mesma forma como informei na ultima resposta referente a isso.
Não tem segredo, é só tentar. Mas tentar mesmo. Errar faz parte do aprendizado. Faça testes em arquivos separados se achar necessário pra pegar a manha de como funciona cada parte.
Pra isso exige apenas um conhecimento básico de HTML e lógica de programação.
Lembra-se, antes de alterar qualquer arquivo. Pode ser interessante antes fazer um back-up(copia) de segurança dos seu arquivos e paginas.
Abraços.
17 Marcos Antônio // Set 26, 2008 at 9:04 am
Obrigado pelas respostas, tem algun pro seu copiar os postes de vcs pro meu site e q eles são muito bons e eu bolto o endereço de vcs lá pra divulgação?
18 Rodrigo // Set 26, 2008 at 10:32 am
Marcos,
Você pode fazer “referência” dos posts e assuntos relacionados, desde que, deixe claro a origem do conteúdo e qual o autor do post.
Você não pode adquirir os posts sendo como de sua autoria.
Agradeço a compreensão.
Abraços.
19 Marcos Antônio // Set 26, 2008 at 11:38 pm
obrigado, como faço pra ser um moderador!!!
20 maikon // Jan 29, 2009 at 3:16 pm
como que faço para inserir um swf no cute ftp8 pro? se vc puder me ajudar ficarei muito grato.
21 Felipe // Jan 29, 2009 at 3:20 pm
Fala Velhão!
cara o você deve usar um programa de edição para poder inserir o swf. Ex. Dreamweaver.
o Cute FTP você vai usar para subir o arquivo.
não recomendo usar o editor do Cute pois é simples d+, não oferece a coloração dos códigos nem mesmo insere/gera o tal código citado no tutorial.
Sugestão:
consulte um amigo que tenha + experiencia.
abs!
22 Rodrigo // Jan 29, 2009 at 3:22 pm
Maikon tudo bom?
FTP é o mesmo principio em todos programas de ftp.
O que muda é interface do usuário, alguns programas tem mais ou menos opções de utilização. Mais informações especÃfcas geralmente você pode encontrar no site do fornecedor desse programa.
Abraços.
23 Jober Costa // Fev 21, 2009 at 7:04 pm
Olá galera do Alvo Web! gostei muito do tutorial que vi aqui! e gostaria de perguntar uma coisa:
estou fazendo do Wordpress meu gerenciador de conteúdo para sites dinâmicos, e gostaria de saber como posso retirar a opção de comentário dos posts e das páginas sem deixar a legenda (fevereiro 21st, 2009 by admin
Posted in Sem categoria | Edit | No Comments ») para o site não ficar com cara de blog… rs
Obrigado! um Abraço a todos
24 Felipe // Fev 25, 2009 at 5:30 pm
Jober, você vai ter de editar os arquivos do tema em um programa como dreamweaver.
vai ter de localizar as linhas e comentá-las.
abs!
25 Otávio // Mar 13, 2009 at 12:59 am
olá.. gostaria de saber uma coisa..
meu wordpress é o de graça la.. e eu gostaria de portar um aquivo em swf em um post.. não no tema ..
não estou conseguindo postar em HTML.. eu tenho o link do swf e etc..
obrigado
26 Rodrigo // Mar 13, 2009 at 2:26 pm
Otávio, existe plug-ins para wordpress que você instala e na hora de fazer seu post facilita inserir arquivos SWF, videos, etc…
Procurando na net você encontra mais plug-ins de diferentes autores e proposta.
confere esse link que achei no google procurando algo como: “plugin wp flash”.
http://kimili.com/plugins/kml_flashembed/wp
Abraços
27 Anderson // Jul 16, 2009 at 11:29 am
Wilk,
quanto ao seu caso 1, ele pode ser resolvido da seguinte forma:
Vá em “MÃdia” no painel de Administrativo e suba seu arquivo .swf por exemplo banner.swf
Depois cole esse código no seu arquivo sidebar digitando seu caminho da pasta uploads, o nome e o tamanho do arquivo:
Espero ter ajudado.
28 Alexandre Montoli // Ago 15, 2009 at 3:42 pm
Funciona sim…
tava dando a mensagem (quando clicava em cima do flash) que o filme nao carregou, mas basta copiar o endereço absoluto do arquivo .swf e colar na página onde o flash vai.
ex: em vez de flash/filme.swf
coloque
http://seusite/local-do-banner/filme.swf
29 Thiago Mendes // Out 8, 2009 at 12:37 am
Olha vou tentar fazer isso !! mas isso ajuda ate para inserir swf em postagens ou só mesmo na pagina sidebar como vc usou de exemplo?
Faça um comentário