自分で作る選択を！初心者でもできるホームページ・ブログの始め方・作り方

PICK UP！おすすめ記事

: Bootstrap CSS
Bootstrap4の使い方ブートストラップの導入方法と基本を徹底解説！
2019/7/6 BootStrap, Bootstrap3と4の違い, Bootstrap4.3, CSS, フレームワーク
今回は、グリッドシステム・レスポンシブデザインで有名なCSSフレームワークBootstrap(ブートストラップ)の基本について説明し、バージョン4系の導入の仕方とグリッドシステムの基本、およびBoot ...

: レンタルサーバー
レンタルサーバーロリポップ！FTPの使い方
2019/3/25 FileZilla, FTP, ファイル転送プロトコル, ロリポップ, ロリポップ！FTP
今回は、レンタルサーバーロリポップに備わっている、ロリポップ！FTPを利用したファイル・フォルダの追加編集削除のやり方をご説明します。サーバーのファイルを編集したいんですが、FTPの意 ...

: レンタルサーバー
ロリポップでメールアドレスを作成・送受信するやり方
2019/5/17 Gmail, メールアカウント作成, メールアドレス作成, ロリポップ
今回は、レンタルサーバーロリポップでメールアドレスを作成するやり方をご説明します。独自ドメインを取得してロリポップでレンタルサーバーを契約しました。メールアドレスを取りたいんですけど、 ...

: WordPress
【らくらく装飾】 WordPress AddQuicktagで記事に任意のコードを挿入する方法
2019/3/23 AddQuicktag, クラシックエディター, グーテンベルグ, タグ挿入, ブロックエディター
今回は、WordPressのプラグイン AddQuickTagを利用してエディターに任意のコードを挿入する方法を紹介します。記事の装飾をするときに、いつも手打ちでHTMLを書いたりメモ ...

: WordPress
【2019年度】タイプ別WordPressおすすめ有料テーマ8選をご紹介
2019/7/10 WordPress, おすすめ, テーマ, ワードプレス, 有料テーマ, 無料テーマ
WordPress(ワードプレス)は無料でも品質の高いテーマがたくさんあります。しかし、本格的にサイトを作るなら、より高機能・美しいデザインの有料テーマがおすすめです。そこで本記事では ...

: WordPress
【2019年度】タイプ別WordPressおすすめ無料テーマ8選をご紹介
2019/7/18 WordPress, おすすめ, テーマ, ワードプレス, 有料テーマ, 無料テーマ
WordPress(ワードプレス)は無料テーマだけでも数千以上がリリースされています。たくさんありすぎてどれが良いのか迷う方も多いのではないでしょうか。本記事では、WordPressの ...

: WordPress
Youtube・GoogleMap・ストリートビューをワードプレスに埋め込む方法
2019/2/25 Googleストリートビュー, Googleマップ, iframe, Youtube, ワードプレス
今回は、YoutubeやGoogleMAP、ストリートビューをワードプレスに埋め込む方法説明します。お店の動画を作ったのでYoutubeにアップしたんだけど、ホームページでも表示できな ...

: WordPress
【Classic Editor】WordPress5系でグーテンベルクから従来エディターに戻す方法
2019/7/2 Classic Editor, Gutenberg, グーテンベルグ, プラグイン, ワードプレス
ホームページの作り方に関する記事一覧はこちらをご参照ください。【ここだけ見れば作れちゃう！】初心者向けホームページの作り方まとめ本記事では、ワードプレス5.0からリリースされたグーテ ...

: Bootstrap CSS Javascript
カルーセル Carouselの使い方 | BootStrap 3.3.7 のJavascript
2019/7/6 Bootstrap3.3.7, CSS, カルーセル, スライダー, スライドショー
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
コラップス collapseの使い方 | BootStrap 3.3.7 のJavascript
2019/7/6 Bootstrap3.3.7, collapse, CSS, クリックすると開閉するjavascript, コラップス
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
状態を保持するボタンの使い方 | BootStrap 3.3.7 のJavascript
2019/6/4 Bootstrap3.3.7, CSS, ボタン, 押すと状態が変化するボタン, 状態変化
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
アラートメッセージ alertの使い方 | BootStrap 3.3.7 のJavascript
2019/6/4 alert, Bootstrap3.3.7, CSS, アラート, 警告
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
ポップオーバー Popoverの使い方 | BootStrap 3.3.7 のJavascript
2019/7/6 Bootstrap3.3.7, CSS, popover, ヒント表示, ポップオーバー
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
ツールチップ tooltipの使い方 | BootStrap 3.3.7 のJavascript
2019/7/6 Bootstrap3.3.7, CSS, tooltip, ツールチップ, ヒント表示
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
タブメニュー Tabの使い方 BootStrap 3.3.7 のJavascript
2019/7/6 Bootstrap3.3.7, CSS, tabs, タブ
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
スクロールスパイ Scrollspyの使い方 | BootStrap 3.3.7 のJavascript
2019/6/4 Bootstrap3.3.7, CSS, scrollspy, スクロースパイ, ナビゲーションと連動
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: Bootstrap CSS Javascript
モーダルウインドウ Modalsの使い方 | BootStrap 3.3.7 のJavascript
2019/6/4 Bootstrap3.3.7, CSS, jQuery, modal.js, モーダルウィンドウ
Bootstrapでは、12種類以上のカスタムjQueryプラグインが搭載されており、一から自分でjavascriptを記述しなくても、簡単にjavascriptの機能を実装できます。 ...

: マーケティングライティング
【キャッチコピー作り方】売り上げ２倍！読者の心を掴むキャッチコピー作り
2019/7/18 SEO対策, Webマーケティング, Webライティング, キャッチコピー
キャッチコピーはお客様があなたの商品・サービスを知る最初の文章です。魅力的なキャッチコピーはあなたの商品・サービスの売り上げを２倍にすることもありますし、下手なキャッチコピーを作ると、売り上げを半減さ ...

: マーケティングライティング
【文章作成術】SEOに効く！分かりやすい文章の書き方ルール20選！
2019/2/6 SEO, Webライティング, わかりやすい文章作成, 文章作成術
わかりやすい文章を作成すれば、読み手にも検索エンジンにもわかりやすい文章を作ることができます。ここでは、SEOに効く分かりやすい文章作成術を20テクニックにまとめて徹底解説します。基本 ...

: その他・ツール類
アフィリエイト・ブログの勉強におすすめの本21選
2019/7/20 Webの勉強・学習, おすすめ参考書, おすすめ書籍
今回は初心者にWebの勉強、特にアフィリエイト・SEOの勉強をするのにおすすめの本を一挙ご紹介していきます。ブログを始めたいので勉強のために本を買おうと思うんだけど、どれが良いのかしら ...

: マーケティングライティング
【Webライティング基本】初心者のためのブログ記事の書き方まとめ
2019/2/3 Webライティング, コピーライティング, 文章作成術
ブログで覚えるWebライティングの基本講座です。今回は、初心者のためのWebライティングの基本を徹底解説していきます。ブログがうまく書けません。他の人が書いたブログ記事と比べると、自分 ...

: マーケティングライティング
【ロジカルライティング】論理的でわかりやすい文章の書き方を徹底解説！
2019/2/7 Webライティング, ロジカルライティング, 文章上達のコツ, 文章作成
今回は論理的でわかりやすい文章の作り方の技法の一つ「ロジカルライティング」をご紹介します。ロジカルライティングを活用することで、読み手にも検索エンジンにもわかりやすい文章を作ることができSEO対策にも ...

: WordPress
初心者でもわかるWordPressウィジェットの使い方を徹底解説
2019/6/11 WordPress, ウィジェット
ホームページの作り方に関する記事一覧はこちらをご参照ください。【ここだけ見れば作れちゃう！】初心者向けホームページの作り方まとめ本記事では、ワードプレスを初めて触る初心者の方を対象に ...

: WordPress
初心者でもわかるWordPress 固定ページの使い方を徹底解説
2019/6/14 WordPress, 固定ページ, 固定ページと投稿の違い, 投稿
ホームページの作り方に関する記事一覧はこちらをご参照ください。【ここだけ見れば作れちゃう！】初心者向けホームページの作り方まとめ本記事では、ワードプレスを初めて触る初心者の方を対象に ...

: WordPress
初心者でもわかるWordPressの投稿の使い方を徹底解説！
2019/6/14 WordPress, ブログ, 固定ページと投稿, 投稿, 記事
ホームページの作り方に関する記事一覧はこちらをご参照ください。【ここだけ見れば作れちゃう！】初心者向けホームページの作り方まとめ本記事では、ワードプレスを初めて触る初心者の方を対象に ...

: WordPress
WordPressテーマLightning(ライトニング)の使い方【VK All in one Expansion Unitも解説】
2019/7/18 Charm, JPNStyle, Lightning, Pale, WordPress, プラグイン, ライトニング, 和風デザイン
今回は、WordPressで有名な無料テーマ「Lightning(ライトニング)」の使い方をオプションプラグイン「VK All in one Expansion Unit (略してVK EXUnit) ...

: ホームページの作り方画像
【おすすめ素材サイト総まとめ】ホームページで使えるフリー・有料素材25選
2019/7/18 フリー素材, 有料素材, 素材サイト
今回は、素材サイト総まとめということで「画像素材サイト」「イラスト素材サイト」「アイコン・シルエット素材サイト」「背景素材サイト」「動画素材サイト」をまとめてご紹介していきます。ワード ...

: SNS
【日本と世界で有名なSNS一覧】SNSの特徴と利用者数を徹底比較！
2018/8/1
今回は、国内のSNS利用のトレンドと、世界と日本で人気のあるSNS一覧とその特徴・利用者数を説明します。 FacebookとかTwitter、InstagramなどのSNSはよく使ってい ...

: WordPress
【圧倒的なWordPressシェア】世界と日本で有名なCMSシェアを徹底比較！
2018/7/30
WordPressシェアをはじめ、世界・日本で有名なCMSシェアおよびその特徴をご紹介いたします。 (本記事は、2016年10月に執筆したものを2018年7月時点の内容に更新しています。) &nbsp ...

: SEO ホームページの作り方
【ホームページで成果を出すために】ホームページのコンセプトの作り方！
2018/8/17 SEO対策, Webマーケティング, コンセプト, 無料でできる, 自分でできる
これからホームページを作ろうとしているあなたは、『自分が作るホームページを、どんな目的で誰にみてもらいどういう行動を起こしてほしいか』、ホームページのコンセプトが決まっていますでしょうか？？ここでは ...

: CSS
【CSSでアニメーション】transitionプロパティの使い方
2018/8/14 animation, CSS, transition, アニメーション
今回は、CSSのtransitionプロパティを利用して、下記のように手軽にアニメーションを作成する方法を紹介します。 https://webst8.com/blog/wp-conten ...

: レンタルサーバー
お名前.comで取得の独自ドメインをさくらサーバーとBASE(ベイス)で併用するためのDNS設定
2018/7/30 Aレコード, base, CNAME, DNS, お名前.com, さくらレンタルサーバー, ネームサーバー, ベイス, ベース
今回は、お名前.comで取得したドメインに対して、ルートドメイン(例. webst8.work)をさくらのレンタルサーバーで利用しつつ、サブドメイン(例. shop.webst8.work)をネットシ ...

: CSS
インライン要素・ブロックレベル要素とCSS「display」の使い方
2019/7/5 CSS, display, インライン, スタイルシート, ブロックレベル
divやaなどのHTML要素は、大きくブロックレベル要素とインライン要素のどちらかに分類することができます。 CSSでレイアウト装飾するためには上記の違いを理解している必要があります。こ ...

: ホームページの作り方マーケティング
【個人事業主必見！】ホームページ作成で失敗しないために知っておくべき事
2018/7/30 ホームページ作成, 個人事業主・中小企業, 失敗しないために知っておきたいこと
今でこそ一般的になったホームページですが、これからホームページを持ちたいと考えておられる個人の方で、ホームページ制作の費用対効果について悩んでいる方も多いかと思います。「HPを作って問 ...

: CSS
位置指定で使うCSS「position」プロパティの使い方
2019/7/19 CSS, position, スタイルシート, 位置指定, 相対位置, 絶対位置
ここでは、HTML要素をpxや%で位置を調整できるCSSプロパティ「position」の使い方について説明します。下記のようによく右下に固定で配置されているボタンなど見か ...

: ホームページの作り方レンタルサーバー
【2019年度ホームページの作り方総まとめ】ホームページの自作方法を徹底解説
2019/6/24 WordPress, さくらインターネット, エックスサーバー, ホームページ作成, レンタルサーバー, ロリポップ, 独自ドメイン
これからあなたが初めて自分でホームページを作ろうかと考えた時に、何から手をつけたら良いかわからないという方が多いのではないでしょうか。ここでは自分でホームページを作りたい初心者の方向け ...

: HTML
【HTMLの基本を徹底解説！】初心者向けHTMLの基本とよく使うタグ一覧
2018/7/31 HTML, HTML5, インライン要素, ブログ作成, ブロックレベル要素, ホームページ作成
ここでは、これからHTMLを勉強したい初心者向けにHTMLの基本とよく使うタグ一覧をご紹介していきます。HTMLの使い方を覚えてホームページやブログの作成・カスタマイズにぜひ役立ててください。 &nb ...

: マーケティング
【消費者心理を使って売り上げUP】購買心理を7つにプロセス化したマインドフローを解説
2019/2/2 AIDMA, Webマーケティング, Web集客, マインドフロー, 購買心理
消費者の購買心理の変化を理解しておけば、自分の商品の購買に着実に繋げていくことができます。本記事では、消費者の購買心理を「認知」「興味」「行動」「比較」「購買」「利用」「愛情」という７ ...

: SEO ライティング
【売れるセールスレター作り】成約率を高めるセールスレターの書き方を徹底解説
2019/2/2 Webライティング, コピーライティング, セールスレター, ランディングページ, 文章作成
ここでは、ランディングページ(LP)を作成を例に、セールスレター(コピーライティング)の基本的な書き方について説明していきます。売り上げにも直結するため、セールスレターはとても重要です ...

: SEO
Googleアナリティクスとサーチコンソールの仕組み・見方・使い方を徹底解説
2019/2/23 SEO対策, アクセス解析, アナリティクス, サーチコンソール
ここでは、ウェブサイトを活用・運営する上でほぼ必須のツールであるGoogle AnalyticsとSearch Consoleの仕組みと違いおよび設定方法を説明します。ホ ...

: HTML
HTMLの基本フォームタグ FORM の使い方
2018/8/14
ここでは、HTMLフォームタグ「FORM」の使い方、およびフォームの部品となるINPUTタグ、SELECTタグ、TEXTAREAタグなどについて説明していきます。あ、よく見かけますね。 ...

: CSS
CSS 背景プロパティbackgroundの使い方まとめ
2018/4/9 background, CSS, スタイルシート, 背景
ここでは、CSSの背景プロパティbackgroundの使い方について紹介します。 Webページを作るときに、CSSで背景を設定しようとしたんですがやり方がよくわかりません。 ...

: Bootstrap CSS
Bootstrapの使い方導入方法と基本・レスポンシブデザインを徹底解説
2019/6/4 BootStrap, CSS, Web制作, フレームワーク
今回は、グリッドシステム・レスポンシブデザインで有名なCSSフレームワークBootstrap(ブートストラップ)の使い方やよく使うクラスについて解説していきます。「グリッドシステム」と ...

: CSS
CSSメディアクエリとViewPortによるレスポンシブデザインの作り方
2018/3/27
PCやタブレット用のレイアウトとスマートフォン用のレイアウトをそれぞれ分けて画面表示しているホームページは多いと思います。そこで今回はCSSのメディアクエリとViewPort(ビューポ ...

: CSS
CSSのfloatプロパティで要素を横並びにする方法
2019/7/13 clear, CSS, float, 回り込み, 横並び, 浮動
今回は、CSSのfloatを使った要素を横並びにする方法とfloatを解除するclearプロパティをご紹介します。写真や文章を横並びにしたくて、floatを使おうとしたんですが、うまく ...

: CSS
知っておきたいCSS セレクタの優先順位・詳細度・継承
2018/6/2
今回は、知っておきたいCSS セレクタの優先順位・詳細度・継承についてご紹介します。 CSSセレクタとは内部スタイルシートや外部スタイルシートで記述するCS ...

: CSS
CSS擬似クラスと擬似要素および併用可否について
2019/5/24
ここでは、知っておきたいCSSの擬似クラスと擬似要素の基本と併用可否について説明します。代表的な擬似クラスある要素が特定の状態にあるときにスタイルを指定す ...

: WordPress
ドメイン変更を伴うWordPress引っ越しローカル環境への移行手順
2018/4/9 BackWPup, WordPress, バックアップ, プラグイン
ドメイン変更を伴うWordPress引っ越しを想定してローカル環境で検証する方は多いかと思います。ここではレンタルサーバーに構築したWordPressをローカル環境に移行する手順をご紹 ...

: WordPress
WordPressのバックアップ有名プラグインbackWPupの使い方
2018/4/9 BackWPup, WordPress, バックアップ, プラグイン
WordPressをバックアップするときに定番のプラグイン「BackWPup」をご紹介します。花子さんワードプレスでホームページを作成しました。でも、友達から「変なところをいじって間 ...

: WordPress
WordPressで子テーマを作成してカスタマイズする方法
2018/9/30 ワードプレス, ワードプレスカスタマイズ, 子テーマ, 親テーマ
ホームページの作り方に関する記事一覧はこちらをご参照ください。【ここだけ見れば作れちゃう！】初心者向けホームページの作り方まとめワードプレスのテンプレートを使う場合、子テーマを利用す ...

« Prev 1 2 3 Next »

Copyright© WEBST8 , 2019 All Rights Reserved Powered by AFFINGER5.