【コピペでOK！】大画面のPCでPixiv小説を快適に読む方法

Contents

1 大画面で小説を読んだら快適だと思ったのに
2 ChromeでカスタムCSSをページ単位で保存できる拡張機能をインストール
3 CSSの導入まで
4 快適な小説ライフが送れそう

大画面で小説を読んだら快適だと思ったのに

当方の環境がですね、2560 x 1440とえらいでかいんです。

正直、FHD（1920 x 1080）の環境でも僕と同じ気持ちの人いるんじゃないかなって思います。

この余白スペースすっっっっっごい勿体無いでしょ？

小説なら横じゃなくて縦書きで読みたいなぁとか。

縦書きにしても幅は変わらずなのでいっぱいスクロールしないといけません。

今回はこれらをカスタマイズする方法をまとめました。

ChromeでカスタムCSSをページ単位で保存できる拡張機能をインストール

他サイトでも使えるなぁと思ったので、JSも使える【User JavaScript and CSS】をインストールします。

User JavaScript and CSS
https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

Firefoxなら【Stylish – Custom themes for any website】がメジャーらしいですね。

Stylish – Custom themes for any website
https://addons.mozilla.org/ja/firefox/addon/stylish/

今回はChromeでのやり方だけ記載します。

Stylishでも適応の流れが違うだけで、CSSは同じなのでソースをいじる必要はありません。

CSSの導入まで

拡張機能をインストールしたら右上にアイコンが新しく出来ていると思います。

それをクリックし、Add newをクリックします。

するとソースを入力する画面へ移行します。

まずは適応させるURLを変更します。

現行のままだとpixiv.net全てのページに影響が出てしまうので

pixiv.net/novel/show.php

こうすれば小説の作品ページだけにレイアウトの変更を適応させることが出来ます。

そしてCSSの欄へ下記ソースをコピペします。

コメントを標準で表示しないようにしています。ここは各自で消すなりしていただければと思います。

#wrapper {
	width: auto !important;
}
.layout-body, .layout-a, .layout-b {
	width: 95% !important;
}
.layout-column-1,
.layout-column-2,
.layout-column-1 .ui-layout-west  {
	width: 100% !important;
}
._user-profile-card,
.ui-layout-west .area_new:nth-last-child(3) {
    width: 10% !important;
    margin: 0 2% 0 0;
    float: left;
}
.ui-layout-west .area_new:nth-last-child(3) {
	overflow: hidden;
}
.ui-layout-west .area_new:last-child {
    width: 74%;
    margin: 0;
    float: right;
}

/* 画面の高さに応じて数値を変更してください */
.novel-content.novel-writing-mode-vertical .novel-body .novel-pages-wrapper .novel-pages .novel-page {
	height: 760px;
}

/* コメントを非表示にする場合 */
#one_comment {
	display: none;
}

@media (max-width: 2120px) {
	.ui-layout-west .area_new:nth-last-child(3) {
		display: none;
	}
	.ui-layout-west .area_new:last-child {
    	width: 84%;
	}
}

書いてある内容は、コンテンツの幅を画面に合わせるよう変更して左側にある作者の情報とタグは小説の下に移動させて、画面幅が2120px以下の場合は表紙を非表示にするという内容です。

出来たら右上の【Save】ボタンを押して完了です。