WEBST8のブログ

2020/4/20

Bootstrap4の使い方ブートストラップの導入方法と基本を徹底解説！

今回は、グリッドシステム・レスポンシブデザインで有名なCSSフレームワークBootstrap(ブートストラップ)の基本について説明し、バージョン4系の導入の仕方とグリッドシステムの基本、およびBootstrapバージョン3系との違いについて解説していきます。 Bootstrap3を使っていたんですが、Bootstrap4とどういった点が違うんでしょうか？基本的には同じですが、新しく導入された機能や廃止された機能もあります。今回は、Bootstrap4の設定方法とグリッドシステムについて説 ...

ロリポップ

2021/11/10

ロリポップ！FTPの使い方・ファイルアップロード方法

今回は、レンタルサーバーロリポップに備わっている、ロリポップ！FTPを利用したファイル・フォルダの追加編集削除のやり方をご説明します。サーバーのファイルを編集したいんですが、FTPの意味と使い方がいまいちよく分からなくって・・・ FTPは初心者にはいまいち理解しにくいところだと思います。ここでは、ロリポップ！FTPを利用したファイル・フォルダの追加編集削除の方法を説明していきますね。合わせて読みたい記事本記事では、ロリポップ管理画面に付属のWeb版ロリポップFTPの使い方 ...

ロリポップ

2022/9/9

ロリポップで独自ドメインのメールアドレスの作成・設定方法

今回は、レンタルサーバーロリポップ！で独自ドメインのメールアドレスを作成して、Gmailで受信するやり方をご紹介します。独自ドメインを取得してロリポップでレンタルサーバーを契約しました。メールアドレスを取りたいんですけど、どこからやったらよいんでしょうか？？メールアドレスの作成方法ですね！ここでは、ロリポップで独自ドメインのメールアドレスを作成して、送受信する方法を説明していきますね。合わせて読みたい記事ロリポップを使ったWordPressでホームページを作成する方法を ...

WordPressプラグイン

2022/7/28

【らくらく装飾】 AddQuicktagの設定方法＆使い方を徹底解説

今回は、WordPress(ワードプレス)のプラグインAddQuickTag(アドクイックタグ)にコードやタグを登録して、記事をらくらく装飾する方法を紹介します。記事の装飾をするときに、いつも手打ちでHTMLを書いたりメモ帳に書いたコードをコピーしているんですが、もっと簡単にできないんでしょうか？？できますよ。AddQuicktagというプラグインを利用すれば、あらかじめ登録したコードを1操作で記事にコードを挿入することができます。今回はAddQuicktagの使い方を説明 ...

WordPressテーマ

2022/7/26

【2022年版】WordPressおすすめ有料テーマ10選

WordPress(ワードプレス)は無料でも品質の高いテーマがたくさんあります。しかし、本格的にサイトを作るなら、より高機能・美しいデザインの有料テーマがおすすめです。そこで本記事では、当ブログで利用している「AFFINGER6」や関連サイトで利用している「賢威」をはじめ、WordPressの有料テーマ・無料テーマの比較、およびおすすめのWordPress有料テーマを10選に絞ってご紹介していきます。なお、「【2022年版】WordPressブログアフィリエイ ...

WordPressテーマ

2022/9/7

【2022年版】目的別WordPressおすすめ無料テーマ6選

WordPress(ワードプレス)は無料テーマだけでも数千以上がリリースされています。たくさんありすぎて「どれにしたものか」と迷っている人も多いのではないでしょうか。そこで本記事では、おすすめテーマのポイントを意識しつつ、WordPressでおすすめの無料テーマ6選に絞ってご紹介していきます。 (関連)【2022年版】タイプ別WordPressおすすめ有料テーマ10選をご紹介 (関連)【2022年版】WordPressブログアフィリエイトにおすすめのテーマ8選 ...

WordPressプラグイン

2022/7/28

【Classic Editor】WordPressを旧エディターに戻す方法

本記事では、WordPress(ワードプレス)5.0からリリースされたブロックエディター(グーテンベルクエディター)から旧クラシックエディターに戻す方法を説明しています。 WordPressのエディターを以前の旧エディターに戻したいんですが、元に戻す方法はあるんでしょうか？？ワードプレスは5.0系からブロックエディターという新しいエディターに変わったんです。ここでは、元のエディターに戻す方法をご紹介していきますね。この記事の対象者 WordPressを久々に更新したらエディ ...

Bootstrap

2019/9/1

カルーセル Carouselの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「カルーセル」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/carousel.mp4 スライドショーが作れるんですね。関連 Boo ...

Bootstrap

2019/9/1

コラップス collapseの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「コラップス(collapse)」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/collapse-a.mp4 よくある質問とかで質問(Questi ...

Bootstrap

2019/9/1

状態を保持するボタンの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「ボタン(button.js)」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/button-basic.mp4 普通のボタンと違って、ボタンを押し ...

Bootstrap

2019/9/1

アラートメッセージ alertの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「アラートメッセージ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/alert.mp4 警告メッセージとかで使えそうですね。 &nb ...

Bootstrap

2019/9/1

ポップオーバー Popoverの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「ポップオーバー」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/popover.mp4 簡単なヘルプ・ヒントを表示するときに使えそうですね。 &n ...

Bootstrap

2019/9/1

ツールチップ tooltipの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「ツールチップ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/tooltips.mp4 簡単なヘルプ・ヒントを表示するときに使えそうですね。 &n ...

Bootstrap

2019/9/1

タブメニュー Tabの使い方 BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「タブ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/tab-menu.mp4 カテゴリ別にタブで分けてコンテンツを見せる場合に使えそうですね & ...

Bootstrap

2019/9/1

スクロールスパイ Scrollspyの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「スクロールスパイ」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/scrollspy.mp4 ナビゲーションと連動して自分が今どこを見ているかわか ...

Bootstrap

2019/9/1

モーダルウインドウ Modalsの使い方 | BootStrap 3.3.7 のJavascript

Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。ここでは、Bootstrap3.3.7に搭載されている「モーダル」の使い方をご紹介します。 https://webst8.com/blog/wp-content/uploads/2019/02/modal-window.mp4 モーダルは、サイト訪問者に必ず内容を確認して欲しい注意 ...

アフィリエイト・ブログ

2022/5/21

【キャッチコピー作り方】売り上げ２倍！読者の心を掴むキャッチコピー作り

キャッチコピーはお客様があなたの商品・サービスを知る最初の文章です。魅力的なキャッチコピーはあなたの商品・サービスの売り上げを２倍にすることもありますし、下手なキャッチコピーを作ると、売り上げを半減させてしまうでしょう。ここでは、読者が思わず読み進めてしまうような心を掴むキャッチコピーの作り方の基本を、以下の3ステップに分けて説明しています。キャッチコピーのターゲット(ペルソナ)を決める幸せ実現型か不幸回避型かキャッチコピーのタイプを決めるネーミングテクニックを使ってキャッチコピーを ...

HTML

2022/4/30

【初心者向け】HTML 画像IMGタグの使い方を徹底解説

今回は、HTMLの勉強を始めた初心者の方向けに、画像を挿入するタグ「imgタグ」の基本的な使い方から応用的な使い方までを説明していきます。 HTMLの勉強をしているんですが、画像の設定の仕方がよくわかりません。どうすればよいんでしょうか？？画像は文字と違って、画像の場所を指定しないといけないので最初は少し難しいかもしれませんね。ここでは、imgタグの基本的な使い方からちょっとした応用までを説明していきますね。画像タグ imgの基本的な使い方まずは、画像を表示 ...

CSS

2020/1/23

【初心者向け】CSSの基本的な書き方・ルールを徹底解説

今回は、初心者の方を対象にCSSの基本的な書き方・ルールを説明します。 CSSを使ってホームページを装飾を変更したいんですけど、みても全然わからなくって・・・ CSSの基本がわかれば、ホームページのちょっとした見た目を変更したり、ブログをより見やすくしたりすることができます。今回は、初心者の方を対象にCSSの基本的な書き方・ルールを説明していきますね。 CSSとはWebページの見た目を整える言語 HTMLで作成したWebページのスタイルを整えるため、 ...

CSS

2020/1/23

【初心者向け】CSS 枠線borderタグの使い方の基本を解説

今回は、CSSの枠線borderタグの基本と注意点や角の丸さを設定するborder-radiusについて説明します。 borderの基本を使ったレイアウトの調整は、Webデザインする上で必須といえるくらいよく使うのでぜひ覚えておきましょう。枠線 borderの使い方枠線 borderの基本的な使い方 borderは、要素に枠線を設定するCSSプロパティです。枠線の色、枠線の種類、そして枠線の太さと3つの値を指定して利用します。 &n ...

CSS

2020/1/23

【初心者向け】CSS 内部余白paddingタグの使い方の基本を解説

今回は、CSSの内部余白paddingタグの基本と注意点、外部余白marginとの違いを説明します。 paddingの基本を使ったレイアウトの調整は、Webデザインする上で必須といえるくらいよく使うのでぜひ覚えておきましょう。内部余白paddingタグの使い方内部余白 paddingの基本まずは内部余白paddingの基本的な使い方を説明していきます。下記は一番シンプルな例、「padding:100px」と内部余白を指定した例で ...

CSS

2020/1/23

【初心者向け】CSS 外部余白marginタグの使い方の基本を解説

今回は、CSSの外部余白marginタグの基本と注意点、およびmargin:autoを利用した要素の真ん中寄せの方法・text-align:centerとの違いを説明します。 marginの基本やmargin相殺の注意点およびmarginを利用した真ん中寄せする方法は便利なのでぜひ覚えておきましょう。外部余白marginタグの使い方外部余白marginタグの使い方基本まずは外部余白marginの基本的な使い方を説明していきます。 ...

CSS

2020/2/22

【フレックスボックス】CSS display:flexの使い方を解説

フレックスボックス(フレキシブルボックス)は、CSSの新しいレイアウト技法で、HTMLブロックを横並びにすることができます。フレックスボックスは、display:flexで実現でき、従来のfloatよりも柔軟なレイアウトを組むことができます。 https://webst8.com/blog/wp-content/uploads/2019/10/display-flex.mp4 フレックスボックス flexの使い方フレックスボックス( ...

アフィリエイト・ブログ

2022/5/19

【Webライティング基本】分かりやすい文章作りのテクニック20選

「あの人の書いたブログは読みやすいなあ」「反対に、自分の書いた文章なんかよみにくいなあ」と思ったことはありませんか？今回は、読みやすく説得力のでる文章作成テクニックを20項目にまとめて徹底解説します。ブログがうまく書けません。他の人が書いたブログ記事と比べると、自分の文章はなんだか頭に入らないんです。ここでは文章作成のテクニックを20個ご紹介していきますね。わかりやすい文章を作成すれば、読み手だけではなく検索エンジンも理解してもらいやすくなりますよ。ブログのWebライテ ...

アフィリエイト・ブログ

2022/5/4

【初心者向け】ブログアフィリエイトの勉強におすすめの本11選

ブログでアフィリエイトを始めようとしているけど、『仕組みもやり方もいまいちわからない。効率的にすすめるためにまず基本を勉強したい』という方も多いのではないでしょうか。そこで今回は、これからアフィリエイトを始めたい初心者向けに、アフィリエイトの勉強におすすめの本を11選ご紹介していきます。アフィリエイトを始めたいので勉強のために本を買おうと思うんだけど、どれが良いのかしら・・アフィリエイトの本もたくさんあって悩みますよね。今回は初心者向けにアフィリエイトの勉強におすすめの本を11選ご紹介していきますね ...

アフィリエイト・ブログ

2022/5/21

【ブログライティング】初心者向けブログ記事の書き方総まとめ

ブログを書き始めた初心者の方で、「あのブログはすごく読みやすいのに、自分の書いたブログはなんだか読みにくいなあ」と感じる人は多いのではないでしょうか。ブログ記事の書き方には、いくつかのポイントがあります。今回は、ブログ初心者のためのブログWebライティングの基本を徹底解説します。ブログがうまく書けません。他の人が書いたブログ記事と比べると、自分の文章はなんだか頭に入らないんです。ブログ記事の書き方には、いくつかのポイントがあります。今回はブログの書き方を一通り説明していきますね。 & ...

アフィリエイト・ブログ

2022/5/21

ブログ記事のおすすめ文章構成・テンプレートパターン

「ネット上でみるブログ記事は読みやすいけど、自分の書いたブログはなんか読みにくいなあ」と感じたことはありませんか？ブログには、おすすめの文章構成があり、同じ文章でもグッとわかりやすくすることができます。今回は、ブログ記事を分かりやすく読みやすく書きたいけれどやり方がわからないという方向けに、ブログ記事のおすすめ文章構成・テンプレートパターンを解説していきます。この記事を読んでわかることブログの冒頭（リード文）の書き方ブログの中身（各論）の書き方ブログ記事の総論（まとめ）の書き方 ...

WordPress

2021/7/23

【WordPressウィジェットとは】ウィジェットの使い方を徹底解説

本記事では、WordPress(ワードプレス)初心者の方を対象に、WordPressのウィジェットの使い方について説明していきます。本記事でわかる内容ウィジェットとは・ウィジェットの概念ウィジェットの設定方法おすすめのウィジェット WordPress5.8から導入されたブロックウィジェットについて 2021年7月20日にリリースされたWordPress5.8以降は、ブロックウィジェットという新しい画面になりました。現時点ではまだテーマやプラグインの対応状況がまばらであ ...

WordPress

2021/1/2

【旧クラシックエディター版】WordPress固定ページの使い方を解説

WordPress(ワードプレス)を始めたばかりの初心者の方で、固定ページの意味や使い方がよくわからず、悩んでいる方も多いのでしょうか。ここでは、従来から使われているクラシックエディター版での固定ページ機能の概要、固定ページの親子関係、ビジュアルエディタとテキストエディタの違いや画像の載せ方、見出しの付け方、改行など基本機能について一通り説明していきます。関連記事 WordPress5.0から標準になった新エディター「ブロックエディター」版での固定ページの使い方を知りたい方 ...

WordPress

2022/5/21

【旧クラシックエディター版】WordPress投稿の書き方・使い方を解説

WordPress(ワードプレス)を始めたばかりの初心者の方で、投稿の意味や使い方がよくわからず、悩んでいる方も多いのでしょうか。ここでは、従来から使われているクラシックエディター版の投稿の概要、ビジュアルエディタとテキストエディタの違いや画像の載せ方、見出しの付け方、改行、カテゴリ・タグなど基本機能について一通り説明していきます。関連記事 WordPress5.0から標準になった新エディター「ブロックエディター」版での投稿の使い方を知りたい方は、「【2020年版】Word ...

« Prev 1 … 9 10 11 12 13 Next »

YouTubeチャンネル開設

PICK UP

個別指導Webスクール

ホームページの作り方・ブログの始め方

無料サーバーエクスリア(XREA)の特徴やメリットデメリット

バリューサーバー(ValueServer)の特徴やメリットデメリット

スターサーバー(StarServer)の特徴やメリットデメリット

コアサーバー(CoreServer)の特徴やメリットデメリット

GMOクラウド iCLUSTA+の特徴やメリットデメリット

WEBST8のブログ