ご利用環境に応じて参考にしてみてください。コンテンツ」「ごみ箱」「最近使った項目」の3点セットかと思います。コンテンツ」ページは閲覧・投稿者にあまり表示されたくないというニーズは良くありました。ライブラリ」や配下のサブサイト一覧などは見られたくもないからです。コンテンツの表示」と2行に渡るリンクが存在し、削除できない仕様だったんですよね。解決方法としては、CSSでこのリンクを非表示にしていました。固有のclassがあったので割と楽に非表示にできました。標準機能で削除できるようになったのでカスタマイズは不要ですね。頃からサイドリンクバーの最下部に「ごみ箱」へのリンクがありました。サイドリンクバーから「ごみ箱」リンクが消えました。今は復活してきているようです。×ボタンがないので削除できません。頃からこのごみ箱へのリンクを非表示にして欲しいというニーズが良くありました。詳しくないサイトのキーマンや管理者が、「他人が捨てたモノを見られたり復元されては困る。大体それらの該当者は高いアクセス権限を付与されているケースが多いので気がつかないんですが、そもそもこのごみ箱リンクは投稿権限以上でないと表示されないし、ごみ箱の中身は通常自分が捨てたアイテムしか表示されないし、権限がなければもちろん復元する事もできないわけで、しっかり説明をすればニーズはなくなりました。一定の条件でリスト・ライブラリを作成すると勝手に出てくるリンク。消す事もできるけど、リスト・ライブラリを作成する度に復活してしまうんですよね。ここを非表示にして欲しいというニーズもかなり多いです。以上の背景やそれぞれの関係者のニーズを把握した上で、非表示(削除)したい場合、標準機能で削除できない、もしくは削除できるけど復活してしまうなどの場合は、何らかのカスタマイズをする事になると思います。ググると色々なアプローチで非表示を試みている先人達がいました。ナビゲーションの対象ユーザーを利用するのは基本機能のみだしアイデアだなと思いましたが、残念ながら発行機能が非アクティブのサイトでは実現できません。他にも今の僕には全く理解のできない難しい方法や、JavaScriptなどで実装している方々もいましたが、僕の場合はやはりCSSで検討してみました。CSSでカスタマイズをするキモは、適用したい箇所に固有のidかclassが存在するかどうかなのですが、残念ながらサイドリンクバーの各リンクを構成する要素には固有のidやclassはないんです。Onlineにはliタグに固有そうなidがありますが、仕様が良く分からないのでないものとして、別のアプローチを試みます。苦肉の策として「:nth-child()疑似クラス」などchild系擬似クラスを利用して、リンクの上から何番目とか下から何番目を非表示にするなんて方法もありますが、これではリンクの場所を変えたりするとおかしくなっちゃいますよね。僕が目をつけたのはリンクをリストにしているliタグではなく、その下のaタグです。ここを良く見るとtitle属性に必ずリンク名が入っているんです。」なら、titleに「ごみ箱」と指定されているaタグに適用されます。「最近使った項目」はaタグではなくspanタグなのでちょっと変わります。{display:none;}これで非表示になりました。非表示にするだけなので、リンクの編集をすると透明のまま存在はするんですけどね。「最近使った項目」に関してはこれでは不十分です。追加されたリスト・ライブラリのリンクはこれでは非表示にならないからです。(上のスクリーンショットでは「list005」「list004」です。)調べると、「最近使った項目」は見出しで、その見出し配下に追加されたリスト・ライブラリがリンクになります。aでリンクが配置されます。これは親要素が同じになる兄弟関係の弟に適用されるセレクタです。この条件に合致するわけです。加えるとこんなソースになります。{display:none;}title属性に「最近使った項目」が入っているspanタグの後にあるulタグに適用、という事になります。対応となってしまいましたが、CSSでサイドリンクバーから特定のリンクを非表示にするというより、CSSのセレクタも色々増えてきて各種ブラウザも対応されてきたので、CSSによるカスタマイズの幅が広がってきているんだなぁというところを体感してもらえたら良いかなと思います。CSSであればググればたくさん情報がありますからね。意外と色々とできます。ビューの「既定」スタイルをCSSで網掛けにする前回の記事では、クラシック表示のビューのスタイルを「既定」以外にすると、ビューのフィルターで複数の値でフィルターをかける事ができないという事を書きました。ビューのスタイルを変更すると機能落ちするところで「既定」スタイルのビュー、つまりリストやライブラリを作成したデフォルトのビューでは、マウスホバー時にはその行の背景色が変わるので1行を読みやすいですが、マウスホバーをしないとテキストばかりになってしまい、読みにくいです。いう意味もあって網掛けにしたい要望は少なくはありません。それではビューの機能落ちなく網掛けにするには?CSSでカンタンに解決します。既定スタイルのビューでは、上から偶数行のtrに「.ms-alternating」というclassがあります。Webパーツなどに以下を記載すれば網掛けになります。#e7e7e7;}--></style>▼こうなります。実はこれも一点デメリットが。問題なのですが、ビューを編集するとリボンタブが「参照」以外表示されなくなるんですよね。▼本来なら「参照」の右に「アイテム」「リスト」タブが表示されるハズが。ビュー内のアイテムなどをクリックするとすぐ復活するのでユーザーに周知されれば大きな問題ではないのですが、これは未だに直っていない問題です。このデメリットも回避しつつ網掛けにする方法もあるにはあります。ビューに直接CSSを記述するのではなく、CSSファイルに記述し、代替CSSでそのCSSファイルを設定する方法です。これならビューを編集せずにCSSを適用させられるので、リボンタブが消えてしまう問題は解消されます。!そうです...これにも一点デメリットが。代替CSSで設定すると影響範囲はサイト全体です。他のビューや他のリスト・ライブラリも網掛けになってしまいます。代替CSSでも適用させたいリストを特定させる方法もなくはないのですが、色々面倒なのでないと言ったほうが良いかもしれないです。結果として、標準機能とCSSカスタマイズではデメリットのない方法は見つからないのですが、網掛けをするのに標準機能の設定では1パターンしかなかったのが、CSSにより3パターンにまで増えました。それぞれのデメリットを考慮し、別にデメリットには感じないものがあったとしたら、そのパターンで実装すれば良いと思います。→デメリット:ビューのフィルター機能で複数の値でフィルターできない。→デメリット:ビューのリボンタブが表示されない。(アイテムあたりをクリックすると表示される。→デメリット:サイト全体で適用されてしまう。複数の値でフィルターをかけられなくても良いのなら【1】で問題ないし、リボンタブをユーザーが利用しない、もしくは解決方法を周知させられるのなら【2】で問題ないし、サイト全体のビューが網掛けになってしまうのはむしろ大歓迎の場合は【3】で問題ないし、そもそも網掛けを諦めるというカードもありますよね。要望が実現できないと業務に多大な影響があるかどうか?影響がないなら要望を諦める選択肢も十分あって良いと思います。本当ならデメリットが一つもない方法を提示できればスッキリしたんですけどね。他の方法でカスタマイズすれば良いのですが、CSS程度のライトカスタマイズにこだわりました。クラスに「sample」と指定。▼以下のCSSを記述。solid;}Formsを発行してフォームを開くと...▼あきらかに10pxより太い枠線です。倍の20pxの枠線になっていました。【原因】ソースを調べると原因がわかりました。▼sampleが指定されているdivがなぜか2個あるんですよね。▼二重になっているので10px×2個で20pxになってしまうんです。原因がわかれば対処方法もわかります。CSSに以下の記述を足します。2個目を無効にする感じです。{border:none;}▼無事に10pxになりました。コンテンツ』を閲覧者や投稿者に見られたくない。コンテンツ」へのリンクは削除できるようになりました。コンテンツ」は表示されています。ここを非表示にするためだけに、マスターページをカスタマイズするのは嫌ですよね。そこでCSSを用いて非表示にします。SharePointをCSSでカスタマイズする際におそらく最も利用されるであろうdisplay:none;の登場です。{display:none;}これをCSSファイルにして、対象ページにスクリプトエディターWebパーツなどを配置してCSSファイルのリンクを記述するか、対象がサイトであれば代替CSSで設定すればOKです。(発行機能が非アクティブ状態で代替CSSファイルを設定したい場合は、ググると情報が出てきます。コンテンツへのリンクは非表示になったので、直接URLを叩かない限りは見られる事はなくなります。ここまでは他にも紹介しているブログなどはあります。この方法には弱点があります。閲覧者や投稿者だけでなく、フルコントロール権限であっても非表示になってしまうので、サイト管理者がサイトの設定を行う導線まで奪ってしまうのです。閲覧者や投稿者は非表示にし、フルコントロールは表示させる方法が、CSSと標準機能のみで実現できるでしょうか?答えは「できます!」ヒントは「全員非表示、フルコン復活」です。■方法CSSファイルを置くライブラリの権限を設定すれば可能です。【1】まずは全員非表示これはすでに上で紹介した方法で非表示にします。・ライブラリに以下の内容のCSSファイルをアップ。{display:inline-block;}【3-1】適用(対象がページの場合)対象ページにスクリプトエディターWebパーツなどを追加し、2個のCSSファイルのリンクを記述。※この場合、【2】でアップしたCSSファイルのリンクを必ず【1】のCSSファイルのリンクよりも下に記述してください。(!importantでもOKですが、ムダに使いたくないので。)【3-2】適用(対象がサイトの場合)代替CSSの設定は1ファイルのみなので@importを使い2個のCSSファイルのインポートを記述した3個目のCSSファイルを作成し、【1】の時にアップしたライブラリにアップし、代替CSSの設定で適用。※同じく、@importの記述では記述の順番に気をつけてください。若干複雑ですが、マスターページをイジるよりはマシかと思います。この方法を使えば、歯車メニューのみならず、様々な場所で「閲覧・投稿ユーザーのみ表示させたくない」が実現できます。「閲覧のみ表示させたくない」などのバリエーションも可能ですね。このようにSharePointを利活用する場合、基本機能ではかゆいところに手が届かない場面が多々ありますが、その際に難しい開発やカスタマイズを行いリスクが伴うよりは、このように基本機能とリスクや難易度が低い方法の組み合わせをパズルのように考える事で、実現できてしまうケースもあり、ここがまたSharePointの楽しいところでもあるのかなと思います。365」というテキストが表示されていると思います。ここを変更する方法としてPowerShellを使う方法がありますが、PowerShellを使いたくない、使えないという環境だったりする場合は、CSSで変更できます。CSSでも色々なアプローチがありますが、今回はcontentプロパティを使います。代替CSSに設定したCSSファイルに記述するなり、マスターページに記述するなり、ページ内にWebパーツとして記述するなり、ニーズや環境に合った方法で適用してください。厳密には追加した後に、オリジナルの方に消えていただく方法です。{text-indent:-116px;}リンクにしたり、SPOの場合はリンクを変更したりという事はさすがにできませんが、文言を変更する程度ならお手軽かなと思います。この方法を使えば左上の製品テキストだけでなく、SharePointの標準機能では変更できない文言の変更など、色々な場所で使えるのではと思います。リボン内のテキストとか、ダイアログのタイトルとか。今回の上述のソースもそうですが、個人発信のブログなので検証に費やす時間もほとんどないので、動作を保証するものではありません。ソース丸々コピペすれば使える!というよりは、考え方のヒントにしていただければと思いますので、例えばセレクタの指定がシンプルだと他に影響が出る事も考えたり、色々と工夫してみてください。Web制作をしていた頃はcontentプロパティなんてclearfixくらいでしか見なかったのですが、SharePointを扱うようになってからは使うようになりました。2007/2010/2013の運営・サイト構築を担当。仕事でも登壇活動などをしています。契約し、家庭内活用しています。楽しさを多くの方に伝えられたら、と思っています。当ブログは完全に個人の趣味で運営しています。しているので、正確性に欠けている場合があります。日々変更のあるサービスをネタとして扱っているため、特に古い記事についてはご自身でも調査・検証を行ってください。2019-2020受賞しました。当ブログに掲載されている情報は、必ずしも正確性や安全性を保証するものではありません。掲載された内容によって生じた損害等の一切の責任を負いかねます。当ブログに掲載されている情報は個人の見解であり、所属する団体・組織は一切関係ありません。