Gutenbergで再利用ブロックを利用する
Gutenmorgen、としあきです。 WordPressのGutenbergエディタを使っています。 段落や画像、コードなどをブロック単位で編集するエディタになっています。 ワープロソフトなどとは違う独自の使い勝手だと思います。 このエディタには再利用ブロックという機能があります。 単なるテンプレート機能ではなく、配置されている再利用ブロックの内容をまとめて更新することもでき、うまく活用すればサ […]
Blog
サイトロゴを作成する
グッモーニン、としあきです。 サイトアイコンの登録に続いてサイトロゴを作成します。 サイトロゴは各ページの左上、指定がない場合サイトのタイトルが入っている場所に表示する画像のことです。 画像サイズはテーマごとに変わってくると思います。 [Thor]の場合、標準ではスマホサイズで高さ20ピクセル、PCサイズで高さ30ピクセルに調整されます。 画像の作成 高解像度のデバイスも考慮して、画像のサイズはそ […]
サイトアイコン(favicon)を作成する
グッドモーニン、としあきです。 サイトアイコン(favicon)を作成してみます。Chromeなどのブラウザでタブの左側に表示される小さなアイコンのことです。 通常は.ico形式とかなり特殊な画像に変換してサイト直下に配置してやらないといけないのですが、WordPressの場合、管理画面で変換や配置も勝手にやってくれます。 サイトアイコンの作成 WordPressでサイトアイコンを作成するときの推 […]
WordPressでハイライトされたコードを表示する(prism.js使用)
こんにちは、としあきです。 プログラミング言語を使う人であれば、WordPress上でコードを書くこともあるでしょう。 開発中のエディタ表示と同様に、WordPress上でも見栄えの良いコードの方が理解しやすいので、今回は設定方法、使用方法を書きます。ご使用のエディタがGutenbergの場合です。 目次1 設定手順1.1 prism.jsの導入1.2 [Highlighting Code Blo […]
WordPressにはクラシックエディタとGutenbergエディタ２種類がある
こんにちは。としあきです。 2021年5月にWordPressを始めてみて、何に戸惑ったかというと、標準で使えるエディタが2種類存在していることです。 今WordPressを始める前に必要な知識として知っておいた方が良いと思います。 今回はWordPress初心者である私が、この2つのエディタの違いと私の見解をあげてみます。 最初に結論を述べます。 POINT テーマを選択する際は、Gutenbe […]
Gutenbergで見栄えの良いブロックを使う
Gutenmorgen! としあきです。 WordPressに限らずですが、ただ文章を書くだけだと注目してほしい段落がわかりにくいと思います。 枠線などを付けることで文章の区分を分けることができます。 今回は見栄えの良いブロック表示を作成してみます。 目次1 HTMLタグ入力版1.1 HTMLタグの記載1.2 CSSの設定2 ブロックエディタ入力版2.1 中身をブロックエディタで入力できるようにす […]
Gutenbergで吹き出しを使う
Gutenmorgen! としあきです。 ブログでよくある吹き出しによる顔アイコンとセリフの表現。親しみやすさとメリハリを付けるのに効果的だと思います。これを入力できるようにしたいと思い調べてみました。 フキダシの作成方法 方法としては以下があります。 テーマに吹き出し機能がついている 吹き出し機能のプラグインを登録する 手動で吹き出しを入力する 3はあまり現実的でありません。 1はテーマが対応し […]
Lightsail上のWordPressサーバーでSSL/TLS接続する(Bitnamiスタックから)
ハイ！としあきです。 前回はAWSの登録からDNS登録してドメイン名でWordPressサーバーにアクセスするまでを書きました。 今回はSSL/TLS接続する方法です。 目次1 1. なぜSSL/TLS接続対応するのか？2 2. 設定方法2.1 WordPressサーバーにコンソールログインします。2.2 Bitnami HTTPS 設定ツールを実行します。 1. なぜSSL/TLS接続対応するの […]
AWSのLightsailでWordPressを始める
ハイ！としあきです。 WordPressを立ち上げるのはAWSのLightsailでやることにしました。LightsailだとSSD上にサーバーを作成し、新規開設するには十分な転送量でサーバー1台3.5$/月と、お手軽です。 どのように導入したか書いていきます。 AWSアカウントを新規登録する Lightsailでサーバーを新規追加する 静的IPを作成してサーバーと関連づける Zone53(AWS […]
WordPressでMarkdown記法を使えるようにする。(クラシック版)
プログラマーであればプログラミング言語を入力する機会が多くなると思います。メモでコードを残しておくこともあるでしょう。 ただ、素のWordPressの投稿でコードを入力するのは流石に大変です。改行やtab、スペース、特殊な記号がHTMLとして処理されかねないです。体裁を整えるのに、preタグやcodeタグを入力し、不等号(<, >）などは代替文字で置き換えます。直接入力するのは効率が悪 […]
