練習ページ/雑談板下部レイアウト案(ウィジェット)

Last-modified: 2016-04-07 (木) 08:20:03

このレイアウトページは、regionによる折りたたみ機能によるツイッターのウィジェットの表示幅不具合の対応として作成されました。






【新案のレイアウト更新内容】

  • 2016/01/22-22:28　「コマンド解説」部をregionレイアウトに戻し、リンクとウィジェット間に改行を入れました。
  • 2016/04/06-20:19　ウィジェットの横幅を調整したものを追加しました


【現】#regionを用いたレイアウト(ウィジェットに不具合発生？)

← 公式ツイッターはココをクリック
  • 艦これ開発/運営 公式アカウント　　　　　　　　　　　　　　　　　　　　　　　　　
    Twitter 社の仕様変更により、twitter_widget プラグインは廃止されました。
    twitter_timeline プラグインをご利用ください。
    例: #twitter_timeline(@=twitter_account_id);

※コメントの練習は練習ページで行って下さい
※AAコピペ等荒らし対策の一環で改行コマンド及び文字サイズ変更は使用禁止しております。（&br； &size(){}；、SIZE変更ボタン）
※雑談Wikiに502,503,522エラーが発生する元になる為、画面のリロードはなるべく控えてください。
※リロードはF5ではなく、コメント送信を1回空送信してください。F5等でのリロードの場合過去の版を読み込む場合があります。
※艦これネタ専用お絵かき掲示板では新ログ待ち絵を随時募集しております。一覧は新ログ待ち絵一覧よりご覧ください。
※画像は直接貼り付けたりせず、画像アップローダー等をご利用ください。その後下の解説を参考に文字にURLを埋め込んでください。
※艦隊編成の相談や、育成艦の相談にはこちらのページ等をご利用ください。　
※何かありましたら管理連絡掲示板にてご報告してください。

←雑談掲示板上でよく出るコマンド（色やURL等）の解説とやり方
  • コメントに色を付ける方法
    • コメント欄に文章を入力し色を付けたい文字をドラッグ→コメント欄右にあるコマンドパレットから色をクリック→投稿する。1回目のクリックで文字色(無指定で黒色）、続く2回目のクリックで背景色が指定できる(無指定で白色）。よって両方無指定で白背景の黒文字になる。 
      もしくは&color(付けたい色のcolorコード){文章};と色の部分をcolorタグで指定することになる。
colorコードとしてHTMLカラーコードを使うことも可能。(だが事故の元なので規定色だけ推奨）
      • 例： 文章(文字色と背景色を指定)　文章(文字色のみ指定) 
        コメント欄上の表示≫ &color(White,Blue){文章};と&color(Red){文章};
    • URLをデフォの青色以外にする方法 
      [[文章>URL]]の部分を[[&color(カラーコードor固定カラー(英語で)){文章};>URL]]とする。(Wiki内ページリンク時も同様)
      ※文全体の色付けだけではURL部分は青色のままになるため、色を統一したい場合はURL部分の色付けと文全体の色付けが必要。
      • 例： 本家(要反転、URL先は本家wiki) 
        コメント欄上の表示≫ [[&color(White){本家};>http://wikiwiki.jp/kancolle/]]
    • 紳士的な話題等は白背景、白文字にして反転しないと見えないようにしようね？
  • 文字にURLを張る方法 (URL先は本家Wiki)
    • コメント欄に文章を入力しURLを張りたい文字をドラッグ→URLボタンを押す→出てくるウィンドウにURLを上書きで貼付け、もしくはhttp://から続きを入力してOKを押す→投稿する。 
      ボタンを使わない場合[[URLを張りたい文字>URL]]と入力する。(ボタンを使った場合もコマンドが成功すればこうなる)
[[～> http://～]]のように>とhの間にスペースが入るとリンクに失敗するので注意。(http://～と]]の間も同様)
避難所Wiki内にページがある場合[[ページ名]]と打ってもリンクを張れる。(本家Wikiは外部ページなので対象外)
      • Wiki外ページへのリンク例： コメント(URL先は本家Wiki) 
        コメント欄上の表示≫ [[コメント>http://wikiwiki.jp/kancolle/]]
      • Wiki内ページへのリンク例： 雑談掲示板 
        コメント欄上の表示≫ [[雑談掲示板]]
    • 長いURLを張る場合できる限り文章に張り付ける（上のようにする）を心がけてください。直接コメントにURLを乗せた場合、そのURLが長すぎるとレイアウトが崩れてしまいます。
    • 外部サイトのリンクを張る際、URL内に2バイト文字(ひらがやな全角カタカナ、漢字、全角記号など)を含んでいると正しくリンクが張れません(特にWikipedia)。この場合wiki内ページへのリンクとなります。
      • リンク先が「有効なInterWikiNameではありません」となった時は2バイト文字が混じっていないか確認しましょう。
      • 何回やってもダメな場合は短縮URLを使った上でもう一度やってみてください。
    • ちなみにあまりもURLが長いと上記のことをやってもリンク化できない時があります。
      • その時は短縮url等を使い短くしたうえでお願いします。
  • 太字にする方法
    • 太字にしたい文章をドラッグで選択してコメント欄右のBボタンを押す。 
      コメント欄上の表示≫ ''文章''
    • 応用的なものだが斜め文字やアンダーバーや消去線も同様なことで可能。 
      コメント欄上の表示≫ '''斜め文字'''や%%%アンダーバー%%%や%%消去線%%
  • 色付き大文字にしたい場合
    • 色を付けてからさらにBボタンを押すか、Bボタンを押してから色を付ける（どっちが先でもいい） 
      コメント欄上の表示≫ ''&color(Red){Bボタン};''または&color(Red){''Bボタン''};
  • URLボタン、色パレット、Bボタンなどが見当たらない方へ
    • javascriptが設定でオフになっている場合、ボタンが表示されない場合があります。この場合コマンドを直接入力してもらう必要があります。
      • また一部ブラウザでも表示されない場合があります。














【新】#accordionを用いた新レイアウト

←「艦これ開発/運営」 公式ツイッター

Twitter 社の仕様変更により、twitter_widget プラグインは廃止されました。
twitter_timeline プラグインをご利用ください。
例: #twitter_timeline(@=twitter_account_id);

※コメントの練習は練習ページで行って下さい
※AAコピペ等荒らし対策の一環で改行コマンド及び文字サイズ変更は使用禁止しております。（&br； &size(){}；、SIZE変更ボタン）
※雑談Wikiに502,503,522エラーが発生する元になる為、画面のリロードはなるべく控えてください。
※リロードはF5ではなく、コメント送信を1回空送信してください。F5等でのリロードの場合過去の版を読み込む場合があります。
※艦これネタ専用お絵かき掲示板では新ログ待ち絵を随時募集しております。一覧は新ログ待ち絵一覧よりご覧ください。
※画像は直接貼り付けたりせず、画像アップローダー等をご利用ください。その後下の解説を参考に文字にURLを埋め込んでください。
※艦隊編成の相談や、育成艦の相談にはこちらのページ等をご利用ください。　
※何かありましたら管理連絡掲示板にてご報告してください。

←雑談掲示板上でよく出るコマンド（色やURL等）の解説とやり方
  • コメントに色を付ける方法
    • コメント欄に文章を入力し色を付けたい文字をドラッグ→コメント欄右にあるコマンドパレットから色をクリック→投稿する。1回目のクリックで文字色(無指定で黒色）、続く2回目のクリックで背景色が指定できる(無指定で白色）。よって両方無指定で白背景の黒文字になる。 
      もしくは&color(付けたい色のcolorコード){文章};と色の部分をcolorタグで指定することになる。
colorコードとしてHTMLカラーコードを使うことも可能。(だが事故の元なので規定色だけ推奨）
      • 例： 文章(文字色と背景色を指定)　文章(文字色のみ指定) 
        コメント欄上の表示≫ &color(White,Blue){文章};と&color(Red){文章};
    • URLをデフォの青色以外にする方法 
      [[文章>URL]]の部分を[[&color(カラーコードor固定カラー(英語で)){文章};>URL]]とする。(Wiki内ページリンク時も同様)
      ※文全体の色付けだけではURL部分は青色のままになるため、色を統一したい場合はURL部分の色付けと文全体の色付けが必要。
      • 例： 本家(要反転、URL先は本家wiki) 
        コメント欄上の表示≫ [[&color(White){本家};>http://wikiwiki.jp/kancolle/]]
    • 紳士的な話題等は白背景、白文字にして反転しないと見えないようにしようね？
  • 文字にURLを張る方法 (URL先は本家Wiki)
    • コメント欄に文章を入力しURLを張りたい文字をドラッグ→URLボタンを押す→出てくるウィンドウにURLを上書きで貼付け、もしくはhttp://から続きを入力してOKを押す→投稿する。 
      ボタンを使わない場合[[URLを張りたい文字>URL]]と入力する。(ボタンを使った場合もコマンドが成功すればこうなる)
[[～> http://～]]のように>とhの間にスペースが入るとリンクに失敗するので注意。(http://～と]]の間も同様)
避難所Wiki内にページがある場合[[ページ名]]と打ってもリンクを張れる。(本家Wikiは外部ページなので対象外)
      • Wiki外ページへのリンク例： コメント(URL先は本家Wiki) 
        コメント欄上の表示≫ [[コメント>http://wikiwiki.jp/kancolle/]]
      • Wiki内ページへのリンク例： 雑談掲示板 
        コメント欄上の表示≫ [[雑談掲示板]]
    • 長いURLを張る場合できる限り文章に張り付ける（上のようにする）を心がけてください。直接コメントにURLを乗せた場合、そのURLが長すぎるとレイアウトが崩れてしまいます。
    • 外部サイトのリンクを張る際、URL内に2バイト文字(ひらがやな全角カタカナ、漢字、全角記号など)を含んでいると正しくリンクが張れません(特にWikipedia)。この場合wiki内ページへのリンクとなります。
      • リンク先が「有効なInterWikiNameではありません」となった時は2バイト文字が混じっていないか確認しましょう。
      • 何回やってもダメな場合は短縮URLを使った上でもう一度やってみてください。
    • ちなみにあまりもURLが長いと上記のことをやってもリンク化できない時があります。
      • その時は短縮url等を使い短くしたうえでお願いします。
  • 太字にする方法
    • 太字にしたい文章をドラッグで選択してコメント欄右のBボタンを押す。 
      コメント欄上の表示≫ ''文章''
    • 応用的なものだが斜め文字やアンダーバーや消去線も同様なことで可能。 
      コメント欄上の表示≫ '''斜め文字'''や%%%アンダーバー%%%や%%消去線%%
  • 色付き大文字にしたい場合
    • 色を付けてからさらにBボタンを押すか、Bボタンを押してから色を付ける（どっちが先でもいい） 
      コメント欄上の表示≫ ''&color(Red){Bボタン};''または&color(Red){''Bボタン''};
  • URLボタン、色パレット、Bボタンなどが見当たらない方へ
    • javascriptが設定でオフになっている場合、ボタンが表示されない場合があります。この場合コマンドを直接入力してもらう必要があります。
      • また一部ブラウザでも表示されない場合があります。














【新】#accordionレイアウト（横幅を1/2に縮小）

←「艦これ開発/運営」 公式ツイッター

Twitter 社の仕様変更により、twitter_widget プラグインは廃止されました。
twitter_timeline プラグインをご利用ください。
例: #twitter_timeline(@=twitter_account_id);