O eXtplorer é um ótimo gerenciador de arquivos escrito em PHP com frontend ajax criado usando o EXTJS*. Possui alguns bugs aqui e ali mas considerando que é gratuito não importa. Em falar nisso sua licensa pode ser tanto Mozilla Public License (MPL 1.1) ou GNU General Public License (GNU/GPL) com um pequeno detalhe: se você escolher distribuir um software, com o extplorer incluso, sob a MPL você não poderá incluir o ExtJS. Ou seja, terá que criar outra interface.

Deixando o papo chato de licensa de lado, suas principais características são:

Fazendo o download do pacote de instalação de http://downloads.wordpress.org/plugin/wp-extplorer.zip...

Descompactando o pacote...

Instalando o plugin...

O pacote não pôde ser instalado. Nenhum plugin válido foi encontrado.

A instalação do plugin falhou.

Veja os screenshots abaixo:

O plugin para o Joomla funciona bem pois é desenvolvido pelos próprios desenvolvedores do eXtplorer.

Alguns screenshots:

Login do Extplorer

Extplorer

Menu de contexto

Editor de Texto

Compressão de Arquivo

Instalação:

Instalação Manual

1. Faça o download do arquivo compactado neste link.
2. Descompacte o arquivo no seu computador.
3. Envie os arquivos via ftp para o seu servidor web ou copie na pasta /var/www local.
4. Ajuste as permissões.
• Caso o servidor seja remoto você precisa dar permissão de leitura e escrita para o usuario do apache na pasta extplorer/ftp_tmp. Por exemplo:

  $ chmod 777 ./explorer/ftp_tmp

• Caso a instalação seja no seu servidor local de desenvolvimento você verá a seguinte mensagem ao tentar executar o software:

  Warning: require_once(/var/www/extplorer/libraries/standalone.php): failed to open stream: Permission denied in /var/www/extplorer/index.php on line 44 Fatal error: require_once(): Failed opening required '/var/www/extplorer/libraries/standalone.php' (include_path='.:/usr/share/php:/usr/share/pear') in /var/www/extplorer/index.php on line 44

  Para corrigir digite o seguinte comando no shell:

  $ sudo chown -R www-data /var/www/extplorer/

5. Aponte o browser para http://<SERVIDOR>/extplorer e use login: admin e senha: admin.
   Troque a senha imediatamente!

Instalação via pacote Debian

1. Entre no shell e digite o seguinte comando:

   $ sudo apt-get update
   $ sudo apt-get install extplorer

2. Após o download e a instalação será preciso recriar o conteúdo do arquivo .htusers.php que se encontra no diretório /etc/extplorer.

   $ cd /etc/extplorer
   $ sudo nano .htusers.php

   O arquivo está vazio, portanto insira o seguinte código que foi extraido da versão 2.1.0 RC 5 em 03/06/2012.

   <?php
   /** @version $Id: .htusers.php 135 2009-01-27 21:57:15Z ryu_ms $ */
   /** ensure this file is being included by a parent file */
   if( !defined( '_JEXEC' ) && !defined( '_VALID_MOS' ) ) die( 'Restricted access' );
   
   $GLOBALS["users"]=array(
   array("admin","21232f297a57a5a743894a0e4a801fc3",empty($_SERVER['DOCUMENT_ROOT'])?realpath(dirname(__FILE__).'/..'):$_SERVER['DOCUMENT_ROOT'],"",1,"",7,1),
   ); ?>

3. Por último crie um link simbólico para o eXtplorer dentro do diretório do www do apache:

   sudo ln -s /usr/share/extplorer/ extplorer

4. Aponte o browser para http://<SERVIDOR>/extplorer e use login: admin e senha: admin.
   Troque a senha imediatamente!

Inserir imagem em post do wordpress

Estava eu aqui escrevendo um post no blog e ao inserir uma imagem o wordpress, assim como outros CMS, me pediu um título e um texto alternativo para a imagem. No caso o título será preenchido no atributo title e texto alternativo no atributo alt. Como quero deixar o blog o mais correto e “search engine friendly” possível fui pesquisar qual a diferença entre title e alt em uma tag do html.

Eu já tinha lido sobre o assunto e sabia que uma delas era para descrever a imagem para pessoas com deficiência visual, mas não tinha certeza qual e se realmente era isso. Por isso pesquisei e respondo aqui. Na verdade a coisa é um pouco mais complexa como explico abaixo:

Confesso que nos meus tempos de Joomla sempre preenchi o mesmo valor para ambos. Acho até que alguns editores html wysiwyg (what you see is what you get), ou seja, editores visuais, já preenchiam automaticamente title e alt iguais. Isso obviamente quando não se tinha tanta preocupação com web standards como se tem hoje.

Uma imagem sem o atributo alt

O atributo title deve fornecer uma informação adicional e seguir as regras de um titulo comum: ser relevante, curto, de facil memorização e conciso. O título “Download do Linux Mint Debian Edition” é exibido na maioria dos browsers como uma “tooltip” quando você passa o mouse sobre a imagem.

Já o atributo alt serve para ser uma informação alternativa ou substituta que é renderizado quando o elemento html, ao qual é aplicado, não é renderizado. Isto pode ocorrer tanto para pessoas que escolheram desabilitar as imagens no seu browser ou para outros “user agents” ou navegadores que simplesmente não podem ver as imagens. Um exemplo é um “leitor de tela” ou “screen reader”, um software que lê o conteúdo de uma página web para pessoas com deficiência visual.

Imagem com atributo alt

Equívocos Comuns

O atributo alt nem sempre tem que descrever literalmente os conteúdos de uma imagem. Tenha em mente o que deve ser útil para uma pessoa que não pode ver a imagem. O atributo alt deve ser uma alternativa à imagem, normalmente exprimindo seu propósito. Por exemplo, uma imagem de um sinal de alerta não deveria ter como texto alternativo “um triângulo com fundo amarelo, bordas pretas e um ponto de exclamação no centro”, mas simplesmente “Alerta!”.

O Internet Explorer 7 (sempre o ie) e browsers mais antigos renderizavam o atributo alt como uma tooltip o que levou muitos desenvolvedores web usarem o alt quando queriam exibir tooltips contendo informações adicionais a imagem (por isso o meu erro em preencher sempre o alt e o title com a mesma informação). O Internet Explorer 8 corrigiu este erro.

O atributo alt é frequentemente chamado incorretamente de “alt tag”.

Imagem com atributo title