2020年2月

1/2ページ
  • 2020.02.14

ブロックエディター「Gutenberg」に画像を挿入する方法

この記事では、WordPressの新エディターGutenbergで画像を追加する方法について説明します。   画像を記事に挿入する方法 はじめに、投稿に画像を挿入する方法を説明します。 Gutenbergでエディター上の任意の場所に画像を配置するには、「画像ブロック」を追加します。 まずは、画像を挿入したい場所で「ブロックの追加」(⊕マークのアイコン)をクリックし、「画像」を選択してくだ […]

  • 2020.02.12

【html】spanタグの使い方を解説

この記事では、htmlでspanタグを使う方法について説明します。   spanタグの使い方 spanタグは、汎用的な目的で使用できるhtmlタグです。 段落の中にある一部のテキストのスタイルを変更したい時などに、スタイルを適用させる範囲を指定するために使います。 たとえば、目立たせたい部分の文字色を変える、下線を引くなどしてデザインを調整したい場合に、以下のようにspanタグで範囲を指 […]

  • 2020.02.11

htmlで画像を表示する方法を解説

この記事では、htmlで画像を表示する方法を解説します。   htmlで画像を表示するimgタグ htmlで画像を表示するには、「img」タグを使います。 imgタグには、画像のディレクトリを指定する「src」属性と、画像の代替えとなるテキストを指定する「alt」属性を併せて記述します。 htmlで画像を表示するには、以下のように記述します。 imgタグの記述方法 <img src […]

  • 2020.02.10

htmlで基本的な表をつくる方法を解説

この記事では、htmlで表を作成する方法を解説します。   htmlで基本的な表をつくる方法 まず、htmlで表をつくるには「table」タグを使います。 また、一般的に、表は「列」や「行」、「見出し」(ヘッダ)「データセル」で構成されていますが、htmlでは表の見出しやセルを表すのに「th」「td」タグ、行を表すのに「tr」というタグを使います。 htmlで表をつくるためのタグ tab […]

  • 2020.02.09

文章チェックにおすすめ! VS Code「テキスト校正くん」の使い方

ブログの記事などの文章を作成する時には、全体的に読みやすい文章に仕上がっているかどうか、仕上げにチェックしている人も多いと思います。 とは言え、目視でチェックするのも手間が掛かりますし、きちんとチェックしたつもりでも、いくつかおかしなところを見逃している時もあります。 そこで、ここでは、ブログの記事など長文を書く時に便利な「Visual Studio Code」(以下「VSCode」)のエクステン […]

  • 2020.02.08

htmlでルビを振る方法を解説

この記事では、htmlで文字にルビを振る方法を説明します。   基本的なルビの振り方 まず、基本的なルビの振り方について説明します。 htmlで文字にルビを振るには、「ruby」タグ・「rt」タグを使います。 以下のように記述すると、文字にルビを振ることが可能です。 <ruby>ルビを振りたい対象の文字<rt>ルビ</rt></ruby> […]

  • 2020.02.07

CSSで折り返しの表示方法を指定する「white-space」プロパティの使い方

この記事では、CSSで要素内の行の折り返しや改行の表示を指定する「white-space」プロパティの使い方について解説します。   white-spaceプロパティの使い方 white-spaceプロパティは、要素内でのスペースや改行、折り返しをどのように表示するかを指定するプロパティです。 「normal」という値が初期値になっており、何も指定をしなければ「normal」が指定された […]

  • 2020.02.06

WordPressの投稿にプラグインを使って簡単に目次を表示する方法

ブログの記事に目次を設置すると、目次を見るだけで記事にどんなことが書いてあるのかが分かります。 また、目次のリンクをクリックすれば読みたい項目にすぐに移動することができるので、目次があるだけでユーザビリティを向上させることが可能です。 そこで、ここではWordPressの投稿にプラグインで簡単に目次を挿入する方法について説明します。   プラグイン「Easy Table of Conte […]

  • 2020.02.05

タブをツリー構造で一覧表示する拡張機能「ツリー型タブ」の使い方

Webで調べ物をする時など、ブラウザのタブをたくさん開いて作業をすることがあります。 そんな時には、タブがたくさんあり過ぎてどこに何のサイトのタブがあるのるかが分かりにくくなったり、タブを切り替えづらくなったりすることもあるのではないでしょうか。 ですが、開いているタブのリストをツリー構造で確認できれば、タブの切り替えや管理も簡単になるので作業の効率化につながります。 そこで、ここではタブを一覧で […]

  • 2020.02.04

WordPressのブログにプラグインでサイトマップを設置する方法

ブログを長く運営して記事数が増えていくと、古い記事ほど奥に埋もれてしまって読まれにくくなります。 しかし、サイトマップがあれば読者がそのブログにどんな記事があるかがひと目で分かり、古い記事も見つけられやすくなるので、ブログにはサイトマップを設置しておくのがおすすめです。 とは言え、ブログにサイトマップを設置するにはどんな方法があるのか迷うこともあるのではないでしょうか。 そこで、ここでは「WP S […]