Skeleton Child Theme Adicionar barra de icons para header Flex Grid

Skeleton Child Theme Versão 1.6

WordPress Versão 3.4.2

Tema filho instalado no Multisite principal: public_html, wp-content, themes.

Meu CSS, habilidades de codificação PHP = NOVICE

O que eu fiz: usando as opções de tema, menu de texto de header extra. Eu adicionei quatro links de texto e uma barra de icons de mídia social de 10 icons (24x24px) na parte superior direita do header 960px. Eu usei p na linha com os quatro links de texto. Esses links estão acima da barra de icons. Eu usei img src com float left (5px) margem de preenchimento direto para espaçar os icons em uma linha. Não adicionei ou altere style.scc ou header.php ou functions.php.

<a href="http://.......

Acabei de cortar e colar as linhas src img para todos os 10 icons. Os icons ainda não estão relacionados a nada. Eu sei que deve haver um modo CSS elegante de marcar a lista de icons em linha, mas não sei como fazê-lo. Não tenho ideia de como chamar funções, abrir ou fechar ganchos ou filtros – então, se a solução envolve essas ou habilidades de codificação semelhantes, então, seja gentil em mim e explique em qual arquivo e em qual parte do arquivo o novo código pode ir . O arquivo de funções do tema de crianças do esqueleto contém muitos comentários que explicam como e quando as funções são chamadas, mas não tenho certeza do que está habilitado e do que não é, ou como descobrir quais modelos são usados, se eles estiverem sendo usados , quando eles estão sendo usados, onde eles estão localizados ou como alterá-los. Sim, eu sei, ter um curso de nível universitário em PHP seria útil! 😛

Problema: Ao resize ou visualizar em um iPhone, os quatro links de texto se sobrepõem logo acima da imagem do logotipo (isso parece certo) – mas a barra de icons desliza para a esquerda para OVERLAP a imagem do logotipo. As imagens do ícone estão no topo da imagem do logotipo – isso NÃO ESTÁ ok.

O que eu gostaria de fazer: no tamanho normal de 960px, eu gostaria que os quatro links de texto e a barra de icons fossem justificados de cima direita ou centrados, de acordo com a imagem do logotipo. Ao resize a grade, gostaria que os quatro links de texto deslize acima da imagem do logotipo e a barra de icons para deslizar abaixo da imagem do logotipo. (Ou ambos podem deslizar abaixo da imagem do logotipo, desde que os links de texto estejam empilhados acima da barra de icons).

O que eu gostaria de não fazer: adicione os quatro links de texto ACIMA do header em 960px, não (talvez … alinhado à direita). Adicione a barra de icons ABAIXO do header em 960px, no.

O que eu acho que pode funcionar: em algum lugar nos valores de function st_header_open (), deve haver uma maneira de segmentar a grade de header em duas partes (em vez de um grande espaço de 960px) para que a imagem do logotipo esteja à esquerda e os quatro links de texto e ícone bar está à direita; Quando a página re-dimensiona a metade direita do header desliza pela metade esquerda. Ou talvez três partes, uma à esquerda com a imagem do logotipo e duas à direita; a parte superior que contém os quatro links de texto e a parte inferior que contém a barra de icons. Idealmente, eu gostaria de saber como segmentar o header, no entanto, eu desejo e poder controlar como cada seção empilha na exibição do iPhone. Um link para um tutorial geral sobre isso seria ótimo. Ainda não encontrei um que um novato no meu nível possa entender.

Pergunta: O acima é possível através das opções de tema, janela de edição de texto de header extra ou preciso alterar o (s) arquivo (s) php do tema filho? Uma explicação e passo a passo (especialmente onde o novo código iria, em que arquivo e em qual parte do arquivo) para um NOVICE WP tinkerer seria mais apreciado.

Qualquer indício de como alterar a cor de fundo do (s) espaço (s) de header acima também seria muito apreciado.

obrigado

Solutions Collecting From Web of "Skeleton Child Theme Adicionar barra de icons para header Flex Grid"