Tuesday, 19 December 2017

Opções de wordpress


Como criar uma página de opções de tema para o WordPress 17 de setembro de 2017 Se você já usou um tema premium do WordPress, você teria visto a página de opções de tema personalizada que está disponível. A página de opções do tema que se encontra no menu de aparência que permite ao administrador do site WordPress alterar algumas das configurações do tema. A maioria dos temas premium virá com opções para alterar as cores de fontes, origens, alterações de imagens ou tipos de fontes. Qualquer coisa que lhe permita modelar o tema do WordPress. Alguns dos campos mais comuns a serem alterados são: Opções do tema - Para editar o logotipo do tema, altere a folha de estilos, faça o upload de um novo favicon, Adicione o código do Google Analytics, insira o URL do feedburner e adicione CSS personalizado. Opções de estilo - Altere a cor do fundo ou mude a imagem de fundo. Fontes - Mude a fonte em todas as suas tags de cabeçalho ou o texto do conteúdo principal. Social - Fornecer o tema com os seus perfis de redes sociais tornará mais fácil o link para eles em partes do seu tema ou exiba seus tweets mais recentes. As páginas de opções também podem ser usadas em plugins para alterar configurações e personalizar o plugin. Exemplos de páginas de opções de tema Aqui está o que parece uma parte da página de opções de temas de temas premium. Como criar uma página de opções de tema Ao criar uma página de opções, há algumas coisas que você precisa configurar. Adicionar Menu - Se você quiser exibir o menu no menu de aparência ou se quiser dar à página de opções seu próprio menu. Adicionar Seções - Estas são seções de configurações que você está adicionando à página de opções. Configurações de Registro - As configurações são os diferentes campos que você está adicionando à página de opções, eles precisam ser registrados com a API de configurações. Configurações de exibição - A API de configurações será usada para chamar uma função para exibir a configuração. Validar Configuração - Quando o usuário salva o campo de configurações, a entrada precisará ser validada antes de ser armazenada na tabela de opções. Mensagens de Feedback - Quando as configurações são salvas, você deve poder enviar comentários ao usuário se as configurações foram salvas com sucesso ou se houve um erro durante a validação. Para nos ajudar a executar todas essas tarefas, existe uma API do WordPress denominada API de Configurações. Esta API permite que as páginas de administração gerenciem os formulários de configuração semi-automaticamente. Com a API, você pode definir páginas para as configurações, seções para as configurações e campos para as configurações. Isso funciona registrando os campos de configuração a serem exibidos dentro das seções e a página exibirá essas seções. O Wordpress usa a API de configurações por padrão em páginas de administração existentes, o que significa que, ao usar a API de configurações, você pode adicionar às páginas existentes registrando novas configurações. Toda a validação deve ser realizada pelo desenvolvedor das páginas de configurações, mas a API de configurações controlará a criação do formulário e armazenará os valores no formulário na tabela de opções. Adicionar menu ao WordPress Admin Ao adicionar um menu à tela de administração do WordPress você tem muita flexibilidade, você tem a opção de adicionar novos itens de menu ou adicionar o menu como um submenu. Para adicionar um menu de nível superior, use a seguinte função addmenupage (). Pagetitle - O título usado na página de configurações. Menutitle - O título usado no menu. Capacidade - Somente exibe o menu se o usuário corresponder a essa capacidade. Menuslug - O nome exclusivo da slug do menu. Função - Esta é a função de retorno de chamada para executar para exibir a página. Iconurl - Exibe um ícone apenas para o menu. Posição - Isso permite que você escolha quando o item do menu aparecer na lista. Se você preferir ter o menu sob o menu parente de aparência, você pode usar o seguinte trecho de código. Ou você pode usar a função addthemepage () que irá adicionar um sub-menu no menu de aparência. Registrando as configurações Para começar, precisamos registrar o grupo de configurações que vamos armazenar os valores da página de configurações. Isso usará a API de Configurações para definir o grupo de configurações, então adicionaremos as configurações a um grupo. Quando você armazena as configurações neste grupo, eles são armazenados na tabela do banco de dados wpoptions para que você possa obter esses valores em uma data posterior. A tabela wpoptions é um emparelhamento de valores chave armazenado no banco de dados. Isto é o que você deve usar ao armazenar dados de longo prazo em seu site WordPress. Se você está armazenando uma grande quantidade de dados é a melhor prática para transformar os dados em uma matriz e armazená-lo sob uma chave, em vez de armazenar todos os valores em várias chaves. Isso significa que, se você tiver uma página de configurações para alterar o logotipo do site, cor de fundo, fonte, tamanho da fonte, etc., você não terá uma opção para cada um desses, mas você irá agrupá-los em um grupo de opções. A razão pela qual você faz isso é aumentar a eficiência da base de dados ao não adicionar muitas linhas ao banco de dados de opções. Para registrar configurações na API de configurações, você precisa usar a função registeriesetting (). Os parâmetros que você passa para isso são: Grupo de opções - O nome do grupo de configurações que você vai armazenar. Isso deve corresponder ao nome do grupo usado na função settingsfield (). Nome da opção - O nome da opção que será salvo, esta é a chave que é usada na tabela de opções. Sanitize Callback - Esta é a função que é usada para validar as configurações para este grupo de opções. Adicionar Seções às Configurações Uma vez que as configurações estão registradas, podemos adicionar grupos de seção à API de Configurações. Isso nos permitirá organizar as configurações na página, para que você possa adicionar estilos para exibi-los de forma diferente na página. O benefício de adicionar seções na sua API de Configurações é para que possamos chamar a função dosettingssections (), pois isso exibirá todas as configurações nesta seção. Para criar suas próprias configurações, tudo o que você precisa fazer é usar a função addsettingssection (). Os parâmetros que você precisa usar nesta função são: Id - String para usar para o ID da seção. Título - O título a ser usado na seção. Callback - Esta é a função que exibirá as configurações na página. Página - Esta é a página que está exibindo a seção, deve corresponder ao slug do menu da página. Adicionar campos às seções A última função importante que precisamos usar para adicionar configurações à página é a função addsettingsfield (), isso é usado como parte da API de configurações para definir campos para uma seção. A função precisará conhecer a slug da página e a seção Id antes de você definir as configurações a serem usadas. Todas as configurações que você configurou aqui serão armazenadas na tabela de opções sob a chave usada na função registersettings (). Para usar esta função, é necessário adicionar os seguintes parâmetros. ID - ID do campo Título - Título do campo. Callback - Função usada para exibir a configuração. Isso é muito importante, pois é usado para exibir o campo de entrada que deseja. Page - Página que vai exibir o campo deve ser o mesmo que o slug do menu na seção. Section - Section Id ao qual o campo será adicionado. Args - Argumentos adicionais que são passados ​​para a função de retorno de chamada. Exemplo de utilização da API de configurações Há uma grande quantidade de informações para incluir acima para criar essa página de configurações para que possa parecer um pouco complicado, mas uma vez que você consegue a cabeça em torno da estrutura, a API de Configurações é realmente fácil de entender. A melhor maneira de entender como isso tudo funciona é mostrar-lhe um exemplo. Criar uma página de opção de tema com um campo de caixa de texto Neste exemplo, criaremos uma página de opção de tema e adicionaremos uma caixa de texto na página para adicionar texto adicional ao index. php. Basta adicionar o seguinte ao arquivo functions. php para criar uma página de opções de tema. Primeiro começamos criando o item de menu no menu de aparência usando a função addtheme () na ação adminmenu. Como você pode ver acima, configuramos a função de retorno de chamada para a página de opções do tema para ser puthemepage, então precisamos criar essa função para exibir nossa página. Aqui nós criamos um formulário para enviar às opções. php para que possamos salvar na tabela de opções, chamamos settingsfields () para obter as configurações em registersettings () e use a função dosettingssections () para exibir nossas configurações. A função de retorno de chamada na criação de seções pode ser usada para adicionar informações de adição que aparecerão acima de cada seção, neste exemplo, estamos deixando isso em branco. A função de retorno de chamada na função addsettingsfield () é passível de exibição. Esta é a função que vai fazer eco da exibição de qualquer entrada na página. O parâmetro para esta função é o valor args no addsettingsfield () podemos usar isso para adicionar coisas como id, name, default value etc. Queremos obter quaisquer valores existentes da tabela wpoption para exibir quaisquer valores que anteriormente digitaram por O usuário, faça isso, obtemos os valores da tabela usando a função getoption (). Finalmente, podemos validar os valores adicionados ao formulário criando a função de retorno de validação puvalidatesettings. Tudo isso faz no momento é loop através das entradas passadas para ele e verifica se é uma letra ou um número. O retorno desta função é o que será adicionado ao banco de dados. Se você copiar todos os fragmentos acima em seu arquivo functions. php, você verá este formulário de opções no menu de aparência. Usando opções de tema dentro do seu tema Agora que você entende como criar uma página de opções de tema, você pode usar esse valor no seu tema para que você possa alterar as configurações. Todas as configurações são armazenadas na tabela wpoptions com o WordPress, é muito fácil obter esses valores, tudo o que você precisa fazer é usar a função getoption (). O nome da opção é o nome que você colocou na função registersettings (). Então, no nosso exemplo acima, você usará esse código. A variável de opções agora armazena uma matriz dos valores das opções do tema, que você pode exibir o valor da caixa de texto que colocamos na página usando este trecho. Conclusão É o básico que você precisa entender para usar a API de Configurações. Agora você pode tirar essa informação e criar sua própria página de opções de tema. Experimente com diferentes tipos de entrada que você pode adicionar ao formulário, experimente com diferentes métodos de validação que você deseja usar. Em futuros tutoriais, publicarei como você pode usar alguns dos aplicativos de terceiros incorporados do WordPress para criar uma melhor experiência de usuário no painel de opções do seu tema. Isso incluirá coisas como seletoras de cores, selecionadores de data, recursos jQuery UI, etc. Como você pode ver, criamos uma página de opções de configurações em pouco mais de 100 linhas de código, por isso não é difícil de fazer, mas são alguns passos para E os recursos podem ser expandidos. Por esta razão, as pessoas criaram estruturas de opções de temas para permitir que você crie facilmente uma página de opções de tema com um nível de complexidade muito maior com as opções. Mas, como muitos outros frameworks, sempre recomendo que você aprenda o básico antes de usar uma estrutura, por isso é importante entender como funciona a API de configurações antes de usar ou criar uma estrutura de página de configurações. WordPress Theme Customiser Se todas as configurações que você está fazendo na página de opções do tema são apenas para mudanças estéticas, como a família de fontes, o tamanho da fonte, cores de fundo, etc., então você deve procurar usar o novo Customiser do tema do WordPress. Criado na versão 3.4 do WordPress, ele permite que você crie uma série de campos na área de administração, isso permitirá que seus visitantes façam alterações no tema e vejam essas mudanças em tempo real na janela de visualização. Hospedagem com WordPress mais rápido com WPEngine Velocidade deslumbrante, segurança poderosa e melhor serviço de atendimento ao cliente. No WP Engine. A configuração Opções de página permite que você defina pais e modelos de página e altere a ordem de suas páginas. Pode ser encontrado no lado esquerdo do editor da página. Página principal Você pode organizar suas páginas em hierarquias selecionando uma página de nível superior para suas outras páginas. As páginas que estão sob uma página pai são chamadas de páginas filho. Por exemplo, você poderia ter uma página sobre pai que tenha páginas da vida e meus filhos nas suas páginas secundárias. Sob o número 8220Mi Cães8221, você pode ter outra página intitulada 8220Rosco8221. Os URLs podem ter esta aparência: Nota: Algumas linguetas. Como 8220author, 8221 8220tag, 8221 e 8220category8221 são reservados para usos especiais. Você pode criar uma página filho se a página principal usar uma dessas lesmas reservadas. Com o tema Twenty Eleven ativado, seria assim: não há limites para o quanto você pode aninhar páginas. Nota: nem todos os temas exibem hierarquias de página por padrão no menu de navegação. Se for esse o caso com o tema que você está usando, você pode usar o recurso Menus personalizados para criar subpáginas e personalizar seus menus de navegação. Alguns temas possuem modelos adicionais que você pode usar para criar páginas com recursos adicionais ou layouts personalizados. Você pode ver se o seu tema atual possui algum modelo adicional, verificando a seção Modelo do módulo Opções da página. Os modelos mais comuns são para arquivos, links e páginas de contato. Por exemplo, o tema Bueno possui modelos adicionais que facilitam a criação de uma página de Arquivos, página de Largura Completa e Sitemap: os usuários não podem modificar os modelos ou adicionar os seus próprios. Você só pode selecionar a partir da lista, que depende do tema que você ativou. Você pode alterar a ordem em que suas páginas são exibidas usando o campo Ordem do módulo Opções de página. Let8217s dizem que você tem três páginas: Sobre, Fotos, Contato Se você quisesse aparecer em primeiro lugar, you8217d precisa fazer o seguinte: Vá para Páginas no seu painel Descubra a página Sobre e clique no título. Localize o módulo Opções de página à esquerda do editor. Coloque o número 1 na caixa para Ordem. Isso diz ao WordPress que exiba esta página primeiro em seu site. Clique no botão Atualizar. Repita o processo para as outras páginas, mas use números mais altos para o campo Ordem: 2, 3, etc. Isso diz ao WordPress que exiba essas páginas em segundo e terceiro em seu blog. Se você estiver usando o Widget de Páginas. Certifique-se de configurar a opção Ordenar por por ordem da página depois de definir uma ordem personalizada para suas páginas. Em seguida, clique em Salvar amplo. Publique. Ainda confuso Ajude-nos a melhorar: sempre procuramos melhorar a nossa documentação. Se esta página não respondeu a sua pergunta ou deixou você querendo mais, avise-nos. Nós amamos ouvir seus comentários. Para suporte, use o fórum ou o formulário de suporte de contato. Obrigado Não é o que você está procurando

No comments:

Post a Comment