ページをカタログにするUserCSS

使い方

本文が非表示になり、関連ページリストだけが表示される

動作

ページ本文が非表示になる

1 hop linkのリストが非表示になるす

クリックしてカーソルを置くと本文が表示される

見本のページ

code:style.css

display: none;

}

code:style.css

/* 関連ページリストから1 hop linkのリストを隠す */

display: none;

}

code:style.css

/* 関連ページリストの2 hop linkのcatalog_pageのリストも隠しておく */

display: none;

}

ページ本文を編集するのがちょっと面倒になる

すぐに書き始められない

現状だと、なぜページ本文が空になっているのかが見ただけでは伝わらない。

違和感を持った者がまず最初に取るだろう行動の一つとして本文欄をクリックをしてみても何も変化がない。本文など無いように見える

ブラウザの開発者ツールを開くか、運よくこのProjectCSSのページにたどり着くかしないとどういう挙動なのか、どういう意図でこうなっているのかが分からない。

セレクターを追加しました

code:変更以前のもの.css

/* ページ本文を隠す。ただし、タイトルと#catalog_Page_Themeは残す */

display: none;

}

ページ本文の情報にはアクセスできない

ページ本文が見えなくなるので

ページ内に書いたリンクの補足情報とかは利用できなくなる

ページに書いたリンクが俯瞰できない

ページ本文を表示しているとき、リンク名は視界にすべてが収まって、すべてのリンクにアクセスししゃすい

https://gyazo.com/afde44b42b6c80b976b33b9dbc2ceab2

ページ本文を隠して、カードだけを表示しているとき、分散して遠くなる

リンクにアクセスしたければリンクリストのラベルをクリックする

下へスクロールして見ていくことになる

https://gyazo.com/a59ac3176f934da80a332f31f01c98e0

ページタイトルを選ぶ

catalog page theme

ページをカタログにするCSS styleを適用してくれそう

catalog page

catalog pageそのものを差していて、CSSっぽくない感じがする

catalog

make page catalog

ページをカタログにする、というコマンドを表したかった

「pageのカタログを作る」という意味になってしまう

問題

クリックできない

ページ本文にフォーカスしてページ本文にあるリンクをクリックしたとき、リンクが開けず、ページは畳まれる