マテリアルカラーパレットを使って、ブログのデザインを統一！_100158 今さらながら、このブログで使う色のトーンを統一してみることにしました。 使ったのは、こちら のカラーパレット(カラーピッカー)です。 Material UI / Material Design Colors 各色をクリッ … 続きを読む
WordPressでプラグインを使わずにコードをハイライトして掲載する方法(Prismの使い方)_100146 WordPressには、きれいにコードを掲載できるプラグインがたくさんあり、私も複数のプラグインを試してみましたが、表示が遅くなったり、時間が経つとなぜか表記が崩れてしまったり…トラブルが絶えませんでした。 そこで、プラ … 続きを読む
WordPressのコードエディターで目次を作る方法_100145 ブログの記事が長い場合、冒頭に目次を作成すると見やすく効果的です。 きれいな目次を設置しているブログをたくさん見かけますが、仕組みは簡単、リストを使います。 基本のコード 早速ですが、基本のコードを載せてみたいと思います … 続きを読む
PHPファイルやCSSファイルをVS Codeで編集できるようにする方法(VS Codeの初期設定)(PHP executable not found. Install PHP 7 and add it to your PATH or set the php.executablePath setting と表示される場合の対処方法)_100119 ブログのphpファイルやcssファイルを編集する際、ご利用のサーバーからファイルをダウンロードして編集する場合も、WinSCPなどのFTPソフトをご利用の場合も、ファイルをダブルクリックすると「メモ帳」や、各ソフトの「内 … 続きを読む
WinSCPで「文字コードは’UTF-8’にフォールバックしました。」とメッセージが表示される場合の対処方法_100118 WinSCPで、編集しようとファイルを開いたときに「情報」というウィンドウに「ファイル’C:…(ファイル名)’を文字コード’932 (ANSI/OEM – 日本語 Shif … 続きを読む
WordPressのデータをパソコンにも保存して、カスタマイズやバックアップをする方法(WinSCPの使い方)_100117 WordPressをカスタマイズするために、各サーバーに「ファイルマネージャー」があるとは思いますが、カスタマイズしたいファイルを毎回ダウンロードして、編集して、アップロードする…などの手間が大変な場合があります。 その … 続きを読む
WordPressで、1つのコードだけでAMPサイトにもGoogleAdSenseの広告を表示する方法_100114 ブログをGoogleが推奨するAMPサイトに対応させるのはいいのですが、AMPサイトは必要最低限の内容しか表示されず、広告も非表示になってしまいます。 スマートフォンなどから、自分のサイトを高速でストレスなく閲覧してもら … 続きを読む
GoogleAdSenseの広告コードをショートコードで簡単に入力する方法_100113 記事を書く度に、Googleアドセンスの広告コードを記事内に挿入するのは大変です。 そこで、毎回長いコードを貼り付けなくても済むように「ショートコード」だけで入力する方法を紹介します。 他のブログで紹介されている方法と同 … 続きを読む
AMPサイトのみ「オリジナルサイトで読む」リンクを表示する方法_100112 前回、AMPプラグインを使った場合にAMPサイトの右上に表示される「Exit Reader Mode」という文字を好きな文字に変更する方法を記載しましたが、場合によっては、それだけでは物足りないことがあるかもしれません。 … 続きを読む
AMPサイトの「Exit Reader Mode」を好きな文字に変更する方法_100111 WordPressを利用している場合、Googleが推奨しているAMPサイトに、プラグインにて簡単に対応させることができます。 GoogleAdSenseの「最適化案」からもオススメされる、こちらのプラグインをご利用の方 … 続きを読む