Inserir PHP, CSS em páginas WordPress

  • Thalles_ramos22

    (@thalles_ramos22)


    14 anos, 1 mês atrás

    Olá amigos,

    lendo por alguns post aqui na sessão de fórum vi que muitos usuários do WP, criam páginas externas, ou seja, fora do wp criadas internamente.

    estou com um problema parecido, primeira uma pergunta:

    As páginas internas criadas no wp não aceitam códigos php e css ???

    outra coisa, eu criei uma galeria em jquery externamente tentei por ela no link de menu no lugar da page q eu criei no wp interno, so que não funcionou, agora procurando, resolvi criar um modelo, ela funcionou, so que asim msm não está aceitando código CSS que faz o efeito da minha galeria jquery funfar. tipo ele até chama a pagina mais não funciona o efeito e tipo ele não aparece com o template do meu tema aki, pensei q usando a página como modelo ela absorveria o tema e apareceria como se fosse uma pagina interna do wp.

    teria a possibilidade de eu usar essa pagina modelo dentro do tema do wp, como disse acima, como se fosse uma page criado internamente ?? e como posso resolver os problemas com CSS e PHP no wp, pq ele não aceita, existem plugins ou técnicas para ajudar nisso ??

    disculpa falar muito é pq to ralando faz dias nisso e não consigo resolver.

    agradeço a atenção e ajuda ^^

Visualizando 15 respostas - 1 até 15 (de um total de 16)
1 2
  • Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Pelo que eu entendi, você não está conseguindo visualizar um CSS numa Página Customizada, certo?

    Você poderia utilizar as funções wp_enqueue_script() e wp_enqueue_style(). Elas inserem o javascript e css que você precisar na página que você precisar. Coloque-os no header.php e então você vai conseguir criar páginas normalmente com o Admin e elas irão renderizar conforme você precisa.

    Abaixo deixo um exemplo incluindo um JavaScript e um CSS. Imaginando que eles estejam nas patas js e css criadas dentro do seu tema:
    /wp-content/themes/seutema/js/functions.js
    /wp-content/themes/seutema/css/style-custom.css

    <?php wp_enqueue_script( 'functions', get_bloginfo( 'template_directory' ) . '/js/functions.js', array( 'jquery' ) ); ?>
<?php wp_enqueue_style('style-custom', get_bloginfo('template_directory') . '/css/style-custom.css'); ?>

    Espero que ajude!

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    Olá leo caseiro,

    vc captou corretamente a msg q eu queria passar.

    dúvida, quando eu colocar essas funcções no header.php no meu wp aki, seria somente isso pelo q eu entendi:

    <?php wp_enqueue_script(); ?>
    <?php wp_enqueue_style(); ?>

    desse jeito ou estou fazendo errado ?? disculpa, pq não sako muito php só o necessário.

    ou eu faço como vc fez ai em cima colocando os caminhos certos das pastas do wp ?

    não entendi oq siginifica o ‘functions’ ai no código q vc colocou, e tbm os arquivos q eu to manipulando não estao na pasta js e css do meu tema, no caso como eu faria ?

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    Só ratificando, o meu código JAVASCRIPT e CSS estão dentro da minha página PHP, não estão separados, o único arquivo separado seria a biblioteca JQUERY q está na pasta js do wp aki do meu tema.

    neste caso, como eu devo proceder ?

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Thalles, você precisa colocar o caminho do JS conforme eu te mostrei!

    Com as funções vazias o WordPress não conseguirá encontrar os arquivos.

    Coloque-os dentro do seu tema. Nas pastas /js e /css, se não tiver, crie as pastas dentro do tema!

    Para cada arquivo .js que você tiver, você precisará colocar essa função:

    <?php wp_enqueue_script( 'coloqueonomeaqui', get_bloginfo( 'template_directory' ) . '/js/coloqueonomeaquitambem.js' ); ?>

    E para o CSS, você precisa fazer a mesma coisa:

    <?php wp_enqueue_style('coloqueonomeaqui', get_bloginfo('template_directory') . '/css/coloqueonomeaquitambem.css'); ?>

    Essa 2 funções você coloca no arquivo header.php do seu tema. Procure a função wp_head(); e coloque os scripts que eu te ensinei em cima dela!

    Obs: Recomendo você deixar sempre o JS e o CSS separados. Assim eles ficarão armazenados no Cache e ainda você separa o PHP do JS e CSS. Essa é a maneira recomendada pelo W3C e pelo WordPress.

    Abs

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Para o jQuery, você deve inserir somente o script abaixo:
    <?php wp_enqueue_script( 'jquery ' ); ?>

    Assim, o WordPress irá adicionar o jQuery dele mesmo, que fica dentro da pasta wp-includes/js.

    Nesse caso, deixe o seu Java Script com o jQuery e não com cifrão, trocando de $() para jQuery() para não causar conflitos.

    Abaixo deixo o código retirado da documentação do WordPress sobre o uso do jQuery:

    jQuery(document).ready(function(){
    jQuery(#somefunction) ...
});

    Dê uma olhada na Documentação, use o Google Translate qualquer coisa:
    http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    quando vc fala pra por as linhas de codigo q vc me mandou na função wp_head(); vc diz entre os “parenteses” ou uma linha acima ??

    disculpa mano pela ignorancia, to aprendendo isso ainda ^^

    e o scrit pro jQUERY ?? vai no hheader.php ?? ou nessa msm função ai de cima q eu citei, ou melhor q vc citou…?

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Exemplo do arquivo javascript de nome funcoes.js:

    jQuery(document).ready(function(){
    jQuery('#button').click(function(){
       alert('WordPress com Javascript');
    })
});

    Crie os arquivos de Javascript e css conforme o que estou citando de exemplo:
    /wp-content/themes/nomedoseutema/css/estilo.css
    /wp-content/themes/nomedoseutema/js/funcoes.js
    /wp-content/themes/nomedoseutema/header.php

    Este é o arquivo header.php

    <?php wp_enqueue_script('jquery'); ?>
<?php wp_enqueue_script('funcoes', get_bloginfo('template_directory') . '/js/funcoes.js', array('jquery')); ?>
<?php wp_enqueue_style('estilo', get_bloginfo('template_directory') . '/css/estilo.css'); ?>
<?php wp_head(); //as funções estão acima do wp_head() ?>

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
    <?php wp_enqueue_script( ‘jquery ‘ ); ?>
    <?php wp_enqueue_script( ‘js-equipe’, get_bloginfo( ‘template_directory’ ) . ‘/js/js-equipe.js’, array(‘jquery’) ); ?>
    <?php wp_enqueue_style(‘style-custom’, get_bloginfo(‘template_directory’) . ‘/css/style-custom.css’); ?>
    <?php wp_head(); ?>

    no caso o meu código fico como está acima, axo q fiz certo. mais uma coisa: eu ainda preciso por a linha de codigo que chama a biblioteca jquery no header.php (<script type=”text/javascript” src=”/js/jquery-1.2.6.min.js”></script>) ???

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Não precisa! Já colocamos abaixo do singular!
    E ele usará uma versão mais nova do jQuery. essa 1.2.6 é bem antiga!

    Abs

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    tudo certo até essa parte, mas, meu efeito ainda não esta funcionando. 🙁

    vc pode dar uma olhada no codigo da pagina q eu to tentando por o efeito, no caso ela ta criada internamente no wordpress, mas o código dela é copiado da index do jquery q eu quero usar, veja se tem algo errado… segue abaixo:
    http://pastebin.com/ag9Az7kf

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Thalles, coloque o link do seu site aqui, pois precisarei do Firebug para lhe ajudar

    Nem sempre só o código nos ajuda!

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    so que no caso léo, eu to fazendo estes testes localmente, ainda não subi essa mudança no site, meu e-mail de contato pra me ajudar pf: blizard_glock[@][hotmail].com

    mais uma dúvida, eu preciso xamar o css e o javascripto head da minha página através dos comandos: <link “códigos” /> e <script ‘códigos’></script>

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Thalles, eu te mostrei 3 vezes como inserir os links de Javascript e CSS, mostrei com exemplos e etc. É só seguir o que eu te mandei! Também deixei os links da documentação, você leu a documentação? Se tiver dúvida poste aqui!

    Instale o Firebug no seu Firefox. Habilite as abas Console e Rede, identifique em Rede se tem algum item em vermelho, pois indica que não foi encontrado!

    Na Console deve exibir algum erro de Javascript e com ele podemos tentar descobrir a falha!

    Mas se você puder colocar em um Servidor de Homolog, pode ajudar também!

    Leo Caseiro

    (@leocaseiro)

    14 anos, 1 mês atrás

    Se você ainda não sabe como utilizar o Firebug, instale e veja este video que encontrei no Youtube http://www.youtube.com/watch?feature=player_detailpage&v=5OL_Lcyd834#t=314s

    Criador do tópico Thalles_ramos22

    (@thalles_ramos22)

    14 anos, 1 mês atrás

    Léo, agradeço a paciência na ajuda sobre o meu problema, e ppeço disculpas se to chateando muito.. ^^

    vou tentar fazer o rastreamento e ver se consigo sanar o problema.

    se não der certo vou subir essas modificações no meu site na web e tentar mostrar a vc…

    mais uma dúvida, eu preciso xamar o css e o javascripto head da minha página através dos comandos: <link “códigos” /> e <script ‘códigos’></script>

Visualizando 15 respostas - 1 até 15 (de um total de 16)
1 2

O tópico ‘Inserir PHP, CSS em páginas WordPress’ está fechado para novas respostas.