超マニアック上級編ブログ講座レポート

12月のブログサロンは超マニアな超上級編。
どんくらいマニアックかというと・・・上級者のみなさんが所々で迷子になったり・・・
講師が独り言を言ったり・・・プロジェクターの関係で若干照明も暗く・・・

そんなブログサロンの活動レポートです。

講師はCANPANマニアでおなじみの千々松葉子さん。

超上級編に挑んだ猛者達
・NPO法人こどもステーション山口さん
・NPO法人支えてねットワークさん
・NPO法人キセキさん
・さぽらんてスタッフ(今回は受講生です)

今回のレジュメもCANPANマニア参照です。

1. 画像をクリックしたらリンク先を別ウィンドウで表示
2. CSSを試してみよう その前に準備
3. CSSを試してみよう
4. CSSを試してみよう いろいろ変えてみた

まずは、練習とはいえ実際にブログを使用しますので、ブログを見に来た人がびっくりしないよう、参加者全員ブログの「設定」→「メインページ自由記述」に
「ただいまブログサロンで、デザインのカスタマイズ中です。
本日10時~13時までの間、画面が一時見えにくくなります」のお詫び看板を出しました。

では、マニアックな本題へ

<1. 画像をクリックしたらリンク先を別ウィンドウで表示>
画像をクリックしたらリンク先にとぶように設定します。
バナーを作る際にも利用できるので必見です!

まずは、画像を記事に挿入するのですが、その際は「サムネイル表示」と「別ウィンドウで原寸大表示」のチェックを外します。
その後、文字に変換された画像部分を選択し、通常の手順でリンクのアイコンを選択、リンク先を張り付ければ完了です。

<2~4.CSSを試してみよう>

CSSとは、HTMLと組み合わせて使用する言語。HTMLがWebページ内の各要素の意味や情報構造を意味するのに対して、CSSではそれらをどのように装飾するかを指定するもの。
画面のリンクの色を変えたり、見出しの文字色を変えたり、背景色を付けたりすることでCANPANから選べる既定のデザインをカスタマイズ、アレンジすることができるんです!
これを使いこなせたら・・・・
きっと今あるデザインもうんとオリジナルっぽくすることが出来ます。
(道のりは長い・・・遠い目)

今回はCANPANのもっともシンプルなデザインを選んで練習しました。
「スキンサイドバー」→「デザイン一覧」から「カスタムスキン1」

「スタイルシート」いわいるCSSには横文字がびっしり(軽くめまい)

CANPANマニアのレジメにそって、背景の色を変えたり、タイトルの文字を大きくしたり色をつけたり、サイトを利用して簡単なデザインを入れてみたり・・・・
それはそれはマニアなテクニックが続きました。

※試すときは文頭にあったお詫び看板を忘れずに!

そして、マニアックな個別質問タイム

●一つの画像に複数のリンクを張る
●同じ記事内でリンクを張る

を教えてもらいました。
バナー画像に複数のページをリンクしてメニューとして活用しているこどもステーションさんんのサイドバーは必見です。
欲しい情報にすばやくたどりつけるので、さぽらんてもぜひマスターしたい内容。

しかし・・・道のりは長い・・・
いや!!鉄は熱いうちに打て!!

近日中にやります!

同じページ内でリンクも目からうろこの便利な機能。
文章を項目ごとにまとめて文頭に目次としておいておくと、これまた欲しい情報を素早く取り出せる。
見る方にも、見せる方にも、情報の整理にもつかえそうなこの機能の詳細は、近日CANPANマニアに更新されるそうです。要チェック!

今回は、急きょ開催が決定した「超上級編」でした。告知が遅くなりましたことをお詫び申し上げます。
さぽらんてスタッフも、より高度な質問に対応できるようスキルアップに努めます。
来年も引き続き、ブログさろんは月1回のペースで開催いたしますので、みなさまのご参加おまちしております。
初級、中級、上級、超上級等、ご要望がありましたら対応しますので、お気軽にお申し付けください。
では、今年も残すところあとわずかですが、日々の活動や思いのつまったブログの更新を期待しております。

<スタッフ おだ>

ブログの設定をしたパソコンの画面です。
講座の様子です
パソコンと向かい合う参加者たちです。
講座の様子です2
話し合いながら作業を進めています。
講座の様子です3