携帯電話対応 - @wiki
表示内容を、パソコンと携帯電話で切り替える携帯電話用のトップページを別に作る
パソコンから携帯電話用の画面を確認する
携帯電話向け表示の特性
----
o @wikiは、携帯電話にも対応しています。
o 携帯電話を意識したページ作りを試みた時のメモを纏めました。
＝＝
関連ページ：
▼@wiki
▼ホームページを作る
▼制作メモ
▼取り込みと貼り付け
▼リンクとページ管理
▼@wikiをカスタマイズする
▼バックアップする
2010年6月16日水曜日
@wikiをバックアップする
投稿記事をバックアップするCSSをバックアップする
----
o @wikiには履歴管理機能がありますが、時々、バックアップする事を、おすすめします。
o 履歴も含めて完全に削除してしまったような時、メモ帳で開いて手動復元できます。
o なお、CSSカスタマイズの履歴管理機能はありません。CSS変更前には、CSSのバックアップを取りましょう。
＝＝
関連ページ：
▼@wiki
▼ホームページを作る
▼制作メモ
＞ ▼携帯電話対応
▼取り込みと貼り付け
▼リンクとページ管理
▼@wikiをカスタマイズする
@wikiをカスタマイズする
基本デザイン（スキン）を変更するCSSカスタマイズする
CSSをバックアップする
自分だけが書き込めるウィキを作る
RSSの形式を変更する
----
o @wikiは、スキン変更やCSSカスタマイズをサポートしています。カスタマイズ好きな方も楽しむ事が出来ます。
＝＝
関連ページ：
▼@wiki
▼ホームページを作る
▼制作メモ
＞ ▼バックアップする
▼携帯電話対応
▼取り込みと貼り付け
▼リンクとページ管理
リンクとページ管理 - @wiki
画像でリンクする。refプラグインページの表示名を変更する
目録を作る
タグを付ける
最近の更新ページ一覧を表示する
人気ページ一覧を表示する
内部ページのリンク切れを見つける
編集したページを変更前の状態に戻す
ページを削除する
----
o @wikiは、単に情報整理するだけでなく、読者が望みそうな情報を提供する機能を持っています。
+ 例えば、「昨日の人気ページ一覧を表示する」「下位階層の更新履歴を表示する」。
＝＝
関連ページ：
▼@wiki
▼ホームページを作る
▼制作メモ
＞ ▼@wikiをカスタマイズする
▼バックアップする
▼携帯電話対応
▼取り込みと貼り付け
取り込みと貼り付け - @wiki
JavaScript を取り込む他のページを取り込む
Amazon の商品画像を貼り付ける
AmazonのアソシエイトIDを取得する
ピアプロプレイヤーを設置する
----
o @wikiには、JavaScriptやRSSなどの取り込みの他に、「他のページの本文を取り込む」機能があります。
o これらの機能や他の機能を組み合わせる事で、複雑な情報の見せ方をしつつ、後の修正が簡単なwikiを作る事が出来ます。
＝＝
関連ページ：
▼@wiki
▼ホームページを作る
▼制作メモ
＞ ▼リンクとページ管理
▼@wikiをカスタマイズする
▼バックアップする
▼携帯電話対応
2010年5月11日火曜日
携帯電話向け表示の特性 - @wiki
@wikiで作ったページは、携帯電話からもアクセス出来ます。但し、携帯電話にとって快適なページは、パソコン向けページとは少し違います。
**** 携帯電話向け表示の特性
o 携帯電話では、メニューと右メニューは表示されません。
+ メニューや右メニューに頼らなくても、辿る事が出来るようにします。
o インデントはなるべく少なくした方が良さそうです（= 左に書く「-」）
+ 携帯電話は横幅が狭いです。見栄えを損なわない範囲で、なるべく端に寄せて書きます。
+ 携帯電話に合わせると、パソコンでの見栄えが悪くなります。
+ 両方の見栄えに拘りたい時は、携帯電話専用のページを別に作るか、それぞれの特性に合わせて表示内容を切り替えます。
＝＝
関連ページ：
▼携帯電話対応
▼@wiki
▼制作メモ
表示内容を、パソコンと携帯電話で切り替える
携帯電話用のトップページを別に作る
パソコンから携帯電話用の画面を確認する
パソコンから携帯電話用の画面を確認する方法 - @wiki
トップページのアドレスの最後に「m/」を付けます。o 例えば、@wikiご利用ガイドの場合は http://www1.atwiki.jp/guide/m/
o トップページ以外の場合も同様です。 /pages の手前に入れます。
＝＝
関連ページ：
▼携帯電話対応
▼@wiki
▼制作メモ
＞ 携帯電話向け表示の特性
表示内容を、パソコンと携帯電話で切り替える
携帯電話用のトップページを別に作る
携帯電話用のトップページを別に作る方法 - @wiki
@wikiでは、携帯電話専用の画面を別に作る事が出来ます。**** 手順
o ログインします。
o 上部メニューの右端近くにある「設定」を押します。
o 左側のメニューで「携帯用トップページ選択・編集」を選びます。
o 後は、書いてある通りに設定するだけです。
**** メモ
o この他に、パソコン用のトップページを変更する事でも実現できます。
＝＝
関連ページ：
▼携帯電話対応
▼@wiki
▼制作メモ
＞ パソコンから携帯電話用の画面を確認する
携帯電話向け表示の特性
表示内容を、パソコンと携帯電話で切り替える
表示内容を、パソコンと携帯電話で切り替える方法 - @wiki
プラグインを使います。対応するプラグインは複数ありますが、同じように動きます。o 詳しい文法は、公式ヘルプをご覧下さい。
**** 対応するプラグイン
** パソコン専用表示
o pcプラグイン = パソコンのみ表示します。
o exkp(k)プラグイン
o exkプラグイン
** 携帯電話専用表示
o mobileプラグイン = 携帯電話のみ表示する
o exkp(p)プラグイン
o expプラグイン
**** メモ
o 見栄えに拘りたい方向け情報です。
o & で始まる名前 = 改行しません。行の途中にキーワードを埋め込む時に使います。
o # で始まる名前 = 複数行まとめて切り替える時に使います。
o pcプラグインとmobileプラグインを複数行モード(#)で並べて使うと、間に1行空きが出来ます。
＝＝
関連ページ：
▼携帯電話対応
▼@wiki
▼制作メモ
＞ 携帯電話用のトップページを別に作る
パソコンから携帯電話用の画面を確認する
携帯電話向け表示の特性
@wikiをCSSカスタマイズする方法
CSSカスタマイズで「ページの見栄え」を大きく変更する事が可能です。o ブログ等の「CSSカスタマイズ」と同じ機能です。
**** 手順
o 1. ログインします。
o 2. 上部メニューの右端近くにある「設定」を押します。
o 3. 初めてCSSカスタマイズする方は、最初に基本デザインを選択する事をおすすめします。
+ 「CSSカスタマイズ」のすぐ上にある「デザインを選択する」。
+ 気に入ったデザインになったら、CSSカスタマイズする必要も無くなります。
o 4. 左のメニューの中ほどにある「CSSカスタマイズ」を押します。
o 5. 必要に応じて、変更前のCSSをバックアップします。
o 6. 好きなだけカスタマイズして「変更する」ボタンで確定します。
**** メモ
o 事前に、CSSをバックアップする事をおすすめします。
o 理由は、CSSカスタマイズには、編集履歴機能が無いからです。
＝＝
関連ページ：
▼@wikiをカスタマイズする
▼CSSカスタマイズ
▼@wiki
▼制作メモ
＞ CSSをバックアップする
自分だけが書き込めるウィキを作る
RSSの形式を変更する
基本デザイン（スキン）を変更する
2010年5月10日月曜日
@wikiの基本デザイン（スキン）を変更する方法
作ったウィキを飾り付ける、一番お手軽な方法です。**** 手順
o ログインします。
o 上部メニューの右端近くにある「設定」を押します。
o 設定変更画面の、左に出てくるメニューで、「デザインを選択する」を選択します。
o 好きなスキンを選択して、下の「変更する」ボタンを押します。
**** メモ
* デザインを変更すると、CSSカスタマイズ結果も初期化されます。
o 必要な時は、CSSをバックアップします。
＝＝
関連ページ：
▼@wikiをカスタマイズする
▼@wiki
▼制作メモ
＞ @wikiをCSSカスタマイズする
CSSをバックアップする
自分だけが書き込めるウィキを作る
RSSの形式を変更する
自分だけが書き込めるウィキを作る方法 - @wiki
次の2つを行います。o 新規作成するページの編集権限を、管理者だけに変更します。
o 既存ページの編集権限も、管理者だけに変更します。
ウィキが大きくなった後で変更するのは大変ですので、なるべく早い内に行います。
**** 手順
** 新規作成するページの編集権限変更
o ログインします。
o 上部メニューの右端近くにある「設定」を押します。
o 基本設定変更画面になりますので、項目「新規作成時のデフォルト編集権限」を「管理者のみ」に設定します。
o 必要に応じて、他の設定も変更します（= 下にある設定例もどうぞ）。「設定変更」ボタンは一番下にあります。
o 変更が終わったら、一番下にある「設定変更」ボタンを押します。
** 既存ページの編集権限変更
o ページを開いて、上部メニューの[編集]-[このページの閲覧・編集権限の変更]。
o 設定画面で、編集の権限設定を「管理者のみ編集可能」に変更します。
o 他の人に更新させたくない全ページについて、設定を変更します。
+ ページ一覧の場所は、上部メニューの「表示」-「このウィキのページ一覧」。
+ 右隣に削除リンクがありますので、ページ一覧からページを開く時は注意します。
**** 設定例
o 2008年当時に設定した項目です。項目が増減しているかもしれませんので、今の画面に合わせて対応して下さい。
o 上部メニューの右にある「設定」を押した時に表示される基本設定画面では
+ 「ログインユーザ以外による新規ページ作成」許可しない
+ 「新規作成時のデフォルト編集権限」管理者のみ編集可能
o この時点で、一番下にある「設定変更」ボタンを押します。
o 左のメニューから「こだわり設定」を選んで、必要になりそうな項目を設定します。
+ 「メンバー参加設定」メンバー登録を許可しない
+ 「ログインメンバーによる空白投稿でのページ削除設定」禁止する
+ 「編集履歴（バックアップ）・編集履歴のあるページ一覧の利用制限設定」管理者のみ利用可能
+ 「最新版変更点の利用制限設定」管理者のみ利用可能
+ 「アップロードファイルから新規作成の制限設定」管理者のみ利用可能
+ 「ブログ(RSS)引用機能の制限設定」管理者のみ利用可能
+ 「ホームページ引用機能の制限設定」管理者のみ利用可能
o 変更が終わったら、一番下にある「設定変更」ボタンを押します。
＝＝
関連ページ：
▼@wikiをカスタマイズする
▼@wiki
▼制作メモ
＞ RSSの形式を変更する
基本デザイン（スキン）を変更する
CSSカスタマイズする
CSSをバックアップする
RSSの表示形式を変更する方法 - @wiki
@wikiの初期設定は、RSSの文章に括弧が混じっていて、読み難いです。更新情報RSSを他の方（人間）に読んで欲しい時は、設定変更する事で、読み易くする事が出来ます。
**** 手順
o ログインします。
o 上部メニューの右端近くにある「設定」を押します。
o 左側のメニューから、「こだわり設定」を選びます。
o 項目「RSSの出力設定(α実験中)」を探して、RSSに表示させたい項目を選びます。
+ 文章を読ませたい時は「HTML変換して表示」（5件まで）。
+ ページ名だけ表示したい時は「ページ内容を紹介しない」。
**** メモ
o RSSの内容確認は、上部メニューから。「表示」を選ぶと、選択肢の一番下に並んでいます。
＝＝
関連ページ：
▼@wikiをカスタマイズする
▼@wiki
▼制作メモ
＞ ▼@wikiをバックアップする
基本デザイン（スキン）を変更する
CSSカスタマイズする
CSSをバックアップする
自分だけが書き込めるウィキを作る
ピアプロプレイヤーを設置する方法 - @wiki
o ピアプロで曲やイラストをブックマークすると、ピアプロプレイヤーを使って、 @wikiでも鑑賞する事が出来ます。**** 手順
o 管理者が、次の２つを行います。
** ピアプロプレイヤーの設置をします。（include_jsプラグイン使用）
o ピアプロにログインして、ブログパーツのスクリプトを入手します。（＝メモ帳にコピーします。）
o コピーしたスクリプトの src=から始まる部分から、記述例のように抜き出して使います。
o include_jsプラグインを使う書き方の例
#include_js(http://piapro.jp/blogparts/?pid=to_dk&fid=47620&view=audio&c=0)
** ピアプロプレイヤーを置く場所の幅が狭い時は、伸ばします。（CSSカスタマイズ使用）
o 変更手順は、上のメニューから[設定]を押して、左のメニューにある[CSSカスタマイズ]。
o ユーザ定義CSSの部分に書いて、入力欄の下にある変更ボタンを押します。
o CSSカスタマイズの書き方の例（3つ組の右メニューの場合、extras。（左）メニューなら、たぶんleftsideです。）
#extras {
width: 160px;
}
＝＝
関連ページ：
▼取り込みと貼り付け
▼@wiki
▼制作メモ
＞ ▼リンクとページ管理
JavaScript を取り込む
他のページを取り込む
Amazon の商品画像を貼り付ける
AmazonのアソシエイトIDを取得する
AmazonのアソシエイトIDを取得する方法
AmazonアソシエイトIDは、Amazonアソシエイトメンバー（無料）になると貰えます。**** 応募手順
o （アソシエイトIDを貼る）ホームページやブログなどを作ります。審査対象になります。
o Amazonアソシエイトを申し込みます。
+ Amazonのページの一番下から辿る事が出来ます。
+ 「Amazon でビジネス」の下の「アソシエイト（アフィリエイト）」
+ 作ったホームページなどのアドレスも必要です。
o メールで審査結果が届きます。
o 合格したら、アソシエイトIDが載っていますので、それを使います。
**** メモ
o 自分で作ったAmazonアフィリエイトを通って自分が購入する事は、禁止されていたような気がします。
o 契約文を良く読んで、アソシエイトIDを、契約違反にならないように使います。
＝＝
関連ページ：
▼取り込みと貼り付け
▼@wiki
▼制作メモ
＞ ピアプロプレイヤーを設置する
JavaScript を取り込む
他のページを取り込む
Amazon の商品画像を貼り付ける
Amazonの商品画像を貼り付ける方法 - @wiki
@wikiでは、無料でアフィリエイトが可能です。o 商品に関する記事を書きたい時にも便利です。
o 注意点は、度が過ぎないようにする事です。@wikiは、販売スペースではありません。
**** 手順
o ただ画像を貼り付けるだけなら amazonプラグイン。
+ 詳しくは、公式ガイドの説明をご覧下さい。
+ amazon2プラグインを使う時は、AmazonアソシエイトIDの入力が必要みたいです。
**** メモ
o AmazonアソシエイトIDの入力場所は
+ 上部メニューの右側「設定」
+ 基本設定変更画面。下の方にある「アマゾン アソシエイトID」。
+ AmazonアソシエイトIDの取得方法は「AmazonのアソシエイトIDを取得する」。
＝＝
関連ページ：
▼取り込みと貼り付け
▼@wiki
▼制作メモ
＞ AmazonのアソシエイトIDを取得する
ピアプロプレイヤーを設置する
JavaScript を取り込む
他のページを取り込む
JavaScriptを取り込む方法 - @wiki
ページの中にJavaScriptを取り込みたい時は、include_jsプラグインを使います。**** 手順
o ファイルに書いて、呼び出す形になります。
#include_js(http://www28.atwiki.jp/to_dk/pub/test.js)
**** メモ
o スクリプト中で日本語を使う場合、文字コードは「UTF-8」にします。
o JavaScriptファイルの置き場所に困ったら
+ wikiにファイルをアップロードする事が出来ます。
+ 上部メニューの「編集」から。出てくる選択肢の下に、アップロードがあります。
+ 2種類ありますので、便利な方を選びます。
＝＝
関連ページ：
▼取り込みと貼り付け
▼@wiki
▼制作メモ
＞ 他のページを取り込む
Amazon の商品画像を貼り付ける
AmazonのアソシエイトIDを取得する
ピアプロプレイヤーを設置する
他のページを取り込む方法 - @wiki
別ページなどを読み込む時には、includeから始まる名前のプラグインを使います。**** 手順
o 軽くて速いのは、include_cacheプラグインです。
#include_cache(フッタ)
+ （左の）メニューに適用して表示幅が変になる時は、includeプラグインに置き換えると解決します。
o ランダム広告のような使い方をしたい時は、include_randomプラグイン。
#include_random(広告/その1,広告/その2)
+ 2つの広告ページを作って
+ include_randomプラグインに、2つのページを渡します。
o この他にも、変わった機能を持つinclude系プラグインがあります。
+ JavaScriptの取り込み（include_jsプラグイン）など。
**** メモ
o include系のプラグインは、合わせて10個まで使用出来るみたいです。（使い過ぎると、保存時にメッセージが出ます。）
o include_cacheプラグインは、入れ子にして2重に呼び出す事は出来ません。そのような必要がある時は、includeプラグインを使います。
＝＝
関連ページ：
▼取り込みと貼り付け
▼@wiki
▼制作メモ
＞ Amazon の商品画像を貼り付ける
AmazonのアソシエイトIDを取得する
ピアプロプレイヤーを設置する
JavaScript を取り込む
CSSをバックアップする方法 - @wiki
wikiの管理者は、CSSカスタマイズする事が出来ます。ですから、CSSをバックアップする事も出来ます。
**** 手順
o メモ帳などにCSSを貼りつけて、保存します。
+ ユーザ定義CSSの内容を、「すべて選択」「コピー」。
+ メモ帳を開いて、「貼り付け」「名前を付けて保存」。
**** メモ
o ページのレイアウトを完全に復元する為には、基本デザインの選択も覚えておく必要があります。
+ 上部メニューの右にある「設定」から、左の列にある「デザインを選択する」。
+ そして、今選択されているデザインの名前をメモします。
＝＝
関連ページ：
▼@wikiをカスタマイズする
▼@wikiをバックアップする
▼CSSカスタマイズ
▼@wiki
▼制作メモ
＞ 自分だけが書き込めるウィキを作る
＞ ▼携帯電話対応
RSSの形式を変更する
投稿記事をバックアップする
投稿記事をバックアップする方法 - @wiki
wikiの管理者は、wikiに投稿した記事を一括バックアップする事が出来ます。o wikiにアップロードしたファイルや設定内容は、別途バックアップする必要があります。
**** 手順
o @wikiのトップページを開きます。
o 左の列から「＠ウィキよくある質問カテゴリ」にある「その他」リンクをクリックします。
o 「バックアップをとるにはどうすればいいですか？」リンクから、バックアップのページに移動する事が出来ます。
＝＝
関連ページ：
▼バックアップする
▼@wiki
▼制作メモ
＞ CSSをバックアップする
登録:
投稿 (Atom)