カスタムテーマ | hgrs's Blog / 文字好きエンジニアの技術メモ Sat, 19 Jun 2021 09:55:34 +0000 ja hourly 1 https://wordpress.org/?v=6.3.1 /wp-content/uploads/2019/05/cropped-port_512-32x32.png カスタムテーマ | hgrs's Blog / 32 32 Sublime Textのモダンでダークなテーマを作った /archives/315.html /archives/315.html#respond Tue, 30 Jul 2019 18:17:20 +0000 /?p=315 はじめに

僕はSublime Textが好きで使っているのですが、パッケージこそ色々入れているものの、デザインはいじっていませんでした。デフォルトの色使いちょっとダサいですよね…

そこで今回は、モダンでダークなテーマとカラースキームを作ったので、その紹介です。

概要

デザイン

こんな感じの仕上がりです。

Sublime Text

配布

こちらのリポジトリにあります。

macOSであれば、コマンドラインから

git clone https://github.com/higurashi-takuto/sublime-dark-theme.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sublime-dark-theme

でインストールができます。

あとは

  • Sublime Texr > Preferences > Color Scheme... から MonokaiDark

現在、最新の Sublime Text でアイコンが正常に表示されないので、 Theme は標準の Adaptive.sublime-theme の使用をおすすめします

  • Sublime Texr > Preferences > Theme... から AdaptiveDark.sublime-theme

を選択してください。

カラースキーム

カラースキームはエディタのテキストを打ち込める領域の設定です。例えばシンタックスハイライトなどなど。

Sublime TextデフォルトのMonokaiをベースとして、よりダークになるように調整をかけています。シンタックスハイライトに使われる色は変更していませんが、背景色や選択部分の色などを変更しています。

テーマ

テーマはサイドバーやタブなど周りのデザインを指定できます。

こちらはSublime Textに入っているAdaptiveというテーマをベースに、よりモダン、よりダークに変更しています。かなり大部分を変更しているので、一気に印象が変わると思います。

おわりに

モダンでダークなオシャレに進化したSublime Textをこれから愛用していこうと思います。

]]> /archives/315.html/feed 0 WordPressに入れたプラグインの紹介 /archives/53.html /archives/53.html#respond Mon, 29 Apr 2019 15:39:20 +0000 /?p=53 はじめに

WordPressを使い始めたばかりなので、手探りですが、自分なりに良さそうなプラグインを入れたので、紹介していきたいと思います。

プラグイン一覧

Really Simple SSL

常時SSL化するためのプラグインです。httpなんて忘れて、httpsにしましょう。

プラグイン自体は特に設定などもなく、有効化し使用すると常時SSL化できます。シンプルでいいですね。

WP Githuber MD

記事をMarkdownで書くためのプラグインです。こちらは個別で記事を書いたので、詳細はこちらを。

1番入れてよかったと思ってるプラグインです。

WP User Avatar

ユーザアイコンを設定するためのプラグインです。特にこれにした理由はありませんが、検索の上の方に出てきたので使いました。別に困ってません。

All In One SEO Pack

SEO対策のためのプラグインです。僕の使ってるテーマはOGPをいい感じに設定してくれなかったり、Googleアナリティクスを使いたかったりしたので、入れました。

PRyC WP: Add custom content to post and page (top/bottom)

記事の上下に定型文（HTML, Javascript）を埋め込むことができるプラグインです。僕の使っているテーマは良い感じに記事のページでアイキャッチが表示されないので、こちらを使い無理やり実装しました。

WordPress Popular Posts

サイドバーに「人気記事」を追加したかったのでこのプラグインを導入しました。人気の集計はプラグインを導入後から計測されるので注意です。

Q2W3 Fixed Widget for WordPress

サイドバーを固定したかったのでこれを入れました。PCの人はわかると思いますが、サイドバーが一定のところでスクロールをやめてくれます。

Head, Footer and Post Injections

HTMLの<head></head>に要素を書き加えられます。また<body></body>の直後/直前にもコードを書き加えられますがその機能は使ってません。

【番外編】カスタムテーマ: Nishiki

プラグインではないですが、使用しているカスタムテーマです。正直あまり気に入ってはいませんが、しっくりくるものを見つける/作るまではこれを使っていこうと思います。

おわりに

なんかオススメのプラグイン/テーマがあったら教えてください。

]]> /archives/53.html/feed 0