Configurando o modelo NEWDAY no Dokuwiki no Mageia

  • Índice:
  1. Mudar a aparência do Dokuwiki com os modelos (templates):
    1. modelo NEWDAY ⇐ - Você está aqui!


A comunidade Mageia Brasil disponibiliza este Wiki (que usa o software Dokuwiki), para edição colaborativa da documentação não-oficial de ajuda da distribuição Mageia Linux, no idioma português do Brasil.

Wiki é um software para edição colaborativa de documentos na internet. A maioria das distribuições linux hoje possuem um Wiki de Documentação de Ajuda construída com o apoio de usuários e colaboradores, formando o que se tem chamado de suporte comunitário ao uso da distribuição linux.


1 - Instalar o Dokuwiki

  • Dica de como configurar o modelo NEWDAY para alterar e personalizar a aparência do DOKUWIKI
  1. Para instalar o Dokuwiki ver dicas no tópico:Instalar e configurar o DOKUWIKI no Mageia
  2. Após instalar, ao entra no Dokowiki, ele deverá estar com a aparência do modelo “Default” (padrão).


2 - Modelo NEWDAY

  1. Para alterar a aparência do Dokuwiki, há vários modelos (templates) disponíveis no site.
  2. Deve-se escolher um modelo, fazer download, descomprimir e copiar a pasta para: “var/www/dokuwiki/lib/tpl”.
  3. Um dos modelos disponíveis é NEWDAY



Este texto foi editado para modelo Newday versão de 27/3/2010.

O arquivo “dokuwiki_template_newday_20100327.zip” pode ser ser baixado do site do autor:

Link para acessar a versão do Modelo NewDay de 27/3/2010

Esta nova versão torna o menu topbar mais simples e versátil. Veja neste texto a Nova versão do Newday de 27-03-2010


  • Abaixo o screenshot do modelo NEWDAY disponível no site:



3 - Configurando modelo NEWDAY

  1. Para alterar a aparência do Dokuwiki, alterar do modelo default para modelo NEWDAY. Para isso, entrar no Dokuwiki e ir em “Administrar” em “Configurações do DokuWiki” e nessa nova janela ir em “Configurações Básicas” e ir em “Modelo” e trocar “default” por “NEWDAY” e ir ao final da página e SALVAR.
  2. Depois de salvar, configurar e salvar novamente

Depois de salvar, aparência padrão (default) do Dokuwiki muda a do modelo NEWDAY. Mas atenção!! Para as ferramentas de acesso (login e logout e administração) ficarem visíveis, é importante configurar:

  1. a) “sidebar position” - optar se a barra lateral será a direita (left )ou esquerda (right)
  2. b) “sidebar page name” - indicar qual vai ser a página-conteúdo da barra lateral (ex. sidebar, start ou outra página qualquer)
  3. c) “enable action palette” - optar com ou sem títulos do menu actions
  4. d) “default status for user actions” - configurar OPEN para deixar visível o login e logout
  5. f) “default status for page actions” - configurar OPEN para deixar visível o EDITAR PAGINA
  6. g) “default status for wiki actions” - configurar OPEN para deixar visível ADMINISTRAR (para acessar a configuração do Dukuwiki)
  7. h) “default status for submit actions” - configurar OPEN para deixar visível os links para “Digg this!” “Del.Icio.Us” “Google bookmark”



config-battlehorse-1a.jpg

Passo seguinte: salvar estas configurações

4 - Alterando o layout

  1. No modelo original do Newday, a barra superior acesso ao login, logout, administração/configuração e editar página (no modelo padrão, estão na barra lateral-sidebar, na esquerda), não está na parte superior indicada pela seta azul.
  2. Veja como incluir estas ferramentas na barra superior alterando o arquivo main.php:


newday-1.jpg

  • Colando este texto (com o kwrite como root) no arquivo main.php do modelo newday, a barra de ferramenta superior fica com a opção de login, logout, administrar dokuwiki e editar página.
  • Local/pasta do arquivo main.php:

var/www/dokuwiki/lib/tpl/newday/main.php

  • O texto original:
   <?php }?>
   
    <?php if($conf['youarehere']){?>
    <div class="bread_upper_dark"></div>
    <div class="breadcrumbs">
      <?php tpl_youarehere() ?>
    </div>
    <div class="bread_lower_dark"></div>
    <div class="bread_lower_medium"></div>
    <div class="bread_lower_light"></div>
    <?php }?>
   
  </div>
  <?php flush()?>
  • a) Texto fica assim:
    <?php }?>
    
    <?php if($conf['youarehere']){?>
    <div class="bread_upper_dark"></div>
    <div class="breadcrumbs">
    <div style="float:left">
     <?php tpl_youarehere() ?>
     </div>
     <div style="float:right;text-align:right">
     <?php tpl_actionlink('edit')?>
     <?php tpl_actionlink('admin') ?>
     <?php tpl_actionlink('login')?>
     <?php action_group_status('user'); ?>
     </div>
     <?php //tpl_youarehere() //(some people prefer this)?>
     </div>    
    <div class="bread_lower_dark"></div>
    <div class="bread_lower_medium"></div>
    <div class="bread_lower_light"></div>
    <?php }?>
   
  </div>
  <?php flush()?>

Observação: Para essas ferramentas acima aparecerem neste local, é necessário selecionar a opção “Trilha Hierárquica” (youarehere), que fica em “Configurações do Dokuwiki” e em “Configurações de Exibição”


  • As opção de login, logout, administrar o dokuwiki e editar página passam a ficar na barra superior (com indicado na seta azul) em um local de fácil acesso:


newday-2.jpg

  • Após sair (logout) elas ficam disponíveis na barra superior (seta azul) para posterior login:


newday-3.jpg

5 - Colocar o Menu Topbar

  • Colocar o Menu Topbar - Observar que no modelo Newday mostrado acima/instalado no Mandriva2010 não tem o menu superior mostrado abaixo, no centro do screenshot, em azul (home, internal wiki Page e Chimpó) disponível no site do modelo NEWDAY:


  • A nova versão do Newday de 27/03/2010 tornou o menu superior mais simples e flexível.
  • Veja as dicas no site do modelo Newday que dicas em inglês sobre a configuração do TOPBAR
  • Agora, basta criar um arquivo de texto de nome topbar e nele editar uma árvore de menu de no máximo 4 níveis:
  1. o primeiro nível (level1) tem 2 espaços até o asterístico
  2. o segundo nível (level2) tem 6 espaços e o asterístico
  3. o terceiro nível (level3) tem 8 espaços e o asterístico
  4. o quarto nível (level4) tem 10 espaços e o asterístico
  * [[level1]]
    * [[level2]]
      * [[level3]]
        * [[level4]]
    * [[levl2]]

  * [[level1]]
    * [[level2]]
    * [[level2]]


  • Deste formato foi editado um exemplo de conteúdo do arquivo topbar mostrado abaixo, cujo resultado está nas duas imagens seguintes:
  * [[http://www.mandrivabrasil.org/site/|Site Mandriva-Brasil]]           <---     primeiro nível
  * [[http://www.mandrivabrasil.org/site/forum/|Fórum Mandriva-Brasil]]          <---    primeiro nível
  * [[http://wiki.mandriva.com/pt/|Wiki Mandriva pt_br]]                         <---    primeiro nível
  * [[sidebar|Índice Geral]]                                                     <---  primeiro nível
      * [[mandriva|Mandriva 2010]]                                <---    segundo  nível
        * [[mandriva:1b-instala-mandriva|Instalar Mandriva]]
        * [[mandriva:1c-repositorios|Repositórios software]]
        * [[mandriva:instalar-software|Instalar software]] 
        * [[mandriva:menu-grub|Alterar menu-grub]]                                          <---    terceiro nível
        * [[mandriva:atualiza|Atualização online]]
        * [[mandriva:pendrive|Montar pendrive]]
      * [[wiki|Wiki]]                                             <---   segundo  nível
        * [[wiki:dokuwiki|Dokuwiki]]
        * [[wiki:syntax|Sintaxe dokuwiki]]
        * [[playground:playground|Playground]]                                               <---    terceiro nível
        * [[topbar|topbar]]
        * [[indicegeral|Índice Geral]]
      * [[wiki|Dokuwiki]]                                          <---   segundo  nível
        * [[mandriva:instalar-dokuwiki|Instalar Dokuwiki]]
        * [[mandriva:arctic-dokuwiki|Modelo Arctic]]
        * [[mandriva:battlehorse-dokuwiki|Modelo Battlehorse]]
        * [[mandriva:newday-dokuwiki|Modelo NewDay]]                                         <---    terceiro nível
        * [[mandriva:usando-dokuwiki|Usando Dokuwiki]]
        * [[mandriva:wiki-dokuwiki|Wiki e dokuwiki?]]



newday-novo-1bb.jpg

newday-novo-1a.jpg

6 - Alterar o arquivo LAYOUT.CSS, configurando o NewDay

  • Segue abaixo outras dicas de ajustes na aparência do NewDay, que podem ser úteis.

a) Tamanho das letras da barra lateral esquerda, no Arquivo LAYOUT.CSS

 var/www/dokuwiki/lib/tpl/newday/layout.css
div.dokuwiki div.userbar {
  background-color: __rg_userbar__ ;
  background : url(__rg_userbar_background__) no-repeat;
/*  background : url(/dokuwiki/lib/tpl/wijkwiki/images/sidebar_background.png) no-repeat;*/
  /* border-style : solid;
  border-width: 1px 1px 1px 1px;
  border-color: __rg_userbar_border__ ;*/
  padding-top: 4px;     <------------------------- distância do top padrão é 4
  font-size: 95% ;      <------------------------- padrão 80% - Tamanho das letras da barra lateral esquerda sidebar

b) Letra do fundo, no Arquivo LAYOUT.CSS

div.dokuwiki div.meta {
  clear: both;
  margin-top: 1em;
  color: __text_alt__;
  font-size: 80%;        <-------------------letra do fundo, padrão é 70%
}
}

c) Largura da coluna da direita, no Arquivo LAYOUT.CSS

/* the right column (main content) */
div.dokuwiki div.mainright {
  background: url(__rg_content_background__) 0 0 no-repeat;
/*background: url(/dokuwiki/lib/tpl/wijkwiki/images/page_shadow_background.png) 0 0 no-repeat;*/
  margin-top: 4px;
  float: right;
  clear: right;
  width: 82% ;         <---------------------- 82% padrão largura da coluna da direita - onde se edita textos
}


7 - Alterar o arquivo DESIGN.CSS, configurando o NewDay

  • Segue abaixo outras dicas de ajustes na aparência do NewDay, que podem ser úteis.

a) Tamanho das letras do cabeçalho, no Arquivo DESIGN.CSS

var/www/dokuwiki/lib/tpl/newday/design.css
div.dokuwiki div.breadcrumbs {
/*  background-color: __background_neu__;*/
  color: __text_neu__;
  font-size: 91%;         <----------------------Padrão 80%--- tamanho das letras do cabeçalho,
  padding: 10px 0 10px 4px;
  vertical-align:middle;
/*  border-style : solid;
  border-width: 1px 1px 1px 1px;
  border-color: __rg_bread_border__ ;*/
/*  background-image: url(__rg_breadcrumbs_gradient__);*/
  background-repeat: repeat-x;
  height: 17px;
}

b) Largura do Newday, no Arquivo DESIGN.CSS

var/www/dokuwiki/lib/tpl/newday/design.css
div.dokuwiki {
  width: 95% ;           <--------------o padrão é 92% - largura da página toda
  margin-left: auto;
  margin-right: auto;


8 - Observação

  • Ao instalar o Dokuwiki pelo MCC, os arquivos são instalados nos diretórios:
/var/www/dokuwiki            (proprietário root) 
/var/lib/dokuwiki            (proprietário apache)
/var/lib/dokuwiki/pages      (onde ficam as pastas do usuário) (tb é proprietário apache)
  • Todos os arquivos no formato PHP podem ser editados com o kwrite, como root.







Link sobre o assunto:


Link para sites c/ Newday

Índice

 
wiki/modelo-newday-dokuwiki-mageia.txt · Última modificação: 2011/04/30 19:25 por macxi     Voltar ao topo
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki Design by Chirripó