BloggerテンプレートVTrickのカスタマイズ

BloggerのテンプレートをQooQからVTrickに変更したので、分かりにくかった所をメモしました。

バージョンは1.9.1を使用しています。

 

ダウンロード

https://www.vietrick.com/vtrick-creative-blogger-template/

下の方にDownloadボタンがあるのでクリックするとGithubに飛ぶのでDownload Raw Fileボタンで保存します。

 

まず初めに

Limosukiさんの【Blogger】VTrick の日本語対応カスタマイズを参考に

投稿日の日付形式の変更

 

日本語だと動作しない目次の対処方法

 

目次をデフォルトで開く

 

をカスタマイズしました。


画像が表示されない

設定を開いて、サイトフィードの「ブログフィードを許可」を「完全」にすると表示されました。


チェックボックスが表示されない

テーマ->カスタマイズを開いて、

詳細設定->CSSを追加に次のコードを追加します。

右下の保存ボタンを押すと変更が反映されます。

input[type=checkbox]{
  -webkit-appearance: checkbox;

 

スライダーも表示されなかったので

input[type=range]{
  -webkit-appearance: auto;
}

JavaScriptガジェットの設定方法

 ↓のフォーマットを設定するとカテゴリごとに一覧を作成できるようです。

 {getContent} $results={表示数} $label={カテゴリ} $type={表示タイプ}

例:{getContent} $results={6} $label={作った} $type={block}

作ったカテゴリをblock形式で6個表示します。

 

表示タイプ一覧

msimple

ticker

eatured

block

grid

video

list

default

mini

comments

related

 

投稿者のアイコンを表示しないようにする

author-avatarを探して、関連するタグごとコメントアウトか削除する

 

内部リンクがスクロールしないようにする

/*  Footer Animation  */

のCSSをコメントアウトが削除する

 

yuki

初めての作業で調べた事、困った時の解決方法を記録するブログ。 主なテーマは、パソコン、プログラミング、カメラ、DTM、スピリチュアル、化学物質過敏症

コメントを投稿

Please Select Embedded Mode To Show The Comment System.*