自分用覚え書き
dokuwiki bootstrap3テンプレート
サイドメニュー
「サイドメニュー」を変更
tpl/sidebar.php
<!-- sidebar -->
<aside id="<?php echo $sidebar_id ?>" class="dw__sidebar <?php echo $sidebar_class ?> hidden-print">
<div class="dw-sidebar-content">
<div class="dw-sidebar-title hidden-lg hidden-md hidden-sm" data-toggle="collapse" data-target="#<?php echo $sidebar_id ?> .dw-sidebar-body">
<?php echo iconify('mdi:view-list'); ?> <?php echo $sidebar_title ?>
</div>
<!-- sidebar -->
<aside id="<?php echo $sidebar_id ?>" class="dw__sidebar <?php echo $sidebar_class ?> hidden-print">
<div class="dw-sidebar-content">
<div class="dw-sidebar-title hidden-lg hidden-md hidden-sm" data-toggle="collapse" data-target="#<?php echo $sidebar_id ?> .dw-sidebar-body">
<?php echo iconify('mdi:view-list'); ?> ●●好きな文字●●
</div>
サイドメニュー内行間
css/my_style.css
#dw__toc .toc-body { line-height:1.1em;}
CSS位置
css/toc.less
#dw__toc {
&.affix { z-index: 999; }
.toc-title { cursor: pointer; margin-top: 0; }
.toc-body > ul { overflow-y: auto !important; padding-left: 10px; }
.nav > li > a { /*color: #666;*/ padding: 4px 20px; font-weight: 500; display: block; word-break: keep-all; }
.nav > li > a:hover { background-color: transparent; color: initial; }
.nav > li > a:hover { border-left: 1px solid #●●●; }
~~~
外部リンク先頭アイコンを変更
ついでにリスト先頭の・を隠す
/css/template.less
/**
* Links and Interwiki icons
*/
a.urlextern {
background-image: url('iconify.php?icon=mdi-earth-arrow-right.svg&color=%23666666') !important;
}
a.urlextern{
background:url('画像') no-repeat 0 0;
background-size:auto 16px;/*画像サイズ*/
padding-left:0px;}
/*リスト*/
ul{
list-style:none;
}
ul li{
}
ul li:before{
display:inline-block;
}
svg画像サイズ指定
・そのままだと中央にかなり大きく表示されるのでサイズと位置を指定
{{ cy.svg |}}
・最初の半角スペースを削除
・左右中央の位置・サイズを&で区切って指定
{{●●.svg?left&16}}
下記のPHP内リンク指定を変更しない場合は画像毎にnolinkも指定
{●●.svg?nolink&left&16}}
svg画像を通常でリンクしない
svg画像に都度「?nolink」指定がめんどくさいのとうっかり者なので指定しない場合リンク無しに変更
/inc/parser/handler.php
//get linking command
if(preg_match('/nolink/i',$param)){
$linking = 'nolink';
}else if(preg_match('/direct/i',$param)){
$linking = 'direct';
}else if(preg_match('/linkonly/i',$param)){
$linking = 'linkonly';
}else{
$linking = 'details';
}
//get linking command
if(preg_match('/nolink/i',$param)){
$linking = 'nolink';
}else if(preg_match('/direct/i',$param)){
$linking = 'direct';
}else if(preg_match('/linkonly/i',$param)){
$linking = 'linkonly';
}else if(preg_match('/details/i',$param)){
$linking = 'details';
}else{
$linking = 'nolink';
}