ワンポイントの色彩をテーマとした4段階でデザインが変わるシンプルなデザイン構成です。どんな大きさの画面でも見やすく、レスポンシブデザインに対応しています。
テーマTangoのアーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は16:9です。
/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を3:2にする */ .page-archive .archive-entry .entry-thumb-link { padding-top: 66.67% }
テーマTangoのアーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3に変更したい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。デフォルト設定は16:9です。
/* アーカイブページ(記事一覧ページ)のアイキャッチ画像を4:3にする */ .page-archive .archive-entry .entry-thumb-link { padding-top: 75% }
テーマTangoのサイドバーのタイトル部分を水平にしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* サイドバーのタイトル部分をを水平にする */ .hatena-module-title { margin: 0 0 20px; -webkit-transform: rotate(0) skew(0); transform: rotate(0) skew(0) }
テーマTangoのサイドバーのタイトル部分のリボンをはずしたい場合は、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* サイドバーのタイトル部分のリボンをはずす */ .hatena-module-title::before, .hatena-module-title::after { border: none }
テーマTangoの目次のINDEXという文字を目次に変えるには、デザイン→カスタマイズ→デザインCSSに以下のコードをコピペしてください。
/* 目次のINDEXという文字を目次に変える */ .entry-content ul.table-of-contents::before { content: ":::: 目次 ::::" }
