snagplaces on @wiki
@wikiカスタマイズ
最終更新:
snagplaces
-
view
最終更新日時:2009年11月21日 (土) 00時56分39秒[編集]
[部分編集]
ノート(3段組)テンプレートを2段組みにする
@wikiのテンプレートである「ノート」は3カラム構成なので、これを2カラム(右カラムを削除)に変更します。
管理ページの「CSSカスタマイズ」から対象の個所を記入すれば右カラムを消せます。
管理ページの「CSSカスタマイズ」から対象の個所を記入すれば右カラムを消せます。
.leftcol { width:220px; margin-left:-220px; } .rightcol { display:none; } .outer { border-left:220px solid #F5F5F5; border-right:0; } .inner { border-right:0; }
余談ですが、以下のコードを入れてやれば広告群を消すことができますが・・・多分規約違反で消されるでしょうね。
.ads, #body_footer div, #recommend { display:none; }
[▲上へ]
[部分編集]
iPhoneレイアウトに対応させてみる
管理画面の「CSSカスタマイズ」に以下のコードを入力すれば、iPhoneアクセス時に自動で以下のCSSが適用されます。
/* iPhone用 */ @media screen and (max-device-width: 480px) { * { /* ここにCSSを書く */ -webkit-text-size-adjust:100%; /* 自動フォントサイズ調整 */ -webkit-tap-highlight-color:red; /* タップ時の色を変更 */ } }
@wikiはレイアウトのカスタマイズをしようにも実質CSSカスタマイズの画面でしかできないため、以下のようなことはできません(でも一応メモ)。
- 自動英数字先頭大文字
- <input type ="text" autocapitalize="on">
- 自動校正
- <input type ="text" autocorrect="on">
- 自動電話番号リンク化
- <meta name="format-detection" content="telephone=no">
- Webクリップ時のFavicon画像指定
- <link rel="apple-touch-icon" href="favicon.png" />
あと、古いIEはCSSの「screen and~」に対応してないらしく外部CSSを指定する必要があるのですが、@wikiの仕様ではそれの対応もできません。
他にもiPhoneレイアウト特有のタップしたら次画面にスライドするViewport等がありますが、結構いろいろ手法があるそうなのでiPhone生活さんの所を参照したほうが早いです。
他にもiPhoneレイアウト特有のタップしたら次画面にスライドするViewport等がありますが、結構いろいろ手法があるそうなのでiPhone生活さんの所を参照したほうが早いです。
[▲上へ]