WEBST8
シン・レンタルサーバーの特徴やメリット・デメリット
今回は、エックスサーバー社のWordPress専用サーバー「シン・レンタルサーバー」の特徴やメリット・デメリットをご紹介します。 結論からいうと、シン・レンタルサーバーはWordPressの高速化を目指すエックスサーバー経験者におすすめのレンタルサーバーサービスです。 WordPressでブログ・ホームページを始めることを検討している初心者や安定性・実績重視の法人なら「通常のエックスサーバー」がおすすめです。 他社含めたレンタルサーバー比較について 本記事では、シン・レンタルサーバーを中心に ...
HTML改行タグbrの使い方・文中に改行を入れる方法
今回は、HTMLを勉強し始めた方向けに、brタグの使い方を説明します。 brタグを利用すると、文中の任意の箇所に改行を入れることができます。brタグはHTMLを勉強している人だけでなく、WordPressでブログを書いている人でも知っておくと便利なので覚えておきましょう。 HTML改行タグbrの意味と使い方 brタグの基本的な使い方 brタグは文中に改行を入れることができるHTMLタグです。 改行したい箇所に<br>と記述してあげるだけでOKです。 [crayon- ...
【ConoHa WING】phpMyAdminログイン方法とデータベース復元
今回はレンタルサーバー「ConoHaWING」でphpMyAdminにログインする方法を解説します。 何らかの不具合でWordPressで利用しているデータベースMySQLを復旧する際などに、phpMyAdminへのログイン方法して復旧しなければならない場合があります。 今回は、WordPressを利用している前提で、ConoHaWINGでphpMyAdminにログインする方法をご紹介します。 (関連記事) 【WordPress復旧手順】バックアップから復元・元に戻す方法 (※)意味がわからずにデータベー ...
【さくらサーバー】phpMyAdminへのログイン方法とデータベース復元方法
今回はレンタルサーバー「さくらのレンタルサーバ(スタンダードプラン)」でphpMyAdminにログインする方法を解説します。 何らかの不具合でWordPressで利用しているデータベースMySQLを復旧する際などに、phpMyAdminへのログイン方法して復旧しなければならない場合があります。 今回は、WordPressを利用している前提で、さくらのレンタルサーバでphpMyAdminにログインする方法をご紹介します。 (関連記事) 【WordPress復旧手順】バックアップから復元・元に戻す方法 (※) ...
【エックスサーバー】phpMyAdminへのログイン方法とデータベース復元方法
今回はレンタルサーバー「エックスサーバー」でphpMyAdminにログインする方法を解説します。 何らかの不具合でWordPressで利用しているデータベースMySQLを復旧する際などに、phpMyAdminへのログイン方法して復旧しなければならない場合があります。 今回は、WordPressを利用している前提で、エックスサーバーでphpMyAdminにログインする方法をご紹介します。 (関連記事) 【WordPress復旧手順】バックアップから復元・元に戻す方法 (※)意味がわからずにデータベースを操作 ...
【mixhost】phpMyAdminへのログイン方法とデータベース復元方法
今回はレンタルサーバー「mixhost」でphpMyAdminにログインする方法を解説します。 何らかの不具合でWordPressで利用しているデータベースMySQLを復旧する際などに、phpMyAdminへのログイン方法して復旧しなければならない場合があります。 (関連記事) 【WordPress復旧手順】バックアップから復元・元に戻す方法 今回は、mixhostでphpMyAdminにログインする方法をご紹介します。 (※)意味がわからずにデータベースを操作して間違えるとサイトやデータが紛失・破壊され ...
【Sass入門】導入方法やSCSS記法の基本的な書き方
今回はSassの概要とともに、Visual Studio Codeを使ったSassの導入方法をはじめ、SCSS記法の基本的な書き方をいくつか紹介します。 Sassを利用するとCSSの記述量を減らせたり、管理が楽になりますので、CSSをある程度覚えたらSassも一度勉強してみてください。 Sassとは？使用するメリット Sassの概要と特徴 Sassは「Syntactically Awesome Style Sheets（和訳: 構文的に優れたスタイル シート）」の ...
【HTML pタグとは】pタグの使い方と改行brの違い
今回はHTMLで最もよく使うタグであるpタグ（段落タグ）の使い方および、改行brタグとの違いについて解説します。 pタグはまず初めに覚えておきたい基本中の基本のタグです。ぜひ覚えておきましょう。 pタグの基本的な使い方 それではまず、pタグの基本的な使い方を解説します。 pタグは段落タグと呼ばれ、文章の各段落のまとまりをマークアップするのに使用されます。なお、各段落毎に1つのpタグを使用するため、ブログ記事のように長い文章の中にはpタグが多用されるのが一般的です。 ...
【おすすめ無料レンタルサーバー】有料版との違いや特徴・デメリット
WordPressやホームページをまずはお試しで開設・使ってみたい方向けに、レンタルサーバーには無料で利用できるサービスもいくつかあります。 結論としては、無料レンタルサーバーは、勉強・検証・お試し目的にはとてもおすすめなレンタルサーバーです。しかし、スペックが低さや広告が表示される制限があるため、ビジネス目的のホームページやブログアフィリエイトなどには向いていません。 今回は無料レンタルサーバーの特徴や有料版サーバーとの違い・メリット・デメリットについてをご紹介していきます。 ...
【CSS calc()関数の使い方】幅や高さを計算式で指定する方法
今回は、要素の幅や高さなどを足し算、引き算などの計算式を使って指定できるcalc()関数の使い方について紹介していきます。 calc関数が使えるようになると、pxや%など異なる単位を使って幅を計算・指定することができるようになります。
|
1 2 3 4 |
.sample{ width: calc(100% - 40px); height: calc(300px + 20vw); } |
CSSのcalc()関数とは？ CSSのcalc()関数の意味と概要 calc()関数は、CSSで数学の四則演算（足し算・引き算・掛け算・割り算）を可能にする関数です ...
【HTML CSS】classとid属性の意味や違い・使い方を解説
今回はHTML・CSSを勉強し始めた時に、htmlタグにid名やclass名が出てきますが何のことかよくわからない方も多いのではないでしょうか。 classやid属性は、HTML・CSSを勉強する上で必ず必要になる知識です。 今回はHTML・CSSを使ってコーディングをしていく上で非常に重要なclass、id属性の意味や違い・使い方を解説していきます。
|
1 |
<div id="main" class="container">サンプルサンプル</div> |
classとid属性の役割とは？ classと ...
ラッコサーバー(Rakko)の特徴やメリットデメリット
今回は、ラッコ株式会社のレンタルサーバー「ラッコサーバー」の特徴やメリット・デメリットをご紹介します。 結論から言うと、サイト売買目的でサイト運営するならラッコサーバー一択と言っていいくらいおすすめです。アカウントの付け替えだけ（数秒の操作）で第三者にサーバーごとサイトを移転・売却できるため、サイト売買が非常に楽に行えます。 他社含めたレンタルサーバー比較について 本記事では、ラッコサーバーを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサーバー比較】W ...
カゴヤ・ジャパン(Kagoya)の特徴やメリットデメリット
今回は、カゴヤ・ジャパンの法人向けレンタルサーバー「カゴヤのレンタルサーバー」の特徴やメリット・デメリットをご紹介します。 他社含めたレンタルサーバー比較について 本記事では、カゴヤのレンタルサーバーを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサーバー比較】WordPress対応5社総まとめ」に記載しています。 おすすめのレンタルサーバーを比較検討したい方はあわせてご参照いただければと思います。 本記事記載の内容は、2022年12月12 ...
【使用レビュー】WordPressテーマ XWRITEの特徴と感想
ホスティング大手のエックスサーバーが2022年9月にブログ向けWordPressテーマ「XWRITE（エックスライト）」をリリースしました。 結論から言うと、XWRITEはエックスサーバー利用者で「まずは無料で有料テーマがどんなものかを体験してみたい方（期間限定）」におすすめです。 XWRITE（エックスライト）が1年間無料で利用できる！ 現在リリース記念キャンペーンとして、XWRITE（エックスライト）が1年間無料で利用できます。 ユーザー専用サイトに会員登録をすると登録日から1年間無料でXWRITEが ...
カラフルボックス(Colorfulbox)の特徴やメリットデメリット
今回は、株式会社カラフルラボのレンタルサーバー「カラフルボックス」の特徴やメリット・デメリットをご紹介します。 他社含めたレンタルサーバー比較について 本記事では、カラフルボックスを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサーバー比較】WordPress対応5社総まとめ」に記載しています。 おすすめのレンタルサーバーを比較検討したい方はあわせてご参照いただければと思います。 本記事記載の内容は、2022年12月12日時点で公式サイトな ...
【HTML videoタグの使い方】動画の埋め込み・表示方法
今回はWebサイトに動画を埋め込む際に使用されるHTMLタグ「videoタグ」の使い方について詳しく解説していきます。 数秒〜2,30秒程度の小さい動画であれば、YouTubeにアップしてからサイトに埋め込み表示などしなくても、videoタグを利用して簡単にmp4などの動画をサイト表示させることができます。 https://webst8.com/blog/wp-content/uploads/2022/09/autoplay.mp4 videoタグの基本的な使い方 ...
WordPress Popular Postsの使い方・人気記事の表示方法
今回は、Webサイトの好きな箇所に人気記事一覧を表示することができるプラグイン「WordPress Popular Posts」の使い方を紹介します。 「サイドバーや関連記事の下などに人気記事一覧を表示したい」といった方は、本記事を参考にプラグインの導入を検討されることをおすすめします。 ■(参考)WordPress Popular Postsを使って人気記事一覧を表示させている例 プラグインは便利ですが、古いプラグインやご利用のテーマやプラグインの組み合わせによっては、不具合を起こす場合も ...
CPIレンタルサーバーの特徴やメリットデメリット
今回は、KDDIグループの法人向けレンタルサーバー「CPIレンタルサーバー」の特徴やメリット・デメリットをご紹介します。 他社含めたレンタルサーバー比較について 本記事では、CPIレンタルサーバーを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサーバー比較】WordPress対応5社総まとめ」に記載しています。 おすすめのレンタルサーバーを比較検討したい方はあわせてご参照いただければと思います。 本記事記載の内容は、2022年12月12日時 ...
無料サーバーエクスリア(XREA)の特徴やメリットデメリット
今回は、GMOデジロック社のレンタルサーバー「XREA(エクスリア)」の特徴やメリット・デメリットをご紹介します。 XREAの特徴としては無料プランが利用できることです。機能は低く制限も大きいため、実用的なホームページとしては物足りないものの、まずは無料でWordPressやサイトを試したいという方にとてもおすすめのサーバーです。 他社含めたレンタルサーバー比較について 本記事では、XREAを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサ ...
バリューサーバー(ValueServer)の特徴やメリットデメリット
今回は、GMOデジロック社のレンタルサーバー「バリューサーバー」の特徴やメリット・デメリットをご紹介します。 結論から言うと、今から契約するなら、同GMOデジロック社の「コアサーバー」をはじめ、エックスサーバーやConoHaWINGなど、そのほかのレンタルサーバーの方がおすすめです。しかし、個人・趣味サイト目的で格安プランを契約するなら、バリューサーバーも安価に利用できるのでメリットがあります。 他社含めたレンタルサーバー比較について 本記事では、バリューサーバーを中心にご紹介 ...
【スターサーバーの評判】StarServerの特徴やメリットデメリット
個人でブログを始めようとした際に、格安レンタルサーバースターサーバーを検討したことがある人も多いのではないでしょうか。 スターサーバーは、有名なレンタルサーバーロリポップと並んでおすすめできる安価なレンタルサーバーです。 今回は、ネットオウル社のレンタルサーバー「スターサーバー」の特徴やメリット・デメリットをご紹介します。 他社含めたレンタルサーバー比較について 本記事では、スターサーバーを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサー ...
コアサーバー(CoreServer)の特徴やメリットデメリット
今回は、GMOデジロック社のレンタルサーバー「コアサーバー」の特徴やメリット・デメリットをご紹介します。 他社含めたレンタルサーバー比較について 本記事では、コアサーバーを中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサーバー比較】WordPress対応5社総まとめ」に記載しています。 本記事記載の内容は、2022年12月12日時点で公式サイトなどから調べた情報です。今後、価格や機能面など時期によって本記事に記載の内容と変わっ ...
GMOクラウド iCLUSTA+の特徴やメリットデメリット
今回は、GMOクラウドの「iCLUSTA+」の特徴やメリット・デメリットをご紹介します。 他社含めたレンタルサーバー比較について 本記事では、GMOクラウド iCLUSTA+を中心にご紹介していますが、他社含めたおすすめのレンタルサーバーを「【おすすめレンタルサーバー比較】WordPress対応5社総まとめ」に記載しています。 おすすめのレンタルサーバーを比較検討したい方はあわせてご参照いただければと思います。 (注意事項)本記事を読み進めるにあたって 本記事記載の内容は、20 ...
【CSS グリッドレイアウト】display: gridの使い方
今回はCSSのグリッドレイアウト(display: grid)の使い方を解説していきます。 グリッドレイアウトを利用すると、要素を格子状に並べて自由に配置することができるので、レイアウトを組むのにとても便利です。 CSSグリッドレイアウト(display: grid)とは？ Grid Layout(display: grid)は、CSSでレイアウトを組む手法の1つで、要素を格子状に並べて配置することができます。 Grid Layoutでは列数と行数をあらかじめ指定 ...
【CSS border-imageの使い方】枠線に画像表示する方法
今回は、要素の枠線に画像を表示させることができるCSSプロパティ「border-image」の使い方を解説していきます。 border-imageの使い方を覚えると以下のようにオリジナルの枠線デザインを作ることが可能です。 border-imageプロパティとは？ border-imageは、要素の枠線に好きな画像を表示させることができるCSSプロパティです。 border-imageは下記の5つのCSSプロパティを同時に指定することができます。最初のうちは、個別 ...
WordPressフックとは？アクションフック・フィルターフックの使い方
今回はWordPressのアクションフック・フィルターフックの意味と使い方について紹介します。 WordPressのフックとは、WordPressサイトが表示されるまでの過程で、独自の処理（関数）を挿入することができる仕組み・トリガーです。 アクションフックやフィルターフックを理解すると、WordPressのテーマ自作する人もカスタマイズする人も圧倒的にやりやすくなるので覚えておきましょう。 WordPressのフックとは？意味と概要 WordPressのフックとは、WordP ...
WordPressトラックバック・ピンバックとは？意味と使い方
今回はブログを運営する際に、WordPressの管理画面で見かけるトラックバック・ピンバック機能について解説していきます。 トラックバックおよびピンバックは、参考にした記事の運営者に対して「記事へのリンクを貼りましたよ」と通知することができる機能です。 この設定を知らないと「モデレートしてください」といったメールがたくさん来たり、知らない間に相手のサイトに通知していることがあるので、覚えておきましょう。 (関連記事)【WordPressモデレートしてくださいとは】通知オフにする設定 &nbs ...
【keyframes animation】CSSでアニメーションする方法
今回はCSSだけでアニメーションを実装することができるCSSのkeyframesとanimationプロパティの使い方を紹介していきます。 CSSで簡単なアニメーションはtransitionでも実装できますが、keyframesとanimationを利用すると、より多様なアニメーションが実装できます。 https://webst8.com/blog/wp-content/uploads/2022/07/keyframes-animation-demo-kansei.mp4 (参考)【CSSでアニメーション ...
【2022年版】レンタルサーバー日本国内シェアランキング
レンタルサーバーやVPSなどのホスティングサービスを選ぼうとした際に、国内でどのくらいのシェア状態になっているのか気になる人も多いと思います。 ※ホスティングサービスとは、事業者のサーバーを利用者に貸し出すサービスです。具体的には、レンタルサーバー(共用サーバー)をはじめ、バーチャルプライベートサーバー(VPS)、マネージドサーバー、専用サーバーなどを提供しているサービスのことです。 レンタルサーバーは国内でも100社近くありますが、今回は日本国内で使われているホスティングサービスのシェアトップ10社につ ...
【CSS vertical-alignの使い方】テキストの縦・上下方向の位置変更
今回は行内やセル内の縦方向の位置を変更することができるCSSプロパティ、vertical-alignの使い方やよく使用される値を紹介します。 vertical-alignプロパティとは？ vertical-alignは、インライン(例: テキスト、画像など)要素、インラインブロック要素の垂直・縦方向の位置を指定するのに使用されるCSSです。 高さの異なるインライン画像とテキストを横一列に並べた時、両者の揃え位置を指定したい場合などに、vertical-alignプ ...