SdevLab – Passo a Passo | Como configurar o MiniFrontPage no Joomla!

Eae galera!

Esta é uma boa dica para usuários de Joomla!. Este CMS é completo na sua instalação, porém para alguns usuários, o padrão não é suficiente. Para personalizar a disposição de artigos em uma página, foi criado este módulo, que tem bastante opção e é muito fácil de usar.

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

Passo a Passo – Como configurar o MiniFrontPage no Joomla!

O minifrontpage é um módulo muito útil e simples que serve somente para listar artigos, porém, de uma maneira diferente das já oferecidas nativamente pelo joomla. Com este módulo podemos deixar um site com mais cara de portal de notícias dadas as possibilidades de configuração do mesmo.
Segue um tutorialzinho rápido sobre como configurar este módulo:

(Clique na imagem para ampliar)

Vamos então às explicações:

  1. Enable Cache: se você habilitar esta opção o módulo vai estar apto à trabalhar com cache.
  2. Sufixo de classe do módulo: coloque aqui o sufixo (por exemplo _artigo). Funciona como uma regra de css. Se você não tiver certeza do que fazer deixe esta opção em branco.
  3. Section(s): seções que o módulo vai listar. Se você quiser listar mais de uma seção, separe os números (id’s) por vírgula.
  4. Category(s): idem a section(s).
  5. Ordenar por: se você marcar Created os artigos serão listados conforme a data de criação; se marcar Most Read serão listados de acordo com a “popularidade” de cada um; se marcar Ordenar a ordem de exibição será a mesma ordem da lista que aparece quando se clica em Conteúdo>Administrar artigos; se marcar Random os artigos serão exibidos aleatoriamente.
  6. Order type: do primeiro para o último (Ascending) ou do último para o primeiro (Descending);
  7. Thumbnail position: posição que a miniatura da imagem contida no artigo vai ser exibida.
  8. Display Article title: mostrar ou não o título do artigo.
  9. Title link: link ou não no título do artigo (se ele estiver sendo exibido).
  10. Display author: exibir ou não o autor do artigo.
  11. Display date articles created: exibir ou não a data que o artigo foi criado.
  12. Date type: define se a data à ser exibida é a data de criação, alteração ou publicação.
  13. Date Format: define se a data à ser exibida vai estar no formato dia/mes/ano ou ano/mes/dia ….
  14. Limit intro text: número máximo de caracteres que a introdução do texto vai exibir.
  15. Full story link text: quando um artigo é exibido com introdução e imagem, normalmente vem acompanhado de algum link para sua exibição completa. Este full story faz isto (normalmente usa-se Leia mais, mas não existe regra para isto). No final do post tem uma imagem que ilustra melhor esta idéia.
  16. Number of columns: Número de colunas que o módulo vai exibir na tela.
  17. Number of articles to display: número de artigos (no total, com introduções ou não) que o módulo vai exibir.
  18. Number of introtext/hide introtext: número de artigos que vão ser exibidos com introdução.
  19. Number of introtext/hide introtext skipped: Número de artigos que irão ser listados sem introdução. Se você não quiser que nenhum artigo possua introdução, coloque zero no item 18 e coloque o mesmo número que você colocou em 17 aqui.
  20. Show thumbnails: exibir ou não imagem nos introtexts.
  21. Show default thumbnails when article have no image: exibir ou não uma imagem padrão se o artigo não tiver imagem. Cuidado com esta opção. Se você marcar exibir, lembre-se de trocar a imagem padrão no componente ou então será exibido um logo do minifrontpage.
  22. Thumbnail image width: largura da imagem.
  23. Thumbnail height: altura da imagem.
  24. Preserv aspect: se marcar sim, a imagem vai manter as proporções ignorando os itens 22 e 23. Se marcar não serão mantidas as configurações de 22 e 23.
  25. Header title for other articles link: “Cabeçalho” que vai ser exibido antes da lista de artigos. Segue imagem abaixo para ilustrar.

Até a próxima!
😉

SdevLab – Dica de Desenvolvimento | Tabela de Acentuação e Caracteres Especiais HTML

Eae galera!

Já passei aqui algumas tabelas de caracteres especiais, mas agora segue uma versão muito mais completa.

Tabela de Acentuação e Caracteres Especiais HTML

Caracteres Acentuados no Português

á á Á Á ã ã Ã Ã
â â Â Â à à À À
é é É É ê ê Ê Ê
í í Í Í ó ó Ó Ó
õ õ Õ Õ ô ô Ô Ô
ú ú Ú Ú ü ü Ü Ü
ç ç Ç Ç

Caracteres Especiais

espaço  
& e comercial &
> maior que >
< menor que &lt;
ˆ acento circunflexo &circ;
˜ acento til &tilde;
¨ acento trema &uml;
´ acento agudo &cute;
¸ cedilha &cedil;
aspas duplas &quot;
e aspas duplas (esquerda e direita) &ldquo; e &rdquo;
e aspas simples (esquerda e direita) &lsquo; e &rsquo;
e aspas angulares simples (esquerda e direita) &lsaquo; e &rsaquo;
« e » aspas angulares duplas (esquerda e direita) &laquo; e &raquo;
º ordenal masculino &ordm;
ª ordinal feminino &ordf;
travessão ‘en’ &ndash;
travessão ‘em’ &mdash;
­ hífen oculto &shy;
¯ macron &macr;
reticências &hellip;
¦ barra vertical &brvbar;
marcador (bullet) &bull;
parágrafo &para;
§ parágrafo legal &sect;
espadas &spades;
paus &clubs;
copas &hearts;
ouros &diams;

Caracteres Comerciais

© copyright &copy;
® marca registrada &reg
trade mark &trade;
£ libra esterlina &pound;
¢ centavo &cent;
euro &euro;
¥ iene (yen) &yen;
¤ símbolo monetário &curren;

Caracteres Matemáticos e Lógicos

¹ elevado a um &sup1;
² ao quadrado &sup2;
³ ao cubo &sup3;
½ fração um meio &frac12;
¼ fração um quarto &frac14;
¾ fração três quartos &frac34;
> maior que &gt;
< menor que &lt;
± mais ou menos &plusmn;
sinal de subtração &minus;
× sinal de multiplicação &times;
÷ sinal de divisão &divide;
asterisco &lowast;
barra de fração &frasl;
por-mil &permil;
sinal de integral &int;
somatório &sum;
PI &prod;
raiz quadrada &radic;
infinito &infin;
quase igual &asymp;
aproximadamente igual &cong;
proporcional &prop;
idêntico &equiv;
diferente &ne;
menor ou igual &le;
maior ou igual &ge;
consequentemente &there4;
ponto &sdot;
· ponto do meio &middot;
diferença parcial &part;
parte imaginária do número &image;
parte real do número &real;
minuto &prime;
segundo &Prime;
° grau &deg;
ângulo &ang;
perpendicular &perp;
nabla &nabla;
soma direta &oplus;
produto de vetor &otimes;
alef &alefsym;
ø produto vazio &oslash;
Ø produto vazio &Oslash;
elemento de/pertence a &isin;
nã é elemento de &notin;
interseção &cap;
união &cup;
subconjunto de &sub;
superconjunto de &sup;
subconjunto de ou igual a &sube;
superconjunto de ou igual a &supe;
existe &exist;
qualquer &forall;
vazio &empty;
¬ não lógico &not;
e lógico &and;
ou lógico &or;
retorno de carro &crarr;
e setas simples &larr; e &rarr;
e setas simples &uarr; e &darr;
seta simples &harr;
e setas duplas &lArr; e &hrrr;
e setas duplas &uArr; e &dArr;
seta dupla &hArr;
e teto (esquerdo e direito) &lceil; e &rceil;
e piso (esquerdo e direito) &lfloor; e &rfloor;
losango &loz;

Outros Acentos e Caracteres Especiais

ñ &ntilde; Ñ &Ntilde; ¡ &iexcl; ¿ &iquest;
ä &auml; Ä &Auml; å &aring; Å &Aring;
ë &euml; Ë &Euml; è &grave; È &Egrave;
ï &iuml; Ï &Iuml; ì &igrave; Ì &Igrave;
î &icirc; Î &Icirc;
ö &ouml; Ö &Ouml; ò &ograve; Ò &Ograve;
ù &ugrave; Ù &Ugrave; û &ucirc; Û &Ucirc;
ý &yacute; Ý &Yacute; ÿ &yuml; Ÿ &Yuml;
æ &aelig; Æ &AElig; œ &oelig; Œ &OElig;
&dagger; &Dagger; š &scaron; Š &Scaron;
þ &thorn; Þ &THORN; ð &eth; Ð &ETH;
§ &sect; ƒ &fnof; ß &szlig; µ &micro;

Caracteres Gregos

α &alpha; Α &Alpha; β &beta; Β &Beta;
γ &gamma; Γ &Gamma; δ &delta; Δ &Delta;
ε &epsilon; Ε &Epsilon; ζ &zeta; Ζ &Zeta;
η &eta; Η &Eta; θ &theta; Θ &Theta;
ι &iota; Ι &Iota; κ &kappa; Κ &Kappa;
λ &lambda; Λ &Lambda; μ &mu; Μ &Mu;
ν &nu; Ν &Nu; ξ &xi; Ξ &Xi;
ο &omicron; Ο &Omicron; π &pi; Π &Pi;
ρ &rho; Ρ &Rho; σ &sigma; Σ &Sigma;
ς &sigmaf; τ &tau; Τ &Tau; υ &upsilon;
Υ &Upsilon; φ &phi; Φ &Phi; χ &chi;
Χ &Chi; ψ &psi; Ψ &Psi; ω &omega;
Ω &Omega; ϑ &thetasym; ϒ &upsih; ϖ &piv;

Copiei e colei deste site.
xD

SdevLab – Joomla! | Seções & Categorias

Eae galera!

Agora que já foi mostrado como instalar o Joomla!, diferenças de níveis de usuários, chegou a hora de começar a preparar o framework para receber conteúdo. O post de hoje é sobre o passo inicial para tal tarefa, que é a criação de seções e categorias.

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

 Joomla! – Seções & Categorias

Explicando rapidamente como funciona:

– Uma seção pode ser entendida como uma gaveta de um armário que armazena documentos (como o da imagem abaixo);

– Neste mesmo exemplo da gaveta, uma categoria seria cada pasta que esta dentro da gaveta;

– E para finalizar, os artigos que você obrigatoriamente vai ter de encaixar em uma seção e categoria, são os arquivos das pastas.

Criando uma Seção

Para criar uma seção:

  1. No ambiente administrativo do Joomla! clique no menu Conteúdo>Administrar Seção;
  2. Na tela Administrar Seção, clique no botão Novo (parte superior direita da tela);

Nesta tela, você obrigatoriamente precisa preencher somente o nome da Seção, porém outros campos também merecem atenção:

Publicado: Deixe o radiobutton em sim porque senão sua seção apesar de criada, não será listada na hora de criar categorias e artigos;

Nivel de Acesso: Deixe em público se você quiser que todos os usuários acessem os conteúdos desta seção. Registrado significa que somente usuários registrados no site podem acessar, e Especial somente administradores.

Os demais campos (imagem, posição da imagem e descrição) não são obrigatórios e só serão realmente úteis se seu template exibir estas informações.

Criando uma Categoria

Para criar uma categoria:

  1. No ambiente administrativo do Joomla! clique no menu Conteúdo>Administrar Categorias;
  2. Na tela Administrar Categorias, clique no botão Novo (parte superior direita da tela);

A única coisa que posso acrescentar em relação à criação de categorias é que uma Seção deve ser escolhida, senão o Joomla! joga na primeira que ele encontrar!

xD

Até a próxima!

SdevLab – Joomla! | System Legacy (modo legado)

Eae galera!

Este post é uma dica para quem estava usando Joomla! na versão 1.0 e migrou para 1.5. Dica básica que vai fazer com que suas coisas funcionem na versão nova sem problemas!

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

Joomla! – System Legacy (modo legado)

Modo legado é a mesma coisa que compatibilidade retroativa, ou seja, tudo que foi projetado para rodar na plataforma do Joomla! 1.0 vai rodar também na plataforma 1.5.

Se você tem um site rodando na versão 1.x e não quer passar para a versão 1.5.x de medo de ficar sem seu componente, aqui pode estar solução de seus problemas porque o “Modo legado” cuida disso. Ao ser ativado, ele possibilita trabalhar tanto com componentes feitos para a versão 1.x quanto 1.5.x.

Então, vamos ao que enteressa:

Habilitando o Modo Legado

Passo 1: Logue no seu site como super administrador;
Passo 2: No menu superior, clique em Extensões > Administrar Plugin
Passo 3: Como na imagem abaixo, procure o plugin System – Legacy, e habilite este plugin.

Prontinho!
Com estes 3 simples passos, seu joomla estará funcionando agora no modo legado!
Note que no topo da área administrativa, existe uma indicação que tudo deu certo, como na imagem abaixo.

Até a próxima!

SdevLab – Joomla! | Níveis de acesso de usuários

Eae galera!

Este post é uma boa dica para quem está começando a trabalhar com Joomla!. No começo instalar o framework e começar a usar é fácil, mas o framework não é tão intuitivo quando se trata de níveis de permissões de usuários. Com esta dica, fazer a distribuição correta de permissões vai ser bem mais fácil!

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

Joomla! – Níveis de acesso de usuários

O CMS Joomla possui 7 níveis de acesso de usuários, divididos em 2 grupos.

No Frontend temos os seguintes usuários:

  • Registrado – perfil default atribuído pelo CMS ao usuário cadastrado, pode enviar um weblink;
  • Autor – usuário com poder de enviar um artigo para o website através do frontend;
  • Editor – usuário com poder de enviar um artigo e editar os artigos enviados pelos autores, através do frontend;
  • Redator – usuário com poder de enviar, editar e publicar seus próprios artigos e os enviados pelos autores e editores através do frontend.

No backend temos os seguintes usuários:

  • Gerente – usuário com poder para gerenciar todo o conteúdo do website através do backend;
  • Administrador – usuário com poder para gerenciar todo o website, exceto as configurações do mesmo e dos outros usuários cadastrados com perfil de super administrador;
  • Super Administrador – usuário com poder total sobre o website, pode inclusive cometer um “joomlacídio”.

Até a próxima!