Tutorials How edit content from the front end Displaying items by tag: textual
Displaying items by tag: textual
Monday, 13 September 2010 19:56

Tutorial1pt: Edição Front End Joomla

Como editar conteudo do front end

Existem basicamente duas formas de lidar com os artigos (páginas) com Joomla:

a) da página de front end, a página pública, logando como "manager" autorizado
b) no painel de administração do back-end

  • Front end
edit from the front end
  • Back end
edit from back end

Como um primeiro exercício com Joomla, vamos editar com facilidade a partir do front end (site público com URL normal) um artigo (página), criado anteriormente.

Este é o caso quando, por exemplo, no início do desenvolvimento, o site já tem os links de navegação, mas apenas com as páginas "em construção": conteúdos textuais, gráficos e imagens ainda não estão totalmente prontas, e alguns novos elementos ainda vão a ser produzido e publicado.

editor icon

Logando com o nome do usuário e senha fornecidos pelo administrador, temos um menu adicional (menu do usuário) e uma pequena ícones de edição, esquerda ao lado do título. Para editar este artigo que já existe, clique na ícones e entra na area de edição.

Esta área tem três blocos:

1)Titulo e Editor

Aqui você pode gerenciar o título e editar ou adicionar texto, imagens, links, com um WYSYWYG editor fácil de usar. Quando você terminar, você pode salvar ou excluir.

 

 

2) Publicação

Aqui você pode gerenciar seções, categorias, datas e outros detalhes da publicação do artigo.

 

3) Metadata

No final, há o bloco de metadados, onde você pode digitar as descrições e palavras-chave para essa página, muito útil quando, com todo o conteúdo pronto, começar a trabalhar na otimização para motor de pesquisa .

1)Titulo e Editor

Por agora, vamos nos concentrar nas ferramentas básicas para edição de texto, imagens, formatar e criar links, a partir da perspectiva de alguém que não tem noção de HTML ou qualquer linguagem de programação web. Sob o campo Título: botões Salvar e Cancelar e há três linhas de ferramentas de edição. A primeira linha é dedicada a ferramentas de formatação de texto: aqui você pode fazer o texto em negrito, dão-lhe um alinhamento, estilo e tamanho pré-definido. A segunda linha tem as ferramentas para formatação de listas, criar links, inserir imagens. A partir da terceira linha, por enquanto, só vemos os instrumentos para a inserção da linha horizontal e caracteres especiais. Cada ícone tem um texto de ajuda que aparece quando você rolar o maus.

editor

Depois de escrever um texto, você pode ajustar o alinhamento, fazer negrito algumas palavras ou parágrafo, ou itálico ou sublinhado, você pode escolher entre alguns tamanho pré-definido (Título 1, titulo2 ...). A escolha de "estilos" por agora, deixamos com as folhas de estilo (CSS) geral de joomla.

Importante: se você trabalha com o "Word" ou algum programa de texto e copiar e colar o seu texto direito para o editor de joomla, colar anteriormente o texto no "notepad" (windows) ou algum outro editor de texto básico para perder a sua formatação, depois você pode copiar e colar texto sem formatação no joomla editor. A folha de estilo geral dará o formato correto.

Abaixo do campo do editor, geralmente há quatro botões: em especial, o botão da imagem é muito útil para a publicação de imagens e também dá a possibilidade de carregar arquivos.

Atenção: Se na sua janela de edição não ver qualquer ícones de ferramenta de edição, entra em contato com o administrador: ele precisa instalar ou ativar o editor WYSYWYG Joomla.

 

2) Publicação

Vamos agora para o bloco de publicação. Aqui você pode definir alguns detalhes da publicação, como o estado (se é publicado ou não), nível de acesso (público ou não), data da publicação, autor... aqui você também pode agir sobre seções e categorias, mas desde que você está trabalhando em um artigo que já existe, por enquanto deixar como está.

 

 

 

 

3) Metadata

A partir daqui, você pode gerenciar os metadados para este artigo, descrição e palavras-chave, muito útil quando então, quando todo o conteúdo está pronto, começar a trabalhar para a otimização de motor de busca.

 

 

 

 

É claro que este tutorial só pode dar uma introdução, melhor trabalhar pela primeira vez sob a supervisão do administrador. No entanto, agora o primeiro passo já foi feito, agora vamos nós ... com o painel de administração do back-end.
Published in tutorials
Monday, 13 September 2010 19:56

Tutorial1: Joomla front end edit

How edit content from the front end

There are basically two ways to manage content articles (pages) with Joomla:

a) from the front end site, logging as authorized "manager"
b) from the back end administration panel

  • Front end
edit from the front end
  • Back end
edit from back end

As first task with Joomla, we will easily, from the front end (normal URL-site) edit a pre-created item (page).

That´s the case, for example, when at the development beginning, the site has navigation links, but  just with already created "under construction" pages: textual, graphic and image content is still not completely ready, and some new element will be produced and published  everytime.

editor icon

Logging with the user ID and pass received from the administrator, it will appear an additional user menu and a small icon, left by the title. For editing this pre-created item, you will click on the small editing icon, and access the editor.

There, are 3 blocks, let have a look:

1)Title and Editor

Here you can manage title and edit or add text, images, links, with the easy to use WYSYWYG editor.When you´re done, you can save or cancel and leave.

 

 

2) Publishing

Here you can manage section, category, date and other publishing details of the article.

 

3) Metadata

Finally, let have a look at the metadata block, here you can input description and keyword for that page, very useful when you, with all content ready, start to work on the Search Engine Optimization.

1)Title and Editor

For now, we focus on the basic tools that we need for text editing, image publishing, formatting, linking, from the point of view of someone who does´nt have any knowledge of html or other web programming language. Below the Title: field and the Save and Cancel buttons, there are the three editor´s tool bars. The first bar is dedicated to text formatting tools: here you can make a text bold, give him an alignment, a style and a preformatted size. The second bar has the tool to format lists, indents, insert links and images. From the third, we´ll use for now just the horizontal ruler and the special characters. Each icon has a help text, appearing by rollover.

editor
After you digit a text, you could adjust the alignment,  make some word or paragraph bold, or italic or underlined, choose some pre-formatted pattern ( Heading 1, 2...). The "styles" choose, better for now don´t use it, leave it for the style sheet (CSS).
Important: if you are working with "word" or any word processor software, and want copy and paste your text into the joomla editor, you have to paste it at first in windows "notepad" or a similar basic text editor, to loose the formatting data, and after you can copy from there and paste the text unformatted into joomla editor field. The general page style sheet will give the right format.

Below the editor field, there are generally four buttons: specially Image, is very useful to publish images, giving you also the possibility for uploading.

Attention: if you don´t have in your editor window any tool or icons, contact your administrator: needs install or enable the WYSYWYG joomla editor.

 

2) Publishing

Now we change to the "publishing" block. Here you can set the publishing details, like the state (published or not), access level (public or not), publishing time, author... also you can act on the sections and category, but, assuming you now are working on pre-created articles, we leave it like it is.

 

 

 

 

3) Metadata

Here you will manage the metadata for this article, description and keywords, very usefull when you, with all content ready, start to work on the Search Engine Optimization.

 

 

 

 

Of course this quick tutorial give you just an introduction, better the first time you act on the site under administrator supervision. Anyway, the first step is done, now let´s go a bit deeper... to the back end panel.
Published in tutorials

Products Slide

image image image image image image
Web Business Card
Web Presentation
Online Shop
Community Portal
Flash: Sites and Games
Other
* * * * * *

Client Testimonial

AB is an EXCELLENT provider and I highly recommend it to anyone. It has proven a valuable asset to our team.

- Mike Paim, Milestone Data