Category: Pesquisa F5 Sites

Novos Conceitos de Identidade Visual para F5 Sites e todos meus projetos

Posted on | by Francisco Mat

E aí olha que legal tô trabalhando aqui no novo conceito de identidade visual de algumas páginas minhas. Eu quero conectar todas elas quando o usuários entrar na minha página de comédia e quando ele entrar no meu canal de turismo e ele entrar no meu site F5site.com, ele precisa ver que tá tudo conectado.

Então eu tô trabalhando aqui design hacks, ou seja, tem alguns hacks de design aqui: como uma fonte, a type face, adiciona significado do Design. Aqui a gente tá estudando how to pick the correct color: como escolher a melhor cor a melhor fonte alguns princípios porque vem aí a nova identidade visual de todos os meus projetos

Lógico que não vamos começar acertando, mas eu vou criar todo um padrão aqui. O Canva ele permite e você ter Marcas, cada design é uma peça única e tudo isso aqui vai mudar tudo vai mudar com o uso de kit de marca, que permite você ter um logo e algumas cores e as fontes que você quer.

Com isso eu vou padronizar todos os meus projetos em questão de cores, quando você entra num site da Google você sabe que é da Google por mais que ele seja diferente, por exemplo o Gmail é uma coisa o drive é outra, o google.com é outra, o YouTube é outra, mas tem alguns elementos ali que conectam todos eles e a isso que eu tô trabalhando agora.

Plugin F5 Sites Bar Atualizado

Posted on | by Francisco Mat

Há alguns anos lançamos o plugin F5 Sites Bar para compartilhar em toda a rede de sites e blogs Fnetwork uma barra, no topo de cada site, todos os principais projetos da F5 Sites.

Inspirado em um sites como o UOL e ESPN, onde seus blogs, subsites e até mesmo sistema de terceiros hospedados em seus servidores, apresentam uma barra acima com o link para o portal principal e outros links para os sistemas top nível.

Assim, os visitantes conseguem entender que estão dentro de uma rede de sites, conectados e que compartilham informações. Além de aumentar o link building e destacar a marca como provedora de serviços. No caso da F5 Sites somos uma empresa de hospedagem, tratando os projetos internos como projetos de clientes.

Update: Setembro de 2020, foi removido o bootstrap (3 e 4) da barra devido a vários conflitos com temas e sistemas, é necessário um grande esforço para normalização, por isso a barra só conta com o logo da F5 Sites no topo e a localização flutuando a direita.

Maio de 2020: Agora as informações estão muito mais organizadas, pois a atualização contou com a instalação do Bootstrap 4, trazendo uma grande melhoria na aparência e principalmente responsividade, já que a barra se adapta para tos os dispositivos e o menu colapsa (encolhe) e expande, e se ajusta em qualquer tamanho de tela.

Um problema para sua implementação imediata é que alguns projetos utilizam o Bootstrap 3, então houve uma quebra destes e está sendo realizado um grande esforço para atualização de toda a nossa base de projetos.

Bloqueado Painel (wp-admin) em Produção via .htaccess

Posted on | by Francisco Mat

Por uma questão de segurança e manutenção de sistema de backup automatizado, foi bloqueado o acesso ao painel do WordPress, de todos os nossos sites, em produção.

É uma questão de segurança pois evita o ataque do tipo força bruta ou outros, protegendo com mais uma camada as informações do nosso banco.
Em relação à manutenção de backup e do banco de dados em ambiente de produção, é para evitar a publicação de posts e mídias em produção sem o seu correspondente no ambiente de desenvolvimento e QA.

Utilizamos o nosso plugin script BSD e WPSQL para esta automação, assim recomendamos que você conheça nossas soluções de código aberto e tente de adotá-las em seus projetos para ter um maior controle da automação.

Aprenda como fazer este tipo de bloqueio de segurança no blog do CursoWP.

Login Com Facebook e Google: Rede Fnetwork Conectada

Posted on | by Francisco Mat

Em 2016 iniciei o projeto da FNetwork, foi um retrocesso em muitos termos, o primeiro passo foi unificar todos os usuários de vários projetos num banco de dados único. Para isso todos os sites foram desativados por meses, após conseguir essa unificação tinha disponível somente o formulário padrão de registro do wordpress em cada projeto.

Os usuários do Pomodoros já utilizam de forma “pesada” a integração com o Facebook, sempre soube da importância de se deixar pronto esta integração novamente, mas de que adiantaria apenas um site conectado com o Facebook? Um usuário que logar com o Facebook no Pomodoros terá acesso a todos os nossos serviços, atuais e futuros.

Parte Técnica: Plugin wp-social-login (fork)

Fazemos aqui uma indicação deste excelente plugin para fazer login com redes sociais, nós avaliamos como 5 estrelas no diretório do WordPress. Existe serviços de terceiros que são oferecidos para isso, integração de  sites com redes sociais, com altos custos, basta você pesquisar no Google para perceber que este é um novo filão.

Mas os criadores deste plugin se mantiveram “raíz”, permitindo aos próprios usuários configurarem seus domínios para se conectarem diretamente com os servidores das redes sociais. Ao final, quando tudo corretamente configurado, o usuário clica em um botão e se torna um membro registrado do site.

Como utilizamos uma configuração especial com uso intenso da pasta mu-plugins, já que plugins que são colocados nesta pasta são automaticamente ativados/desativados pelo WordPress. Assim não precisamos entrar no painel, porém, a maioria dos plugins exige uma configuração inicial mínima, por isso fazemos forks de vários plugins, adicionando scripts que se auto-configuram para cada domínio.

Graças a API do Google e Facebook ficou muito fácil configurar vários domínios, já que o mesmo aplicativo permite diversas URLs de retorno. Assim agora temos configurado para nossos domínios o login do Facebook e Google. Com isto esperamos aumentar (e muito) (e muito rápido) nossa base de usuários.