-
WordPressでソースコードのブロックを見やすくする
WordPress5.0のGutenberg新エディタ対応版は下記リンクを参照してください。WordPressでソースコードのブロックを見やすくする（Gutenberg対応編） 1.経緯 デフォルトのソースコードブロックでは長い文字が折り返されて見にくくなるので、よくサイトで見かける「Crayon […続きを読む]
-
WordPressでGoogle Analyticsを導入
1.Google Analytics管理画面での設定 Google Analytics管理画面でプロパティーを追加してトラッキングIDを確認します。※Google Analytics管理画面の登録・操作は省略させて頂きます。 2.WordPressにプラグインを追加 今回は、「Google Anal[…続きを読む]
-
AWS Certificate Manager(ACM)でSSL(TLS)証明書を発行
1.経緯 AWS内で使用できる証明書を発行します。この証明書は、EC2やLightsailで直接使用できません。使用するにはEC2やLightsailのロードバランサやCloudFrontで使用します。証明書はAWSで無料で取得できますが、ロードバランサは費用がかかりますのでご注意ください。 2.設[…続きを読む]
-
AWS WorkMailでメール送受信
1．メールを受信したい！ ドメインは持っているけど、メールサーバーがない！EC2にメールサーバーを構築するのはうんざり・・・そこでAWS WorkMailでサクッと構築したいと思います。 2.設定します サービス一覧よりWorkMailを選択東京リージョンはないので、オレゴンを選択しました 「Get[…続きを読む]
-
AWS Lightsail ドメインのDNSをRoute53で管理
1.経緯 今までLightsailのDNSを使用してしていたのですが、 AWS Lightsail 独自ドメインでWordPressを公開今後LightsailからEC2へ移行することもあるかと思いドメインをRoute53で管理するようにします。 2.Route53の設定 最初にLightsail[…続きを読む]
-
WordPressで拡大画像をポップアップ表示する
1.画像が小さすぎて見えない！ WordPressで画像を載せると、細かい文字など見えない時があります。その際、クリックすると拡大画像が表示されるようにします。 2. Easy FancyBox プラグインを追加 「今すぐインストール」をクリック 「有効化」をクリック 3.画像の設定をします Wor[…続きを読む]
-
WordPressで画像の圧縮
1.画像って結構ファイルサイズが大きい・・・ 前回、画像の拡大ポップアップ機能を追加したのですが、画像のファイルサイズが大きく、ポップアップ表示する時に数秒待たされるのが気になったので、自動で圧縮できたら便利だと思い調査しました。 2. Compress JPEG & PNG images […続きを読む]
-
AWS Lightsail 独自ドメインでWordPressを公開
１．DNSの設定 Lightsailのホームよりネットワーキングを選択 DNSゾーンの作成をクリック 取得したドメインを入力します。今回は、お名前.comで安いドメインを取得しました。（年間２００円くらい） DNSレコードを追加しますドメイン名の時は「＠」でいいようです。 DNSサーバーの情報をドメ[…続きを読む]
-
AWS LightsailでWordPressを構築
１．インスタンス作成 AWSコンソールのサービス一覧よりLightsailを選択 SSHキーペア作成 インスタンス作成ボタン押下後、しばらくすると作成が完了。（ステータスが実行中に変更） ２．SSHでインスタンスに接続 作成されたインスタンスをクリックし、SSHで接続でもブラウザベースで接続できます[…続きを読む]