ハッシュタグ記事一覧

nodebrewでNode.jsのバージョンが確認出来ない際の対処法

nodebrewは、Node.jsのバージョンを管理できるもので、プロジェクトに応じて、Nodeのバージョンの切り替えをコマンドを簡単に行うことができる点は、とても有難いものです。 本記事では、インストール済みであるにも […]

2022/12/22 00:39

【React hooks】useState・propsの基礎を習得 – カウンターアプリ

本記事内では、React hooksで提供される関数の一つである「useState」とpropsの基礎的な使い方をカウンターアプリを作成しながら解説していきます。 加えて、公式ページの内容にも少し触れていきたいと思います […]

2022/12/22 00:37

【React hooks】useReducerの基礎を習得 – カウンターアプリ

※ 本記事は、以下の記事の続きになります。 【React hooks】useState・propsの基礎を習得(カウンターアプリ作成) 【React hooks】useState・propsの基礎を習得 - カウンターア […]

2022/12/22 00:37

【React hooks】useContextの基礎を習得 – カウンターアプリ

※ 本記事は、以下の記事の続きになります。 【React hooks】useReducerの基礎を習得 – カウンターアプリ作成 【React hooks】useReducerの基礎を習得 - カウンターアプ […]

2022/12/22 00:36

React + JavaScript – 開発環境構築方法(Windows & Mac)

JavaScriptのライブラリとして、React.jsが2013年に公開されるようになってから現在まで9年以上が経過しましたが、今や多くの現場で使用されているライブラリとなりました。 しかし、まだ扱える人材がJavaや […]

2022/12/22 00:27

[React] Sass(.scss)を導入する方法 (検証用のサンプルコードあり)

本記事では、Reactの環境へSassを導入する方法についてご紹介してます。 現在のReactのバージョンですと、これまでの方法が非推奨となっているので、これからReactを学んでいかれる方やReactのバージョンを更新するうえで、Sassを適切に使っていきたい方にオススメの内容になっておりますので参考になれば嬉しいです。

2022/12/22 00:26

[React] Marerial UI – Material Iconsを導入する方法 + 使い方

Reactの現場でもよく用いられているCSSフレームワークは、BootstrapやBulma…など, UIフレームワークといえば、 Chakra UIやMarerial UIが挙げられます。 今回は、その中で […]

2022/12/22 00:25

CSSでWEBサイトの文章を縦書きにする方法

この記事ではWEBサイトの文章を縦書きにする方法をご紹介いたします。文章を縦書きにするには、CSSのwriting-modeプロパティを使用します。writing-modeプロパティにはいくつかの値があり、実際の表示などもご紹介しています。

2022/12/13 11:01

HTMLのrubyタグで文字にふりがな(ルビ)を振る方法

2022/12/12 13:11

【WordPress】新着記事に「NEW」マークを一定期間だけ表示させる方法

WordPressの新着一覧記事に「NEW」というマークを一定期間表示させているサイトをご紹介しています。「NEW」マークを表示させるには、テンプレートファイルを編集する方法と、プラグインを使う方法の主に2通りあります。このページではこの2通りの方法をご紹介しています。

2022/12/08 12:28

無料で作れる！ホームページ作成サービスのメリットや注意点をご紹介します

インターネットが普及してまだまだ浅いですが、この間にもとてつもないスピードで様々なサービスが生まれ、広がっています。 WEBサイトも現在ではHTML・CSSの知識がなくても、ある程度形にできてしまうサービスなどが展開され、無料での提供となるので、昔よりもはるかに気軽にホームページが持てるようになりました。

2022/12/04 17:25

WordPressのインストール先(/wp/)の階層を変更する方法

2022/12/04 17:24

WordPressで編集して画面が真っ白になった時の対処法

WordPressのテーマ編集などを行っていれば、更新を行った際に画面が真っ白になったという経験はあるのではないでしょうか？ 私もWordPressの自作テーマを作り出して間もない頃はこの現象になり、かなり焦った記憶があります。

2022/12/04 17:24

WordPressの固定ページと投稿ページの違いとは？【初心者向け】

WordPressでのWEBサイト制作を始めて間もない頃は、固定ページと投稿ページの違いがわからず、とても迷った記憶があります。当時、一生懸命違いを調べたのですが、それでも理解が追いつかず…。

2022/12/04 17:24

【簡単・便利】アップしたサムネイルを一括リサイズできる！プラグイン「Regenerate Thumbnails」のご紹介

WordPressのメディアに画像をアップロードすると、自動的に画像がリサイズされるのですが、後でサイズ変更をするには、少々手間がかかります。まず、管理画面の左側にあるメニューの「設定」→「メディア」で、サイズを変更し、再び画像をアップロードしないと、その変更したサイズにリサイズをしてくれません。

2022/12/04 17:24

WordPressの旧エディタに戻すプラグイン「Classic Editor」の使い方やサポート期限についてご紹介

WordPressがバージョン5になり「Gutenberg」という新しいブロック型のテキストエディターが採用されるようになりました。 従来のワードのようなテキストエディターに慣れている方にとっては、大幅な仕様変更によって慣れるのに時間がかかったり、思うように編集が出来なかったりする方もいらっしゃるのではないでしょうか。

2022/12/04 17:24

投稿記事を複製して、ブログの編集の効率を上げられるWordPressプラグイン「Duplicate Post」

WordPressプラグイン「Duplicate Post」のご紹介。投稿ページの記事を、たった1クリック複製でき、ブログの編集を効率良く行えます。また、固定ページやカスタム投稿、プラグインで作成したお問合せフォームも複製できるとても便利なプラグインです。

2022/12/04 17:23

0から始めるWordPress自作テーマ作成【header.php作成編】

WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はその中でもheader.phpの作成ついてご紹介しています。

2022/12/03 13:22

0から始めるWordPress自作テーマ作成【footer.php作成編】

WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はfooter.phpの作成ついてご紹介いたします。

2022/12/03 13:22

0から始めるWordPress自作テーマ作成【TOPページの表示とテンプレートタグ編】

WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はTOPページを表示させる事を目的として、その方法とテンプレートタグについて、ご紹介をいたします。

2022/12/03 13:22

0から始めるWordPress自作テーマ作成【固定ページ作成編】

WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回は固定ページの作成方法についてご紹介をいたします。

2022/12/02 15:13

0から始めるWordPress自作テーマ作成【投稿ページ作成編】

前回は固定ページの作成方法をご紹介し、WEBサイトの下層ページを作成しました。今回はWordpressの投稿ページの作成方法をご紹介していきたいと思います。 前回にもお伝えした、WordPressには固定ページと投稿ページと2つの特性をもった機能があり、それぞれの特性に合わせてページを作成していきます。固定ページと投稿ページの違いについては、以下の記事をご覧下さい。 固定ページと投稿ページの違いに

2022/12/02 15:13

0から始めるWordPress自作テーマ作成【お問合せフォーム作成編】

前回はWordPressの投稿ページの作成方法についてご紹介いたしました。 今回はメールフォームが作成できるプラグイン「MW WP Form」を使って、お問合せページの作成方法をご紹介していきたいと思います。 メールフォームのプラグインと言えば「ContactForm7」など有名なものがありますが、MW WP Formではその他のプラグインと同様に細かい設定や、日本語のサポートやTipsも多くあり

2022/12/02 15:13

0から始めるWordPress自作テーマ【記事一覧の表示方法編】最新記事一覧をトップページに表示させてみよう

WEBサイトのTOPページなどによるある、新着記事の一覧。 この記事の一覧をWordPressを使って表示させる方法を今回はご紹介していきます。 WordPressのテーマを自作されている場合でも、よく使う場面がありますので、参考になれば幸いです。 では、さっそくご紹介していきましょう。 WordPressのループ機能を使って最新の記事一覧を表示させます 最新記事の一覧を表示させるには、ループと呼

2022/12/02 15:12

0から始めるWordPress自作テーマ【カスタム投稿作成編】

WordPressのカスタマイズをしていると「カスタム投稿(ポスト)」という言葉を一度は耳にした事があるのではないでしょうか？ 「いつかは使えるようになりたい」「この機能を使ってページをカスタマイズしたい」とも思った方も多いかと思います。 今回はこの「カスタム投稿」について、機能の説明や使い方をご紹介していきたいと思います。 カスタム投稿とは WordPressには投稿ページと固定ページとがあり、

2022/12/01 15:49

【Windows版】hostsを書き替える方法｜DNS切り替え前のサイト確認方法などをご紹介

2022/12/01 15:47

WordPressのバージョンをダウングレードさせる方法！もしもの時の対処法をご紹介

WordPressのバージョンを戻す方法についてご紹介しています。このページではWordPressのタウングレードさせる方法をいくつかご紹介していますので、ご自身の状況に合わせて参考にして頂ければと思います。

2022/12/01 15:46

WordPressの特定の下層ページにベーシック認証を設定する方法

2022/12/01 15:45

WordPressで同じ日に複数投稿した記事の日付が表示されない時の対処法

2022/11/30 16:53

WordPressの表示速度改善に！高速化におすすめのプラグインまとめ

WordPressの表示速度を改善する、速度表示を上げてくれるプラグインをご紹介しています。こちらのページではWEBサイトの表示速度を調べるツールや、速度改善を行うプラグインの使い方もご紹介しています。

2022/11/30 16:53

【簡単おすすめ】WordPressのバックアップや引っ越しに便利なプラグイン「All in One WP Migration」の使い方を解説

2022/11/30 16:53

【設置簡単】フォームの郵便番号から住所を自動で入力させるプラグインYubinBango.js

2022/11/30 16:51

【超簡単】リダイレクト設定ができるプラグイン「Redirection」の使い方をご紹介

WordPressのプラグイン「Redirection」を使った、WEBサイトのリダイレクト設定についてご紹介しています。リダイレクト設定は通常、.htaccessを編集を行いますが、WordPressのプラグインで簡単に編集ができるようになります。

2022/11/30 16:51

WEBフォントの使い方とシステムフォントとの違いをご紹介

このページではWEBフォントについて、システムフォントとの違いやWEBフォントを使用するメリット ・デメリットから使用方法まで分かりやすいようにご紹介しています。ご興味のある方は是非参考になれば幸いです。

2022/11/30 16:50

自動で生成されるpタグbrタグを削除する方法3選【WordPress】

2022/11/29 21:04

WordPressのアップロードサイズ上限を変更する3つの方法

2022/11/29 21:04

【CSS】WEBフォントでシャギー(ギザギザ)が入ってしまう時の対処法

2022/11/29 21:04

特定の固定ページの内容を取得して表示させる方法【WordPress】

特定の固定ページの本文やタイトル、抜粋文といった内容を取得して、トップページやその他の固定ページなどに表示させる方法についてご紹介しておいます。

2022/11/29 21:03

WordPressでよく使う条件分岐タグと使い方のご紹介

WordPressでよく使う条件分岐タグについて、基本的な使い方からよく使う条件分岐タグのご紹介と使い方を、分かりやすくご紹介しています。条件分岐タグはWordPressの構築ではかなり使いますので、ご興味のある方は是非ご覧ください。

2022/11/29 21:03

LazyLoadの設置｜画像の遅延読み込みでWEBページを高速化

このページでは画像の遅延読み込みをさせてWEBサイトの表示速度の改善に役立つプラグイン「LazyLoad」について、インストールから、設定方法などを詳しくご紹介しています。

2022/11/29 21:01

【簡単コピペOK】WordPressのページネーションをプラグイン無しでサクッと作成する方法

この記事ではワードプレスのページネーションをプラグインを使わず実装する方法をご紹介しています。コピペで簡単に実装ができますので、ご興味のある方やWEB制作初心者の方、プラグインを使わない実装をお探しの方にとって参考になりますと幸いです。

2022/11/29 21:00

WordPressの投稿ページ・固定ページを分割する方法

WordPressの投稿ページ・固定ページのページを分割する方法についてご紹介しています。プラグインを使う方法・使わない方法とそれぞれ紹介しています。また、ページを分割する際の注意点などもご説明していますので、参考にりましたら幸いです。

2022/11/29 20:59

【WordPress】MW WP Formでリンク元の商品名などのページ情報を自動で入力させる方法

WEBサイトの商品情報などのページからお問い合わせページに遷移した際に、お問い合わせフォームに商品情報を自動で入力させたいと思った事はありませんか？この記事では今回は遷移先のお問い合わせフォームに、取得した遷移元ページの情報(商品情報)を自動で入力させる方法をご紹介していきます。

2022/11/29 20:59

WordPressによるサイトマップの作成方法とおすすめのプラグイン4選

2022/11/28 19:13

CSSで目次をデザイン！HTMLでの作成方法から具体例を挙げて解説！

2022/11/28 19:12

【設定簡単】Googleアナリティクスに自分からのアクセスを除外する方法

Googleアナリティクスから自分のアクセスを除外させる方法についてご紹介しています。アナリティクスを設置したけど、自分のアクセスがカウントされる・自分のアクセスを除外したいが方法が分からない方は、分かりやすくご紹介していますので是非一度ご覧下さい。

2022/11/28 19:10

独学でHTML＆CSSを初めて勉強する方におすすめの学習手順

Webサイト制作に興味を持ち、勉強しようかと思うけどオンラインスクールは敷居が高い… でも独学だと何から勉強し

2022/11/28 13:14

【WordPress】アイキャッチ画像が無い場合に、別の画像を表示させる2つの方法

WordPressでブログ記事のアイキャッチ画像が無い場合に別の画像を表示させる方法を、テンプレートを編集する場合と、プラグインで対応する場合と2つに分けてご紹介しています。アイキャッチを入れたいけど、用意が難しく悩んでいる方は是非一度ご覧ください。

2022/11/27 18:20

【ドラッグ＆ドロップで簡単・直感的】お問合せフォーム「Contact Form by WPForms」の使い方をご紹介

2022/11/27 18:19

【初心者必見】コーディング速度が確実に上がるEmmetの特徴や基本的な使い方をご紹介

2022/11/27 18:18