CSSとSharePoint #1

既に三件ほど「色が目にやさしくない」「見づらい」「毒々しい」とのご意見を賜りました本ブログ。なもんでテンプレートを変更してみました。ちょっと見易くなった気がする。
しかしまあ、平素私服やらなにやらに関しても「柄キチ」だの「色キチ」だのとしょっちゅう評されるわたくしの好み、つまるところ概ね、熱帯有毒系ないしは深海サイケ系。目に優しいひとに易しいシンプルデザインってすごいと思うんですけどね、思うのと、食指が動くかってのはこれ、まったく別のおはなしでございます。

そんなこんなで前回前々回に引き続き、SharePointのUIを洒落乙で良い感じにあーだこーだしましょう、という前途多難艱、難辛苦待ち受ける道程を駄々流しにする流れです。

mission:SharePointを装飾せよ。

そうそう。ミッション開始にあたり、ヒントを貰っておりました。
・CSSファイル
・webパーツ
・「組み込みスクリプト」

いつものごとくちんぷんかんぷん☆いえーい。

ちんぷんかんぷんなことはぐーぐる先生、という回路はすでに確立されているのですが難敵、強敵。意味不明。おぼろげながら輪郭を理解する過程に二日ほど掛かりました。そんな過程は開陳してもおもしろくないので、割愛。一体何度毒づいたか、一体何度わかんねえよ!!!となったのか、そこはお察しください。お察しした上であきらめなかったわたしを褒めてください。

そんなこんな、七転八倒の末辿り着いたCSSに対する理解、こんな感じ。
Cascading Style Sheetの略。サイトの骨格標本がHTML、そこに内臓だの筋肉だの皮膚だのがはっついて身体が生成される。CSSは装飾全般。羽毛で覆われてるとか、肌の色とか、お洋服とか、なんなら刺青とか。見栄えを指定するためのツール。ひとまとめにしといても良いけど、別個管理の方が楽ちん。

…あ、あれだ。T・レックス、あいつら羽あるとか皮膚の色は想像だとか言うじゃん?あれだよ、あれ。うん。化石がHTMLで、今のところ謎っぽい部分はCSSだと思えばどうにか、理解できなくもない。別にしといたCSSファイルが見当たらないんじゃ、そりゃ見栄えは推測にしかならんねーとかなんとか。

理解の正確さは完全に、お空の彼方に投げてます。サラバ。
SharePointをちょっと飾るだけならこの理解で、たぶんおっけー。(駄目だったらあとで叱られる筈、そしたら訂正しよう。そうしよう。)

さて。

諸々巻いていきます。

ググってググってググった結果、どうやらSharePointはCSSで装飾できるらしいことは判明。そのやり方も簡単で、代替CSSを利用するだけ、とのこと。CSSファイルをドキュメントフォルダにアップロードして参照すればオッケー☆だそうです。

え?

????

あのね、…うん。

うん。

恒例だけどね、わっかんねえぞちくしょう!!!!!

ほんっと初心者に優しくないインターネット!!!!!きらい!!!

まずもってCSSの書き方もよくわかんない(ソースっぽいものは落ちてるけど、それをどうやって適用したらいいのかわからない)、どこにどんなファイルをアップロードしたらいいのか、何をしたらいいのか、ちっとも、さっぱり、微塵も、わからん。
あーほんと無理ほんとやだ、不親切だーなどとやさぐれながら死んだ魚のごとき瞳で膨大なる検索結果(ほぼ理解できずに徒労)を眺めているときに出会ったのがこちらの動画。

動画じゃいやだってひとは、文章版もあります。こちら。
Modify the SharePoint Branding Area using CSS ―A SharePoint tutorial by Peter Kalmstrom

Webパーツじゃないけど、色変えたりしてるじゃーん。しかも手順全部見られる、わかりやすい。あ、なるほど、CSSってこんな風に書けばいいのか。代替CSSってそれのことか。アップロードと参照ってそーゆーことね。PowerShellつかってる!!こないだ見たやつだそれ、ISEだ!!!(やってる操作は七割くらい理解できなかった)。おおまかに、なるほどなるほど、なるほど。

見ず知らずのおっさん、インテリ眼鏡ぴーたーのおかげです。わたくしの死んだ目に光が戻りました。

次回、これらを踏まえてWebパーツの改造編に突入致しますので、ほんじつは、お疲れさまでした。おしまい。

広告

CSSとSharePoint #1」への2件のフィードバック

  1. ピンバック: CSSとSharePoint #2 | 365×365

  2. ピンバック: どこまで仲良くなれたかな@半年間を振り返る | 365×365

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中