ぎ～くろぐ(geeklog)更新担当者用マニュアル

ログインと記事投稿2

2009-09-04T14:02:04+09:00

ログインと記事投稿

　いろいろな投稿方法がありますが（http://wiki.geeklog.jp/index.php/Contrib）
ここでは最も一般的な『管理者が投稿する方法』を説明します。
　　　（画像はバージョン1.5.2sr4のものを掲載。）

①記事投稿する時にはまずログインをします。
　ログインには①ユーザー名と②パスワードが必要です。この二つを管理者から渡されたら大事に保管してください。
誰か別の人に盗まれると貴方の名前で投稿やコメントされてしまいます。

②サイトにログインします。
　

③次に「記事投稿」ボタンをクリックします。

画面が切り替わってから、ページに編集用ツールバーが読み込まれるのを待ちます。
↓　↓　↓　↓　↓　↓　↓

④「タイトル]を記入します。

⑤「話題」を選択します。

⑥投稿モードは「アドバンストエディタ」を選択します。
　　HTML形式・テキストは上級者用です。
これがアドバンストエディタ（一般的なツールバー）です。
↓　↓　↓　↓　↓　↓

デフォルト（初期設定）では「一般的なツールバー」になっていますのでまずはそのままの状態で入力してみましょう。

⑦冒頭文と本文
Ⓐ「冒頭文」部分に書いた文字画像などはブログ記事が一覧できる状態で表示されたときに表示されます。
この部分だけで記事を書き終えても構いません。

このように冒頭文だけを入力すると、下記のような表示になります。
　　↓　↓　↓　↓　↓

Ⓑ長い記事を書きたい場合には「冒頭文」続く文を「本文」部分に書きます。

これにより「続きを読む」リンクが現れるようになり、「続きを読む」をクリックすると記事全文が読めるようになります。
↓　↓　↓　↓　↓　↓　↓

⑧その他のタブ

上記の操作はすべて「エディタ」で行われています。
その他のタブでは下記のような操作ができます。

「プレビュー」・・・・・記事の出来上がりの様子を見ることが出来ます。
　　　　　　　　　　　アドバンストエディタを使う場合は下部の｢プレビュー｣ボタンを一度クリックしたあと
このタブを見ることができます。

「公開オプション」・・・・・「投稿日時」は自由に変更することができます。
　　　　　　　　　　　　　　　　　３日前の日記を書いたり、５日後に公開したい日記をあらかじめアップしておいたりすることができます。
　　　　　　　　　　　　　　　　　「公開オプション」では、サイトの仕組みが理解できると記事の反映の仕方をあらゆる形にかえることができますが
　　　　　　　　　　　　　　　　　　ここでは省略いたします。　

「画像」・・・・・画像の貼り付け方は幾通りあります。詳しくは別途説明いたします。

「アーカイブ」・・・・・アーカイブの意味がわからない場合はそのままにしておきましょう。

「パーミッション」・・・・・パーミッションは誰に記事の読み書きを許可するかを示します。
デフォルトでは，誰でも記事を読めますが，所有者しか編集できません。

⑨内容を確認後、「保存」ボタンで投稿を完了します。

以上、本当に初歩の初歩の投稿の仕方を説明しましたが、サイトの仕組みが分かれば、そして自動タグやアドバンストエディタの使い方がわかれば、本当にいろいろな記事を思いのままに投稿することができます。詳しい記事投稿の説明はGeeklog Wikiの「記事を運用する」をご覧ください。

記事の文字装飾やデザインをする

2009-08-17T00:16:35+09:00

アドバンストエディタの使い方

記事を書き終えたらアドバンストエディタの機能をいろいろ使ってみましょう。
必要に応じて文字色を変えたり、文字を大きくしたり・・・・といった文字装飾をします。

！！Geeklogのアドバンスエディタの改行について！！
標準設定では「Shift」+「Enter」キーで改行、「ENTERキー」で段落替え（１行空きます）になります。

アドバンスエディターはボタン操作で文字装飾などが手軽に出来ます。原則として、装飾したい文字列をカーソルで範囲選択した後にアイコンボタンを押して各機能を実行します。アイコンボタンの上にマウスカーソルを置くと機能名が表示されるので何のボタンか分からなくなったときにやってみてください。

手始めにボタンを使って文字修飾をやってみるとこうなります。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

以下、アイコンボタンの説明をしながら機能説明をします。

　・・・＋－
＋を押すと文字入力枠が縦に広がり、-を押すと狭くなります。

ツールバーの選択

「一般的なツールバー」「基本的なツールバー」「拡張ツールバー」「全表示」が選択できますが、普通は「一般的なツールバー」で充分です。

・・・ソース
htmlソースを直接書き込み編集するモードで上級者向けです。普通は使わないでください。

・・・元に戻す・やり直し
一つ前の作業を取り消し、元の状態に戻します。

・・・リンク
他のサイトや他のサイトの記事へのリンクを作成します。

・・・太字に変換
文字を太字にします。

・・・斜体に変換
文字を斜体にします。

・・・下線
文字にアンダーラインを引きます。

・・・取り消し線
文字の真ん中に取り消し線を引きます。文字訂正したことを表示しておきたい場合などに使います。

・・・左寄せ・中寄せ・右寄せ
行を左寄せ･中寄せ・右寄せします。

　 …箇条書き
番号で箇条書き・記号で箇条書き

・・・インデント

・・・プレーンテキスト貼り付け
他のアプリケーションから文字を貼り付ける場合に使用します。長い文章の引用などに便利です。そのアプリケーションで文字列をコピーしアドバンスエディタでこのボタンを押します。文字の書式は引継がれません。

フォント：好きなフォントを選択します

サイズ：フォントの大きさを選択します。

・・・テキストカラー
カラーパレットがポップアップされるので好きな色を選びます。

・・・背景色
カラーパレットがポップアップされるので好きな色を選びます。

・・・画像挿入
別掲を参照してください。

・・・表挿入

記事に画像をアップロードする方法2

2009-08-11T01:16:42+09:00

記事に画像をアップロードする方法は2つあります。お好きなほうを選んでください。
１．アドバンスエディターの画像ボタンを使う
２．画像タブを使う.................このページ

記事に画像をアップロードする方法２　「画像タブを使う」

基本編
まずは１枚、画像を貼り付けてみましょう。

①「記事の編集」画面で画像タブを選びます。
　　（画像）

②「画像」の部分、1)の行、「参照ボタン」を押してください。

③「ファイルのアップロード」ウィンドウが開きます。記事に挿入するPCの画像を選択し「開く」ボタンを押します。

④画像の指定が終わったら「記事の編集」の画像タブに戻ります。

⑤「記事の編集」画面の「エディタ」タブをクリックし、記事文書を入力。
　　記事の途中に③で指定した画像を挿入します。
　　その時に文中の画像を貼り付けたいところに[image1]と記述します。
　　　（画像）

⑥プレビューは押さず、なにはともあれまずは「保存」ボタンをクリック！
　　これで記事に画像が載りました。
　　　（画像）

上記のように先に画像をアップしてもいいですし、⑤の記事を書いた後で①～④の作業（画像アップ）をしてもOKです。また記事を書く→画像アップ→記事を書くも可能です。

公開されている画面で自動タグで貼り付けられた画像をクリックすると、リサイズ前の元の画像を見ることができます。
　（画像）→（画像）

☆注意★
ぎ～くろぐは約20分間しか記事の記録を記憶せず、その後は記録を消してしまうので、時間をかけて記事を書く場合は、出来れば10-15分ごとくらいに記事を一旦保存したあとで編集画面から編集することを繰り返すようにしてください。
（Geeklogサイト設置者の方へ。上記問題を解決するのにautosaveプラグインがあります。）

画像の使用
この方法でアップロードされた画像は必ず記事で使わないといけません。使わない画像があると記事保存の際にエラーが出て記事を保存できず「xxxの画像を記事で使ってください」というメッセージが出ます。

プレビューについて
この方法では画像の様子をプレビューすることは出来ません。画像のアップロードと記事を書き終えて保存してから記事を表示させ、直したいところがあれば再度記事の編集画面に入って編集をしてください。

おまけ

このように、画像タブから貼り付けるときに使う [image1] のように[XXXXX]といった記号を、ぎ～くろぐでは「自動タグ」と呼びます。
自動タグにはいろいろあり、たとえば画像を１枚だけでなく何枚でも（デフォルトでは５枚まで）貼り付けることができます。
（Geeklogサイト設置者の方へ。
　「管理者専用メニュー→コンフィギュレーション N/A →コンテンツ設定→記事設定→記事で設定できる最大画像ファイル数」
　　にて、貼り付け可能な枚数を５枚から適宜変更することができます。）
また、画像を右や左に寄せたり原画サイズの画像を反映したりもできます。

慣れてきたらいろいろ応用してみましょう。

応用編

①「記事の編集」画面で画像タブを選びます。
②「画像」の部分、1)の行、「参照ボタン」を押してください。

「ファイルのアップロード」ウィンドウが開きます。記事に挿入するPCの画像を選択し「開く」ボタンを押します。

画像2)、3)・・・・・と必要な画像の選択と指定を繰り返します。

画像の指定が終わったら「記事の編集」の画像タブに戻ります。画面下の「保存」ボタンを押すと画像がサーバーにアップロードされます。保存の前に↓の部分をよく読み、必要ならメモを取っておいてください。記事に画像を反映させるのに必要な大事なことです。

「記事の編集」画面で、記事文書の途中に画像を挿入します。↑のメモが記事に画像を挿入する方法です。[image1]と書くと画像1が挿入され、[image2]と書くと画像2が自動的に挿入されます。[image1_left]で画像は左寄り、[image1_right]で右寄りに表示されます。ぎ～くろぐでは表示される画像のサイズが事前に設定されていますが[unscale1]と書くとこれを無視して画像の本来の大きさで表示することが出来ます。下の例のように記入するとその下の例のような表示になります。

記事を一度保存してから記事を見てください。画像の自動タグが正しく記入されていれば↓のように画像が表示されます。左寄り、右寄り、原寸が正しく表示されています。

記事に画像をアップロードする方法1

2009-08-11T00:44:04+09:00

記事に画像をアップロードする方法は2つあります。お好きなほうを選んでください。
１．アドバンスエディターの画像ボタンを使う.................このページ
２．画像タブを使う

記事に画像をアップロードする方法２
「アドバンスエディターの画像アップロードボタンを使う」

①画像ボタンを押すと「イメージプロパティ」というウィンドウが立ち上がります。

②イメージプロパティから「サーバーブラウザ」を押します。

③サーバーの中の画像を納めている場所が表示され、記録済みの画像一覧が見れます。ここに新しく画像を納めますので、画面の中下の方の「参照」ボタンを押します。

④自分のPCで画像を保管してある場所を開きます。ここでは説明の便宜上、Sample Picturesにしておきます。記事にアップロードしたい画像を選択し「開く」ボタンを押します。この説明ではSunset.jpgを選びます。

⑤画面が戻り、さきほど押した「参照」ボタンの左側にあなたが選択した画像ファイルのPC上のアドレスが表示されます。

⑥画面右下の「upload」ボタンを押し、PCからサーバーに画像をアップロードします。

⑦Sunset.jpgがアップロードされていることを確認し、このファイルを記事で使うためにマウスでダブルクリックします。

⑧画面が「イメージプロパティ」に戻ります。ここで代替テキスト（画像の説明。例えば「ハワイの夕焼け」など）、幅や高さを変えたい場合は数字を指定します。
*代替テキストがなくても一般的には問題ありませんが、万が一画像が表示されない事故のとき、また視覚障害の方が音声読み上げソフトであなたの日記を聞くときには、代替テキストが唯一のガイドとなります。より人に優しいサイトを作ることがインターネットの世界では強く推奨されていますので出来るだけ代替テキストを記入しましょう。

⑨これで記事に画像が挿入されました。ご苦労様でした！

おまけ１　画像の大きさを変える

画像をクリックすると選択枠が出てきます。

枠の上下四隅の小さな四角をドラッグすると簡単に画像の大きさを変えることができます。

おまけ２　画像の場所を変える

また、をドラッグすることによって画像を自在に移動することができます。この機能はInternet Explorerで使える機能で他のブラウザでは使えません。

画像を選択すると十字マークが現れます。

マウスで画像を移動させたい場所にドラッグします。

画像の移動の完了です。この機能は画像の記事の中での縦位置を変更するもので左よりのものを右寄りにしたり、中央に置いたり、「左からxxxcmに移動」という横方向の移動操作は出来ません。

メニュー

2009-08-05T14:32:05+09:00

**メニュー -[[top]] -[[ログインと記事投稿2]] -[[記事の文字装飾やデザインをする]] -[[記事に画像をアップロードする方法1]] -[[記事に画像をアップロードする方法2]] ---- **リンク -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] リンクを張るには "[" 2つで文字列を括ります。 ">" の左側に文字、右側にURLを記述するとリンクになります **更新履歴 #recent(20) &link_editmenu(text=ここを編集)

ログインと記事投稿

2009-07-27T21:04:45+09:00

*ログインと記事投稿 ①記事投稿する時にはまずログインをします。ログインには①ユーザー名と②パスワードが必要です。この二つを管理者から渡されたら大事に保管してください。誰か別の人に盗まれると貴方の名前で投稿やコメントされてしまいます。 ②サイトにログインします。 &ref(http://wiki.geeklog.jp/images/Login.png) 次に「記事投稿」ボタンをクリックします。画面が切り替わってから、ページに編集用ツールバーが読み込まれるのを待ちます。 &ref(http://wiki.geeklog.jp/images/Contrib_01a.png) ③「タイトル]を記入します。 ④「記事のカテゴリ」を選択します。 ⑤"記事"を記入します。 &ref(http://wiki.geeklog.jp/images/Contrib_2b.png) 「投稿モード」は「アドバンストエディタ」を選択するようにします。HTML形式・テキストは上級者用です。上部の「プレビュー」タブまたは下部の｢プレビュー｣ボタンで記事の出来上がりの様子を見ることが出来ます。内容を確認後、「保存」ボタンで投稿を完了します。

top

2009-07-25T09:13:38+09:00

geeklogの更新担当者用マニュアル作るぞー！！！

トップページ

2009-07-24T23:30:48+09:00

**@wikiへようこそ -ウィキはみんなで気軽にホームページ編集できるツールです。 -このページは自由に編集することができます。 -メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます **まずはこちらをご覧ください。 -[[@wikiの基本操作>http://atwiki.jp/guide/category2.html]] -[[用途別のオススメ機能紹介>http://atwiki.jp/guide/category22.html]] -[[@wikiの設定/管理>http://atwiki.jp/guide/category6.html]] **分からないことは？ -[[@wiki ご利用ガイド>http://atwiki.jp/guide/]] -[[よくある質問>http://atwiki.jp/guide/category1.html]] -[[無料で会員登録できるSNS内の@wiki助け合いコミュニティ>http://sns.atfb.jp/view_community2.php?no=112]] -[[@wiki更新情報>http://www1.atwiki.jp/guide/pages/264.html]] -[[@wikiへのお問合せフォーム>http://atwiki.jp/helpdesk]] 等をご活用ください **@wiki助け合いコミュニティの掲示板スレッド一覧 #atfb_bbs_list(112) **その他お勧めサービスについて -[[大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES>>http://atpages.jp/]] -[[無料ブログ作成は@WORDをご利用ください>>http://atword.jp/]] -[[2ch型の無料掲示板は@chsをご利用ください>>http://atchs.jp/]] -[[フォーラム型の無料掲示板は@bbをご利用ください>>http://atbb.jp/]] -[[お絵かき掲示板は@paintをご利用ください>>http://atpaint.jp/]] -[[その他の無料掲示板は@bbsをご利用ください>>http://atbbs.jp/]] -[[無料ソーシャルプロフィールサービス @flabo(アットフラボ)>>http://sns.atfb.jp]] **おすすめ機能 -[[気になるニュースをチェック>http://atwiki.jp/guide/17_174_ja.html]] -[[関連するブログ一覧を表示>http://atwiki.jp/guide/17_161_ja.html]] **その他にもいろいろな機能満載！！ -[[@wikiプラグイン>http://atwiki.jp/guide/category17.html]] -[[@wiki便利ツール>http://atwiki.jp/guide/category32.html]] -[[@wiki構文>http://atwiki.jp/guide/category16.html]] -[[@wikiプラグイン一覧>http://www1.atwiki.jp/guide/pages/264.html]] -[[まとめサイト作成支援ツール>http://atwiki.jp/matome/]] **バグ・不具合を見つけたら？要望がある場合は？お手数ですが、メールでお問い合わせください。

プラグイン/ニュース

2009-07-24T23:30:48+09:00

* ニュース @wikiのwikiモードでは #news(興味のある単語) と入力することで、あるキーワードに関連するニュース一覧を表示することができます詳しくはこちらをご覧ください。＝＞http://atwiki.jp/guide/17_174_ja.html ----- たとえば、#news(wiki)と入力すると以下のように表示されます。 #news(wiki)

まとめサイト作成支援ツール

2009-07-24T23:30:48+09:00

* まとめサイト作成支援ツールについて @wikiには[[まとめサイト作成を支援するツール>>http://atwiki.jp/matome/]]があります。また、 #matome_list と入力することで、注目の掲示板が一覧表示されます。利用例）#matome_listと入力すると下記のように表示されます #matome_list

ぎ～くろぐ(geeklog)更新担当者用マニュアル

ログインと記事投稿2

ログインと記事投稿

記事の文字装飾やデザインをする

記事に画像をアップロードする 方法2

記事に画像をアップロードする 方法1

メニュー

ログインと記事投稿

top

トップページ

プラグイン/ニュース

まとめサイト作成支援ツール

記事に画像をアップロードする方法2

記事に画像をアップロードする方法1