Discourseカスタマイズ

WEB Design
#1 

<div id="bottom-navbar" class="wrap" style="height:20px; padding-top:15px; padding-bottom:30px;">
<span id="bottom-navbar-links">
  <a href="http://ficus.myvnc.com">ホーム</a> | 
  <a href="http://ficus.myvnc.com/ja/info/news">ニュース</a> | 
  <a href="http://ficus.myvnc.com/ja/blog">ブログ</a> | 
  <a href="https://ficus.myvnc.com/store">ストア</a>
</span>
</div>
#2

highlight.jsを導入してコード記述箇所を色分けします。

注） インストールする前に以下設定をしないとブランクページとなります。

設定--->設定項目を検索--->"theme_authorized_extensions"を入力
"css"を追加します。

Hljs Theme Picker cssカスタマイズ

"Edit CSS/HTML"をクリック

hljs_theme
hljs_theme1132×517 48.2 KB

以下のブロックを追加し、paddingを1.25emで指定します。

.hljs {
    padding: 1.25em !important;
}

注） テーマをアップデートすると上記設定はリセットされます。

#3

Brand Header Theme Component

以下Font Awsomeによるアイコンリンクには fab- を付加すること。

icons
    fab-twitter,https://twitter.com/Ficus_Online_ST
    fab-github,http://github.com/capitalfuse