Dica da Anna #5: Adicionando texto e imagens
Quando falo “adicionando texto & imagens” estou falando a respeito da parte central da página, não em quaisquer barras de menus, nem nas caixas localizadas nas laterais (como pesquisas, formulários de “login”, ou novos itens). Apenas a parte central de conteúdo (correspondente ao “jos_mainbody” que você colocou no seu template). Você já organizou o estilo do seu site Joomla (dica #2), então, agora você deseja criar conteúdos nas Categorias que você tem (as quais estão dentro das Seções que você também tem).
TinyMCE. O Joomla vem acompanhado do editor TinyMCE, do tipo wysiwyg (“what you see is what you get” – o que você vê é o que obtém). Para ativá-lo, vá, na área administrativa, até Mambots -> Site Mambots. “Unpublish” (Cancele a publicação) do editor “No WYSIWYG Editor” e “publish” (publique) “TinyMCE WYSIWYG Editor.” Se conhece html, recomendo colocar o editor “TinyMCE” no modo “advanced” (avançado). A partir de Mambots -> Site Mambots, clicar na opção correspondente ao “TinyMCE WYSIWYG Editor”. No lado direito, sob a coluna “parameters” (parâmetros), você pode ver a opção de “Funcionality” (funcionalidade) – “basic” (básico) significa que você não vê os códigos, enquanto a opção “advanced” (avançado) dá a você a opção de editar diretamente o código html (e dá-lhe, também, alguns ícones de edição a mais). Eu, de fato, recomendo com empenho a opção avançada devido aos “bugs” no editor TinyMCE (por exemplo, digitando B colocará o texto em negrito, mas não retirará o negrito; uma vez eu tive que pesquisar diretamente o código html e retirar cerca de 57 marcadores de um usuário frustrado).
Você pode adicionar texto & imagens adicionando conteúdo (Content -> All Content Items [or choose the category]) (Conteúdo -> Todos os itens de conteúdo [ou escolha uma categoria]). O título da página aparecerá no topo da página. O nome da página aparecerá na url (se você tiver “sef404” ou qualquer outro componente de busca amigável). Seu texto é dividido em duas partes, a “intro text” (texto de introdução) e o “main text” (texto principal). Aqui está a explanação do RedSoxCoder’s para as duas partes:
Existem duas partes por duas razões: A primeira é a mais comum, que é a que você pode usá-la para dividir o artigo em duas partes: a de introdução para a página principal e o artigo propriamente dito, que será acessado a partir do link “read more” (leia mais), que é a parte de introdução + o conteúdo principal unidos.
Mas, também existe uma opção que permite a você alterar isto. Isto significa que você pode empregar a parte de introdução para uma parte separada do texto a ser apresentada na página principal e a outra parte será para o artigo propriamente.
Exemplo: Você tem um site que apresenta sinopse de filmes e você tem várias pessoas escrevendo essas sinopses, mas somente uma pessoa editando o conteúdo da página principal. Você pode escrever o conteúdo da página principal (“intro” – introdução) um texto como: “Nosso crítico o Sr. XYZ viu o filme ZXC e escreveu uma sinopse para o nosso site... Leia Mais”
E, quando você clica a opção Leia Mais, você verá a sinopse.
Apenas selecione “hide intro text” (esconder o texto de introdução) na coluna “parameters” (parâmetros).
Opções muito excitantes que podem dar-lhe muitas funcionalidades ao conceito das duas partes do conteúdo.
Obrigado, RedSoxCoder! (Vá em frente, Sox!)
Imagens. Uma vez gastei duas horas para tentar colocar uma imagem no conteúdo. Eu não encontrava em nenhum lugar páginas de ajuda; ninguém respondia as minhas dúvidas no fórum; tudo que tentava não funcionava. Então, vou poupá-lo desse esforço – continue lendo!
Primeiro você precisa fazer o “upload” (carregamento) das imagens no “Media Manager” (Gerenciador de Recursos), e isso é muito óbvio e não requer maiores informações para fazer o carregamento dos arquivos. Apenas lembre-se que enquanto o botão “browse” está abaixo dos ícones dos arquivos, o botão “upload” está acima, na barra de ferramentas. O mesmo com a criação de diretórios – “create” (criar) abaixo, aperte o botão “create” acima.
Tão logo tenha suas imagens carregadas e armazenadas nas pastas específicas, você pode inseri-las a partir de qualquer item de conteúdo. O que não deve ser feito:
• Não empregue o editor “TinyMCE” para inserir imagens. Para fazer isso você precisa voltar ao “Media Manager” (Gerenciador de Recursos), pegar o endereço, copiar e colá-la na caixa, e em minha versão tem um “bug”, então, tão logo você faça tudo, o código html fica bagunçado e você tem que acessar o código para arrumá-lo.
• Não tente arrastar e soltar imagens da aba “images” (imagens) no seu editor wysiwyg. Embora isto pareça funcionar, o que você vê não é o que vai obter. Isto apenas insere “thumbnails” (uma foto minimizada) no seu conteúdo, então quando você observar a página no seu site, imagens muito pequenas aparecerão ao invés da imagem normal.
Há um botão mágico que você tem que pressionar para fazer o trabalho. O botão mágico está – não no editor, onde você poderia pensar que estivesse, e não na aba de imagens, também. Abaixo do editor, existem duas pequenas flores, uma com um “I” (“Insert Image” – inserir imagem) e a outra com um “P” (“insert page blake” – inserir interrupção de página). Quando o ponteiro do “mouse” estiver sobre eles, não aparecerá texto de ajuda para dizer-lhe para que eles servem. Clique na opção “Insert Image”. Isto irá inserir o seguinte texto no seu conteúdo: . Uma vez que você obtém isso, o painel “images” (imagens), localizado no lado direito será útil! Graças a Deus. Agora, vá até esse painel e encontre as suas imagens. Quando você clicar no botão “add” (adicionar), a imagem sera listada sob o tópico “Content Images” (Imagens do Conteúdo).
Cada vez que você clicar no botão mágico “I”, aparecerá no editor de texto. Isto não mostrará a imagem, ou qual imagem estará lá. Se você tiver mais que uma imagem, as imagens serão apresentadas na ordem em que são listadas sob o tópico “Content Images”. O que é ? Como eu o entendo, “jos_image” é um “mambot” (código) que coloca imagens no conteúdo. Para mais informações sobre “mambot”, veja a dica #8. De acordo com “tudorilisoi”, existe um outro código chamado mosthumb para fazer isso que você deseja – para mais informações, favor visitar: http://www.teachmejoomla.net/ (alterado link original pelo tradutor. O link original não mais existe)
Uma dica do Vizar:
Depois de muito testar e procurar, encontrei uma solução perfeita: emprego o editor “MosCE”. Empregando esse você pode incluir imagens diretamente ao texto e vê-las como aparecerão no conteúdo final (diferente do código {jos_img}), e isto tem várias opções extras. Você pode, inclusive, ajustar a aparência e funcionamento do editor através da configuração do seu componente.
Para fazer isso funcionar, você deve fazer o “upload” das imagens com o gerenciador de imagens (ou mesmo o JoomlaExplorer) para a pasta “images/stories” (e/ou sub-pastas adicionais abaixo dessa) para ver e usar as imagens no MosCE.
Nota do tradutor: sugiro dar uma olhada: http://forum.joomla.org/index.php?action=search2. Na caixa de busca ("Search for"), digitar "mosce" e pressionar "enter".
Obrigado pela dica!
Agora você tem o seu conteúdo – ótimo! Vamos fazer o link (relacionamento) de suas páginas.
| < Anterior | Próximo > |
|---|