YouTubeの動画タイトルを全文表示

Pixivの作品タイトルと同様、全文読めないのでStylusで解決。
タイトル部分の幅を広く、フォントを少し拡大し、太字解除。
アイコンは無駄に空いているチャンネル名の横に移動。

適用前
適用後

CSS適用

#details.ytd-rich-grid-media {
	flex-direction: column;
}

#meta.ytd-rich-grid-media {
	overflow-x: hidden;
	padding-right: 0;
}

/*動画タイトル*/
ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
	overflow: visible;
	display: contents;
	font-size: 1.45rem;
	font-weight: 400;
}

h3.ytd-rich-grid-media {
	margin: 6px 0;
	padding-left: 4px;
}

/*チャンネルアイコン*/
#avatar-link.ytd-rich-grid-media {
	margin-top: -36px;
	order: 1;
}

/*チャンネル名・再生回数*/
ytd-video-meta-block,
.ytd-video-meta-block[meta-block] {
	flex-direction: column;
	margin-left: 48px;
	max-width: 210px;
}

/*メニュー*/
#menu.ytd-rich-grid-media {
	position: relative;
}

ytd-menu-renderer.ytd-rich-grid-media {
	position: absolute;
	top: unset;
	bottom: -2px;
	right: -8px;
}

/*バッジ*/
.title-badge.ytd-rich-grid-media,
.video-badge.ytd-rich-grid-media,
#buttons.ytd-rich-grid-media>*.ytd-rich-grid-media {
	margin: 6px 2px 2px 48px;
	position: absolute;
}

WordPress覚書

パス取得定数・関数

ABSPATHWordPressディレクトリのフルパス+/
TEMPLATEPATH
get_template_directory()
親テーマディレクトリのフルパス
STYLESHEETPATH
get_stylesheet_directory()
子テーマディレクトリのフルパス
get_theme_file_path子テーマ(優先)、無ければ親テーマディレクトリのフルパス
home_url()サイトのURL
site_url()WordPressのURL
get_template_directory_uri()親テーマディレクトリのURL
get_stylesheet_directory_uri()子テーマディレクトリのURL
get_theme_file_uri()子テーマ(優先)、無ければ親テーマディレクトリのURL
ABSPATHのみスラッシュが付く

てがろぐスキンを自動生成

てがろぐ
https://www.nishishi.com/cgi/tegalog/

自鯖にマイクロブログを置けるCGI。何とも懐かしいデザイン(CGI自体が懐かしい)だが2017年作で、更新も精力的になされている。Spotify等の埋め込みにも対応している最新スクリプトである。

CSSとスキン(懐かしい)で自由にデザイン出来るという事で、WordPress製サイトの一部として馴染むように設置を試みた。

スキンの構成

  • skin-cover.html ページ全体
  • skin-onelog.html ↑に差し込まれる記事部分
  • tegalog.css

skin-cover.htmlにWordPressのヘッダとフッタを読み込ませたい。
ヘッダ内サイドバーには最新記事リスト等があるので自動生成したい。
skin-cover.htmlへのinclude記述はPHP、SSI共に無効。

続きを読む てがろぐスキンを自動生成

Twitchの表示を最適化

Chrome拡張機能BetterTTVでTwitchの余計な機能を無効化する。

設定

インストール後、Twitchの右上アイコン > BetterTTV Settings

おすすめ設定項目

Chat Setting
  • Anon Chat [ON] 視聴中ユーザリストに自分を追加しない
Directory Setting
  • Featured Channels [OFF] おすすめチャンネル非表示
Channel Setting
  • Front-page Player [OFF] トップページで配信を自動再生しない
  • Host-mode Player [OFF] チャンネルがホストしている配信を表示しない
  • VOD Player [OFF] アーカイブ視聴後、おすすめ動画を自動再生しない
  • Click to Play [ON] 動画クリックで停止・再生

WebでPDFを簡易編集

印刷して記入して郵送しろとかいうPDF申請書類にサクッと記入したりページ削除・統合したい時用、覚え書き。インストール不要のDocHubを使う。

手順

  1. PDFをGoogle DriveにUP
  2. Drive上のPDFを右クリック > アプリで開く > DocHub - PDF Sign and Edit

初回はGoogleアカウントを選択し、許可のリクエストを承認する。

続きを読む WebでPDFを簡易編集