Criar uma página no WordPress

  • Qual é a diferença entre uma Página e um Artigo?

Uma página é utilizada para conteúdo “Estático” ou seja ela permanece a longo prazo no sitio e é geralmente associada a um Menu.

Um Artigo é usado para conteúdos de natureza cronológica e temática. Ao ser criado e guardado está associado a uma ordem cronológica e a uma categoria temática.

  • Vamos aprender como se cria uma Página no wordpress:

Ao clicarmos no Menu Páginas, ao lado do menu-Nova Página. Introduzir um titulo. Em baixo escrever o conteúdo a que se refere esta página a atualizar. Guardar Rascunho e Pré-Visualizar se for necessário, ou então faz logo atualizar.

  • A outra  diferença entre salvar um artigo ou uma página é o botão que para salvar o trabalho é chamado de ” Atualizar ” em vez de ” Publicar”.

Redimensionar e cortar imagens no WordPress

Os ficheiros de imagens carregadas para a MULTIMÉDIA do WordPress (original) o seu tamanho definido é de 1 MB (1024 MB).  Ainda pode ser redimensionado para um tamanho menor na edição de imagem. O editor de imagem do WordPress permite seleccionar três tamanhos por opção: Miniatura, Médio, Grande e Original já com valores atribuídos e o mínimo é 150X150. Selecciona-se o tamanho a inserir no artigo.

1 – Como saber o tamanho de uma imagem

Quando se activa a imagem ela indica o seu posicionamento e o lápis símbolo de edição. Qual o seu tamanho? Médio – 300X242

Já estão criadas as condições para redimensionarem os ficheiros de imagem de tamanho menor que o original.

Esta imagem abaixo tem de tamanho original = 5466×3642 

Como redimensioná-la para tamanho menor=1000X666

Procedimentos: 

Depois de redimensionada o seu tamanho é este que se encontra a seguir, tamanho menor: 1000X666

2 – Ferramentas de imagem do WordPress

Seleccionar e recortar parte da imagem, no wordpress

Nos detalhes do anexo estão as ferramentas de recorte (depois de seleccionada a imagem), rodar, virar cima e baixo e em forma de espelho. Assim que é seleccionada a imagem assume o tamanho em função do recorte e o rácio (16:9 ou 4:3) é o único valor a colocar. O recorte fica concluído depois de guardar.

 

Depois de guardada confirma-se se o recorte está bem. Olhando para as duas fotos acima e abaixo é visível exactamente.

Pretende-se inserir a imagem recortada no artigo.

Como proceder: 

Adicionar multimédia, selecciona-se a imagem pretendida e ela surge numa barra ao fundo da biblioteca de Imagens.

Ao surgir numa barra ao fundo quer  informar que foi recortada e muitas outras depois de recortadas vão para a mesma barra.

Outro arquivo de imagens recortadas.

Só se deve limpar as imagens que não são utilizadas.

Depois de tudo o que se fez a foto original está sempre pronta a ser vista. Ao editar a imagem as opções visíveis são: editar original, substituir e actualizar

     Repor o original –  5472 × 3648 (1.002 KB)

3 – Editar imagem e criar uma Miniatura

Para inserir uma miniatura no artigo,  é preciso seleccionar a imagem, escolher a opção de miniatura 150X150 e o programa automaticamente a redimensiona e depois actualizar.  O arquivo de imagens no WordPress guarda todos os tipos de alterações nunca perdendo o original só se for eliminado.

WordPress-Reduzir Imagens até 1MB

O que faz o WordPress

O WordPress das várias funcionalidades que tem na sua edição e publicação (widgets, plugins...) a nível da edição de imagens não tem forma de reduzir o seu tamanho para 1 MB, daí surgir um alerta quando se carregam as imagens de tamanho superior.

Quando editamos imagens de tamanho aceitável só permite: recortar, rodar, e criar miniaturas com o modelo original. Uma imagem ou fotografia tirada do telemóvel ou de uma máquina fotográfica ultrapassa sempre mais de 1 MB devido à resolução de imagem digital que dispõem e assim ficamos limitados à sua edição e publicação.

Carregar ficheiros de imagens quer nos artigos ou num destaque do artigo e que ultrapasse 1MB o que devemos fazer?

Programa web

Na aula anterior reduzimos as imagens com o programa que está disponível na web gratuitamente, é seguro "https://www.easy-resize.com/pt/" e reduz as imagens recarregando depois uma a uma para o PC.

Vantagens: O programa está na web, é seguro, não tenho que fazer o download para o PC e permite-me reduzir as imagens até a 1 MB muitas ou poucas e resolve à partida o que se pretende.

Inconvenientes: Recorrer sempre à InternetCarregar as imagens demora algum tempo, a transferência das mesmas é feita uma a uma. Depois dar o nome a cada uma delas antes ou depois de as reduzir, requer algum trabalho. As imagens vão do PC para a web e depois da web para o PC, ou seja o trabalho é feito em duplicado.

Programa a instalar no PC

Outra solução: Se tivermos o programa instalado no PC  "Ligth Image Resizer4" sempre que for necessário está disponível, sem ter que recorrer à Internet. Reduz um conjunto de imagens, são numeradas automaticamente pelo programa e recorrendo às opções temos mais funcionalidades como: Geral, Efeitos, Diversos e Publicar (Email). Tem um guião de ajuda com o símbolo ? ao lado dos campos  de edição. 

Este programa é muito simples "Ligth Image Resizer4", é gratuito,  permite  reduzir as imagens até 1 MB (1024 MB) e dar-lhe efeitos adicionais como uma moldura, marca de água (referência do autor)... Este programa vai funcionar no computador pessoal e não na web.

Vamos fazer a transferência deste programa e executá-lo no PC de cada um e aplicar os conhecimentos que dele podemos usufruir.

Nota: Por definição na pesquisa da Google aparece Ligth Image Resizer5 que é a última versão e permite redimensionar até 100 imagens, não interessa para o o wordpress.

ATENÇÃO:

Sempre que se inicia o programa "Ligth Image Resizer4" ele aparece com uma cx de diálogo a informar que esta cx só aparece porque não está registada mas é totalmente funcional.

Então basta esperar uns segundos e clicar em Continuar e o programa está pronto a usar.

Porquê uma Internet Segura?

Navegar em segurança

No dia 6 de Fevereiro de 2018, dia da nossa aula de Informática Web, todos os anos comemoramos o Dia da Internet Mais Segura. Este dia é sempre relembrado e  assinalado na nossa turma com apresentações alusivas ao dia. Este ano participamos com FCT na apresentação que elaboraram sobre o dia da internet mais segura. A segurança iniciou logo com uma inscrição por parte dos interessados e depois de inscritos assistimos a um conjunto de informações úteis. Ficamos sempre sensibilizados com a diversidade de informação sempre nova que estes programas nos apresentam e os alertas que pretendem informar em todas as idades. Somos todos consumidores actuais de informação web daí toda a segurança e conhecimento estão em constante actualização.

Segurança WEB

A utilização das Tecnologias de Informação e Comunicação (TIC) tem transformado profundamente a maneira como as pessoas vivem, como aprendem, trabalham, ocupam os tempos livres e interagem, tanto nas relações pessoais como com as organizações web.
Sempre que recorremos à Internet e a um browser para pesquisa há sites de todo o tipo que logo à partida não nos dão confiança. É aqui que a nossa observação e inteligência têm que actuar. A barra de endereços indica-nos símbolos que nos ajudam a proteger os nossos dados e o nosso Pc. Segurança é com https e esta tem custos. É sempre um risco que estes sites correm e estão mais sujeitos a ser atacados, para além de alguma segurança que possam ter. Noutra aula iremos abordar este assunto com mais pormenor.

Internet Mais Segura

Na sala de aula

Dia Internacional da Internet Segura

Segurança na Internet

A utilização das Tecnologias de Informação e Comunicação (TIC) tem transformado profundamente a maneira como as pessoas vivem, como aprendem, trabalham, ocupam os tempos livres e interagem, tanto nas relações pessoais como com as organizações...

Todos os anos, este dia, é comemorado no 2º mês do ano, na 2ª semana do mês e no 2º dia da semana, desde 1999.

Em 2018 é comemorado em 6 de fevereiro. Para celebrar a natureza positiva da Internet, o tema 2018 é: "Criar, Conectar e Compartilhar Respeito - Uma Internet melhor começa com por cada um de nós“.

Somos convidados a participar no movimento global, participar e aproveitar ao máximo a Internet para unir pessoas e não destruí-las.

Ligação Segura

Os sites que procuramos são seguros?

A segurança é hoje em dia cada vez mais um factor importante a ter em conta quando se navega na Internet, principalmente para aquelas pessoas que recorrem à rede virtual para fazer compras online. Muitas das vezes as lojas online e sites de subscrições não estão devidamente seguros, utilizando não só plataformas vulneráveis e obsoletas, como também transferirem toda a informação por uma ligação não segura (HTTP). Têm sido feitos esforços ao longo dos últimos anos para que as empresas apostem na segurança online e tenham uma presença responsável na web...

Por norma, se um site utilizar um certificado SSL e a ligação for feita por HTTPS, o browser das visitas do um site irá destacar-se com uma barra a verde ou um cadeado (dependendo do certificado e do browser) que o mesmo é seguro. No entanto até muito recentemente, nenhum browser indicava que a ligação era insegura quando o site apenas era acessível por HTTP.

O que é um certificado SSL?

SSL (Secure Sockets Layer) fornece uma ligação segura, permitindo-lhe transmitir informação privada e dados sensíveis online. Quando um site utiliza uma ligação segura HTTPS com certificado SSL, é mostrado um cadeado na barra de endereço do browser, podendo a barra também aparecer a verde caso o site seja protegido por um certificado EV SSL (Extended Validation).

Hipchat e SlideShow

Criar artigos - Slideshow no wordpress

Aula prática: 
                  1ª parte - Criar um artigo no WordPress
  1. Abrir email da turma, hipchat e o vosso blog da web...ex: (luisabernardo.web.unisseixal.org)
  2. Criar um artigo com texto e 2 imagens no visual do wordpress, criar uma categoria e adicionar, tirar o visto sem categoria (guardar rascunho) prévisualizar e só depois de pronto Publicar
  3. Duplicar o mesmo artigo e agora a diferença clicando no menu Page Builder (coloca o artigo no tema e ajusta-o automaticamente). Vantagem de poder ser visto por telm, tablet ou monitor ou seja nas várias dimensões existentes no mercado. Clicar na tecla F12 e ver o efeito.
  4. Para terminar este segundo artigo basta concluir, previsualizar e Publicar
  5. O artigo feito no visual pode ser eliminado, uma vez que se opta pelo Page Builder

                    2ª parte - Criar um artigo de imagens

  1. As imagens devem ser tratadas e identificadas antes de serem inseridas na multimedia do wordpress e só depois no texto ou no slideshow
  2. Para mais que uma imagem a colocar no texto a solução é colocar um slideshow do wordpress no final do texto. Será outra opção em vez do Slidely. Uma versão está incorporada no wordpress e a outra está na web.
  3. Criar um slideshow no wordpress é como criar um novo artigo, titulo, seleccionar as imagens já identificadas, colocar a categoria e depois publicar.
  4. No artigo aonde se vai colocar este slideshow basta buscar o nome do titulo e ele automaticamente faz o resto, coloca o código.
                   3ª parte - HipChat - Enviar mensagens de Natal para o Grupo: