Fichas
WordPress Theme Development
Fichas del conjunto (41)
- 1Quais arquivos são requeridos para criar um Theme que apareça e possa ser ativo no admin-area do wordpress?Os arquivos basicos para a execução são, index.php e style.css
- 2Porque é muito importante as meta informações que vão no arquivo style.css?Todas as informações presentes do Theme, como autor, descrição, tags e imagens são todas provenientes de meta informações localizadas no arquivo 'style.css'.
- 3Como introduzimos essas meta informações no arquivo 'style.css'?Colocamos o modelo comentado de forma que irá preencher todas as informações corretamente no admin-area, também podemos adicionar um arquivo de nome 'screenshot.png' de mais ou menos '880px x 660px' na pasta raiz do theme, desta forma todas as nossas informações serão extraidas do meta dados de 'style.css' e a imagem irá gerar o preview no admin area.
- 4Como adicionamos arquivos css apropriadamente em um 'WordPress Theme'?Criamos uma função, como nome:
nomeQUEqueremos_theme_style
function nomeQUEquero_theme_style() {
utilizamos a função wp_enqueue_style('archive_name') ,
get_template_directory_uri() . '/css/foundations.css');
}
então para adicionar a pagina precismos de mais uma função, após todas as nossos arquivos css já estarem carregados na função acima^
add_action( 'wp_enqueue_scripts', 'nomeQUEquiser_theme_style'); - 5Como adicionamos arquivos java script apropriadamente em um 'WordPress Theme'?Vamos criar funções chamando eles de forma dinâmica, como no css, porém quando chamamos o javascript vamos dispor de mais parametros, como não só o nome do arquivo e o caminho dinamico, como um array com arquivos requeridos para o script funcionar e outros parametros.
por ultimo devemos chamar a função
add_action, para que ela seja ativa .
//puxando os arquivos de forma dinamica:
function myName_them_js() {
wp_enqueue_scripts('main_js', get_template_directory_uri() . '/js/app.js'), array('jquey', 'foundation_js'), '', true)
}
//carregando os arquivos
add_action('wp_enqueue_scripts', 'wpt_thme_js');
//rodando os arquivos. - 6o que temos que fazer quando trabalhamos com jQuery em WordPress?Devemos envolver o codigo em um "noConflict" wrapper, que basicamente é :
jQuery(document).ready(funciton($){
code go here
});
temos que fazer isso porque WordPress trabalha com varias outras frameworks de jQuery, então é necessário especificar que $ é jQuery no inicio do código. - 7Como funciona a criação de uma header e footer no WordPress?Por padrão devemos nomear nossos arquivos como 'header.php', 'footer.php', e então para chamar esses arquivos no documento principal do WordPress como 'index.php', utilizamos o método
get_header() - sem parametro
get_footer() - sem parametro - 8Como fazemos para carregar os arquivos necessários, como css e javascript que adicionamos no arquivo 'functions.php'?existem duas funções para carregar os 'nameWant_theme_styles' e 'nameWant_theme_js';
a função é
antes o fechamento da tag
carrega todos os arquivos que por padrão são necessarios na execução antes do head, (normalmente css);
wp_footer()
carrega todos os arquivos que por padrão são necessarios a executação no final do carremento da pagina, ( normalmente scripts ) - 9Como funciona os "WordPress Loop"?O WordPress Loop funciona inicialmente com um if/else statement, onde verificasse se existe conteúdo para ser postado ou não, se sim, performar algo no while loop (enquanto tiver conteudo ele performa algo.) quando não existe performa outra coisa como "Não há contéudo".
Lembrar que o modo padrão "WordPress Loop" está disponível na documentação, então temos que usar as funções padrões do WordPress para apresentar o conteúdo atraves do loop while, usando por exemplo funções do posts, - 10Onde podemos encontrar todas as funções de referencia do WordPress?Em "Function Reference" no site
codex.wordpress.org - 11Qual a diferença entre funções que começam com "the_funcionName" e "get_functionName"the_functionName -> printa na tela (echo) a informação.
get_functionName -> Permite manipular ou armazenar em outra variavel a informação. - 12Como funciona os arquivos "index.php" e "page.php"?index.php funciona como base para criação de conteúdo que é administrado na área de "posts".
quando falamos de page.php, a base de conteúdo é estatica, trata-se do gerenciamento das pages como , contato, about... - 13Porque quando criamos novas "page theme models" temos que fazer um comentario com o nome no começo do codigo?Dessa forma, podemos desenvolver nosso codigo com o WordPress Loop, em uma estrutura diferente, quando vamos para o admin-area do WordPress podemos encontrar o theme dessa page model disponível para que criemos conteúdo encima dela. (ferramenta mto poderosa.)
- 14Porque precisamos passar a função 'add_theme_support(parameter)'?add_theme_support(menus), por exemplo, temos que utilizar essa função porque por padrão o wordpress não nos da controle do menu (apperance/menu);
temos que adicionar no topo do nosso arquivo 'function.php'
add_theme_support( 'menus' ) - 15Quais funções temos que utilizar para indicar que existe um menu?(on function.php)function register_theme_menus() {
register_nav_menus(
array(
'primary-menu' => _( 'Primary Menu')
)
);
}
add_action('init', 'register_theme_menus'); - 16Como introduzimos um menu em nosso arquivo php, como normalmente no "header.php"?false,
'theme_location' => 'primary-menu'
'menu_class' => 'no-bullet'
);
wp_nav_menu($defaults);
?>
***Lembrar que requer a configuração dos menus no admin-panel. - 17O que fazemos para criar um sistema de geração de conteúdo padrão como "Posts" e "Pages"?Podemos baixar um plug-in, com o nome de "Advanced Custom Fields" e "Custom Post Type UI"
Custom Post Type UI, vai criar a nova categoria e o "Advanced Custom Fields" vai criar as fields que queremos para essa categoria. - 18Qual add_theme_support, é necessario para que possamos adicionar imagens em nossos posts?Devemos adicionar em nosso arquivo function.php:
add_theme_support( 'post-thumbnails' ); - 19como criamos o "template" base para o gerador de conteúdo que criamos?primeiramente nomeamos a pagina corretametne, como "page-CONTENT_NAME.php"
nessa pagina vamos manipular os dados gerados no gerador de contéudo através do wp_query(), então para isso temos que:
criar um array passando os argumentos que queremos para o WP_QUERY:
$args = array(
'post_type' => 'portfolio'
);
/criar o objeto WP_QUERY passando o $args
$query = new WP_Query( $args ); - 20Como fica o loop para gerar contéudo nesse objeto '$query'?have_posts() ) : while( $query->have_posts() ) : $query->the_post();
- 21porque devemos utilizar o wp_reset_postdata(); ?Devemos utilizar para previr eventuais erros, por exemplo se tivermos mais de um loop na pagina podemos ter problemas.
- 22Como funciona a função the_post_thumbnail() ?A função aceita como parametro diversos tamanhos de imagens, como thumbnail (150px x 150px ), medium (300px x 300px),
large (640px x 640px max), full (original size uploaded).
the_post_thumbnail( array(100, 100)); //outras resoluções - 23Como funciona o nome do arquivo para custom posts, seguindo a convenção do wordpress?single-CUSTOMname.php
nomeando dessa forma, não precisamos fazer comentarios acima para idenficiar onde vão os posts realizados. - 24Como podemos acessar as informações dos campos corretos para utilizar em nossas pagina theme base? qual função utilizamos?Utilizando o plug-ing "Advanced Custom fields" podemos utilizar a função, the_field();
assim se queremos colocar a informação de uma sessão em um local como uma p tag, utilizamos:
description é o nome que utilizamos no field padrão, dessa forma podemos dispor as informações nos lugares corretos. - 25Como fazemos para criar um link que retorna a pagina, ou que mostra o proximo post de um conjunto ?temos que usar as funções >
Mostra o post anterior
-
Oferece a possibilida de retornar ao "portifolio"
Back to Portfolio -
Mostra o post seguinte - 26Como definimos a pagina inicial do nosso site?Customize / Static Front Page / Page name
- 27Qual é uma das habilidades mais importantes de um desenvolvedor wordpress?Saber identificar o conteúdo statico e adicionar no local correto o wordpress content.
- 28Explique as seguintes the_permalink(); ? the_title(); the_excerpt(); the_category(); the_post_thumbnail();the_permalink() - pode ser usado nos locais de href dentro dos loops, para identificar o proprio link do post.
the_title(); - é usado quando queremos printar o titulo do post.
the_excerpt() - ele é como the_content, porém ele só mostra uma pequena parte do post. (para pagina principal do blog, não os artigos em sí)
the_category() - nele está contido a categoria e tags que adicionamos no post.
the_post_thumbnail() - nele obtemos as imagens de contidas, lembrar que aceita parametros para o tamanho. - 29Porque get_ precisa ser adicionado se queremos rodar conditional statements?if(the_post_thumbnail()) {
}
vai printar "echo" o post thumbnail()
por isso temos que utilizar get na frente
para verificar se há imagens, como no exemplo:
if (get_the_post_thumbnail()) {
}; - 30Como podemos controlar o numero de caracters da função the_excerpt();?Podemos ir nem nosso arquivo, function.php
function wpt_excerpt_length( $length ) {
return 16;
}
add_filter( 'excerpt_length' , 'wpt_excerpt_length');
return 16- mantem 16 palavras como limite - 31O que acontece quando utilizamos o metodo "the_date" em um blog theme em wordpress?Quando utlizamos essa função, caso 2 posts tenham sido realizado no mesmo dia ele só irá 'echo' em um post, para corrigir esse problema temos que utilizar a função:
de forma que será 'echo' de forma correta. - 32Onde podemos controlar como os comentários funcionam dentro do site?Está localizado em :
Settings/Discussion Settings - 33Qual função precisamos adicionar para possibilitar comentarios?simplesmente o que temos que fazer é adicionar a função:
comments_template();
no local onde desejamos.
agora se queremos criar um template de comentarios customizavel, temos que criar um arquivo chamado, 'comments.php' - 34Qual arquivo é utilizado por padrão como "home page", que não necessita de configurações realizadas no admin-areacriamos nossa front-page no arquivo 'font-page.php'
- 35Qual o padrão de criação de arquivos, para pequenos blocos de codigo que vão em mais que um local?content-PAGE_NAME
por exemplo:
content-porfolio.php
pode armazenar o loop que vai tanto na parte do blog quanto na pagina inicial. - 36Caso queiramos limitar o numero de conteúdo visivel em uma pagina, qual função devemos utilizar?devemos utilizar a função WP_QUERY()
com parâmetro 'post_per_page' => value,
temos que passar um array com o valor correto, onde -1 é todos os posts e outro numero é outro numero, como 4 são 4 postos.
Exemplo;
$num_posts = ( is_front_page() ) ? 4 : -1;
(caso estejamos usando um bloco reutilizavel que é usado na home page e no blog principal, if else com outros operadores o ? :)
//criando o arquivo
$args = array(
'post_type' => 'portfolio',
'posts_per_page' => $num_posts
);
$query = new WP_QUERY($args);
passamos então o $query no loop que vai gerar conteúdo. - 37Qual problema temos com relação a pagina inicial, caso tenhamos um arquivo chamado 'front-page.php'existindo o arquivo 'front-page.php', ele vai acabar sobre escrevendo qualquer configuração feita no admin-area e será rodado independente de setar outra coisa ou não.
- 38O que temos que fazer para ativar a area de widgets?temos que adicionar ao nosso arquivo 'functions.php' o seguinte codigo:
'Home right sidebar',
'id' => 'home_right_1',
'before_widget' => '',
'after_widget' => '
',
'before_title' => '',
'after_title' => '
',
) );
}
add_action( 'widgets_init', 'arphabet_widgets_init' );
?> - 39O que devemos fazer para testar nosso "Theme"?1ºPasso é andar por todas as partes do site e verificar se todos os links estão funcionando, testar comentários, campos de busca.
- 40Quais funções utilizamos para colocar o nome do blog e a sessão no titulo da pagina?<?php wp_title( '|', true, 'right' ) ; bloginfo( 'name' ); ?>
- 41O que é importante fazer para que seja mostrado os erros que temos em nosso codigo durante o desenvolvimento?vamos no arquivo do wordpress
'wp-config.php'
e em
define('WP_DEBUG', false);
alteramos para true, dessa forma vamos ver todos os erros na tela.
É interessante lembrar que não é bom deixar ativo durante o site rodando, porém é fundamental quando estamos DESENVOLVENDO.
Información
- Descripción
- asa (WordPress ) Technical Skills Fichas sobre WordPress Theme Development, creado por Victor Bini el 05/10/2016.
- Creado por
- Victor Bini
- Visitas
- 2
- Valoración