Wordpress
MathJaxでWordpressに数式レンダリング
· ☕ 1 分で読めます
Photo by Jeswin Thomas from Pexels Mathjax Webページに数式を表示させたいときの定番モジュール header.phpを編集 # header.php ~~~ <header> # headerタグの中に最後に以下を追記 <script> MathJax = { tex: {inlineMath: [['$', '$'], ['\\(', '\\)']], tags: 'ams'} }; </script> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/[email protected]/es5/tex-mml-chtml.js"></script> </header> ~~~ 使い方 インラインで書きたいときは\$...\$で囲む 段落で書きたいときは\$\$...\$\$で囲む 例 $$ y = \hat{\beta_0} + \hat{\beta_1}x_1 +

【highlight.js】コードブロックを横スクロール対応させる
· ☕ 1 分で読めます
Photo by Tom Swinnen from Pexels このあいだwordpressにhighlight.jsを導入しましたが、 そのままだとコードが右端で折り返し改行されてしまい、見にくい。。 インデントとかがぐちゃぐちゃになっちゃいます。 ということで 横スクロールに対応させる wordpressテーマのstyle.cssを編集する (管理画面のテー

【Wordpress】highlight.jsでシンタックスハイライト
· ☕ 2 分で読めます
Photo by Markus Spiske temporausch.com from Pexels Wordpressのgutenberg(新しいWordpressの記事エディタ)ですが、 ソースコードブロックでコードを書いても 表示が残念すぎる。。 ただマーカーで色つけただけみたいな。 (テーマによるかも) プラグインは? シンタックスハイライト用のプラグインもたくさんあるみたいですが、 ちょっ

【Wordpress】アイキャッチ画像の下にキャプションを表示する
· ☕ 3 分で読めます
Photo by Skitterphoto from Pexels アイキャッチ はい、上に出てるやつです アイキャッチに使う画像はpixelsっていうサイトからフリーのものをとってきてるんだけど 使わせてもらう以上「photo by 〜」みたいな文字列を下につけときたいなと wordpressの投稿作成のページにアイキャッチ画像を設定できるところがあって、そこでキャプ

【初投稿】GCPでwordpressサーバー(これ)を立てた
· ☕ 4 分で読めます
Photo by Pixabay from Pexels 初投稿 だけど、何について書くブログかとか説明はしません。 何も考えてないので… 友達がブログやってるの見てて、影響されたかな このwordpress環境の作り方 とりあえず、このブログの環境について書こうかな、と このサイトはGoogle Cloud Platform というクラウドサービス上にwordpress用サーバーを立