サーバー・ドメインを使ってホームページを作る
もくじ【はじめに】自分でホームページを作成するために知っておきたいことホームページを閲覧するための仕組みホームページを開設するために必要なもの【ステップ1】レンタルサーバー会社でサーバーを契約するレンタルサ […]
初心者向けブログの書き方セミナー
pdfパスワード：webst9 20191222-blog-seminar
お問い合わせフォームの作り方
ここでは下記のようにお問い合わせフォームを作り、WordPress管理者へのメール通知と自動返信を行う設定について説明していきます。 もくじ【はじめに】お問い合わせフォーム「Contact F […]
ホームページで使える素材サイト・加工サイト
利用上の注意 無料素材・加工自由・商用利用可能と書いてあっても全ての行為が許可されているわけではありません。 たとえば「アダルト・公序良俗に反する利用」「素材そのもの(無加工な状態)の有料販売 […]
レンタルサーバー ロリポップでWordPressをインストールする
今回は、レンタルサーバロリポップ！を利用して独自ドメインにWordPressをインストールする方法を説明していきます。 これから作成するアカウントが3つあります。アカウント情報を混乱しないようにあらかじめ整 […]
WordPressの使い方基本
もくじWordPressへログインするWordPressの管理画面と覚えておきたい重要な使い方デザインテンプレート「テーマ」を設定するWordPressのテーマを適用する方法WordPressの公式テーマを […]
ホームページの作り方・基本
もくじ【概要編】Webサイト・ホームページを作成する3つの方法【方法1】WordPressなどのソフトを利用してサイト作成する方法【方法2】HTML・CSSなどのコード書いてサイト作成する方法【方法3】クラ […]
その他導入しておきたいプラグイン
ここでは、WordPress運用時に導入しておきたいプラグインをご紹介します。 ※ご利用のテーマや環境によっては重複する場合がありますので、ここではあくまで一般的な内容になります。 もくじWordPress日本語バグ修正 […]
そのほか最初に設定しておきたい基本設定
ここでは、その他の最初に設定しておきたい初期設定系をご紹介します。 もくじ投稿のコメント受付を無効化する設定投稿に表示されるユーザー表示名を変更するサイト名・キャッチフレーズを変更するパーマリンクの共通設定でURL構造を […]
WordPressブロックエディターの使い方
改めて投稿・固定ページの編集画面（エディター）の説明を詳しく説明していきます。 WordPressのエディターは、ブロックといわれる単位でコンテンツを作っていくブロックエディターが採用されています。 &nb […]
WordPressバージョンアップ
WordPressはオープンソースで無料でカスタマイズも自由で何でもできる反面、バージョンアップやセキュリティ対策も自分でしなければなりません。 今回は、これからWordPress(ワードプレス)のバージョンアップをした […]
WordPressプラグインとは
プラグインは、スマートフォンでいうアプリ機能に相当します。お問い合わせ機能や目次機能、スライダー(スライドショー)などWordPress自体が持っていない機能をプラグインという形で追加することができます。 […]
WordPressテーマカスタマイザー
テーマカスタマイザーは、テーマのレイアウト・表示に関する設定を行う機能です。 テーマカスタマイザーは、外観＞カスタマイズから、テーマカスタマイザーを開くことができます。 補足)テーマカスタマイ […]
WordPressウィジェットの使い方
WordPressにおけるウィジェットとは、ブログパーツ(部品)のことです。 WordPressでは、バナーやテキスト、検索窓や投稿一覧など任意のパーツをサイドバーなどに追加することができます。   […]
WordPressで固定ページにトップページを割り当てる
トップページは初期状態では、最新の投稿記事が表示されている状態です。トップページを任意の固定ページに割り当てる設定ができます。 ここでは、任意の固定ページをトップページに割り当てる表示設定を行なっていきます。   […]
WordPress固定ページの作り方とメニューバー作成
もくじWordPress 固定ページ機能の使い方メニューバーの作り方事前にメニュー項目となるページを作成するメニューバーを作成する WordPress 固定ページ機能の使い方 ワードプレスの固定ページとは、「会社情報」や […]
WordPress投稿の使い方
投稿はブログとして利用できる機能です。一般的には、お知らせやコラム、技術情報や時事情報などで使われることが多いです。 WordPressの初期状態では、通常トップページで最新の投稿一覧が表示さ […]
WordPressにテーマ(デザインテンプレート)を適用する
もくじデザインテンプレート「テーマ」を設定するWordPressのテーマを適用する方法WordPressの公式テーマを設定する方法 デザインテンプレート「テーマ」を設定する WordPressで利用する「テーマ」とは、一 […]
WordPressへのログイン方法
WordPressへログインする WordPressにログインするためには、まずは自分がインストールしたWordPressのサイトの管理画面URLにアクセスする必要があります。初期状態ではWordpress管理画面のUR […]
保護中: JavascriptとPHP教材
この投稿はパスワードで保護されているため抜粋文はありません。
1日速習HTML・CSS超入門セミナー
もくじ事前準備Atomエディタのインストール確認zipファイルをダウンロードHTMLの部補足 ホームページとして使うためにサーバー・ドメインを使うCSSの部(補足)実習編演習問題演習問題のヒント(補足)参考 […]
CSS 総合1-3 外部スタイルシート形式
もくじ外部スタイルシート形式 総合レッスン1-2で作成したHTMLファイルをスタイルを調整してください設定手順ヒント答えファイル類一式ソースコード 外部スタイルシート形式 総合レッスン1-2で作成したHTM […]
CSS 総合1-2 内部スタイルシート形式
もくじ内部スタイルシート形式 総合レッスン1で作成したHTMLファイルをスタイルを調整してください設定手順ヒント答えファイル類一式ソースコード 内部スタイルシート形式 総合レッスン1で作成したHTMLファイ […]
CSS 総合1 インラインスタイルシート形式
もくじインラインスタイルシート形式で図1のHTMLファイルを図2のようにスタイルを調整してください設定手順ヒント答え インラインスタイルシート形式で図1のHTMLファイルを図2のようにスタイルを調整してくだ […]
CSS layout3 〜レイアウト 横並び〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえ解答例 下記のWebページを内部スタイルシート形式で作成してください。 ■表示状態1のレイアウトを■表示状態2に修正し […]
CSS layout2 〜レイアウト 中央寄せ〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 ■表示状態1のレイアウトを■表示状態2に […]
CSS layout1 〜レイアウト 初期化〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコードリセットCSS 下記のWebページを内部スタイルシート形式で作成してください。 表示状態1のレイアウトを表 […]
CSS B6 〜メディアクエリとビューポート〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード補足. ビューポートの設定 下記のWebページを内部スタイルシート形式で作成してください。 768px以上で横並び、76 […]
CSS B5 〜擬似要素before、after〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記の擬似要素before、afterを利用して、下記 […]
CSS B4 〜擬似クラス hover〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のマウスが上に乗ったら文字がピンク色になるようにW […]
CSS B3 〜擬似クラス〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 擬似クラス(notとlast-child)を利用して、 […]
CSS B2 〜セレクタの指定方法2〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形式で作成してく […]
HTMLCSSセミナー 演習2
もくじ下記のセミナー申し込みページを作成してください。ヒントこたえ 下記のセミナー申し込みページを作成してください。 下記のセミナー申し込みページを作成してください。 見出しの種類(h1,h2,h3R […]
CSS B1 〜セレクタの指定方法〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード補足 important! 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタ […]
HTMLCSSセミナー 演習3
もくじ下記のセミナー申し込みページを作成してください。ヒントこたえ 下記のセミナー申し込みページを作成してください。 先ほど作成したWebのコンテンツを960pxで固定して真ん中寄せしてください。 &nbs […]
HTMLCSSセミナー演習1
もくじ下記のWebページを作成してください。ヒントこたえ 下記のWebページを作成してください。 下記のセミナー申し込みページを作成してください。 デモWebページ […]
CSS17 〜position 位置の設定〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形式で作成してく […]
CSS16 〜 display・インライン・ブロック要素〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形式で作成してく […]
CSS15 〜 display・インライン・ブロック要素〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード補足 li要素の隙間をなくす 下記のWebページを内部スタイルシート形式で作成してください。 下記のWeb […]
CSS14 〜margin中央寄せと中央揃え〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形 […]
CSS13 〜テキスト揃えの設定〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形 […]
CSS12 〜内部余白の設定〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形 […]
CSS11 〜外部余白の設定〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード補足 marginの相殺 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebペー […]
CSS10 〜横幅・高さのスタイル〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形 […]
CSS9 〜背景スタイル〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形 […]
CSS8 〜枠線スタイル〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。事前準備ヒントこたえソースコード 下記のWebページを内部スタイルシート形式で作成してください。 下記のWebページを内部スタイルシート形 […]
CSS7 〜横並びfloatの設定2〜
もくじfloatを利用して図1のHTMLを図2のように横並びにしてください図1のHTML図2のHTML事前準備参考こたえCSSレッスン7のソースコード補足 floatを利用して図1のHTMLを図2のように横 […]
CSS6 〜横並びfloatの設定〜
もくじfloatを利用して図1のHTMLを図2のように横並びにしてください。図1のHTML図2のHTML事前準備参考こたえCSSレッスンのソースコード floatを利用して図1のHTMLを図2のように横並び […]
CSS5 〜class名でスタイルを指定〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。なおclass名を使ってスタイルを設定してください。参考サイト事前準備ヒント内部スタイルシート形式とはHTMLタグのid属性とclass属 […]
CSS4 〜色々な文字のスタイル〜
もくじ下記のWebページをインラインスタイルシート形式で作成してください。参考サイト事前準備ヒントインラインスタイルシート形式とは文字に関するCSSの設定こたえCSSレッスン4のソースコード 下記のWebペ […]
CSS3 〜外部スタイルシートと文字の色〜
もくじ下記のWebページを外部スタイルシート形式で作成してください。参考サイト事前準備ヒント外部スタイルシート形式とは文字に関するCSSの設定こたえCSSレッスン3のソースコード 下記のWebページを外部ス […]
CSS2 〜内部スタイルシートと文字の色〜
もくじ下記のWebページを内部スタイルシート形式で作成してください。参考サイト事前準備ヒント内部スタイルシート形式とは文字に関するCSSの設定こたえCSSレッスン2のソースコード 下記のWebページを内部ス […]
CSS1 〜インラインスタイルシートと文字の色〜
もくじ下記のWebページをインラインスタイルシート形式で作成してください。参考サイト事前準備ヒントインラインスタイルシート形式とは文字に関するCSSの設定こたえCSSレッスン1のソースコード 下記のWebペ […]
CSS超入門編
もくじCSSとはCSSの3つの書き方インラインスタイルシートでのCSSの書き方(補足)内部スタイルシートでのCSSの書き方(補足)外部スタイルシートでのCSSの書き方3つの方式の特徴まとめ(補足)HTMLにつけるid属性 […]
HTML 総合1
もくじ下記のセミナー申し込みページを作成してください。設定手順参考サイトヒントGoogleマップの埋め込み方利用しているタグこたえlesson3.htmlのHTMLコード 下記のセミナー申し込 […]
HTML8 〜フォーム〜
もくじ下記のWebページを作成してください。フォームの練習設定手順ヒントこたえソースコード 下記のWebページを作成してください。 引用タグと整形済みタグを利用して、下記のWebページを作成してください。 […]
HTML7 〜グループタグ〜
もくじ下記のWebページを作成してください。設定手順ヒントこたえソースコード 下記のWebページを作成してください。 divタグとspanタグを利用して、下記のWebページを作成してください。 […]
HTML6 〜引用・整形済みテキスト〜
もくじ下記のWebページを作成してください。設定手順ヒントこたえソースコード 下記のWebページを作成してください。 引用タグと整形済みタグを利用して、下記のWebページを作成してください。 […]
HTML5〜特殊文字の書き方〜
もくじ下記のWebページを作成してください。設定手順ヒントこたえlesson5.html 下記のWebページを作成してください。 (注)３つ目は「左端」と「右端」の間に(全角スペースではなく) […]
HTML4 〜リストタグ・水平線タグ〜
もくじ下記のWebページを作成してください。設定手順ヒントこたえソースコード 下記のWebページを作成してください。 リストタグと水平線タグを利用して、下記のWebページを作成してください。 […]
HTML3 〜テーブル(表)〜
もくじ下記のWebページを作成してください。設定手順ヒントこたえソースコード 下記のWebページを作成してください。 設定手順 デスクトップ上にフォルダ「webst […]
HTML2 〜リンク(アンカーテキスト)〜
もくじ下記のWebページを作成してください。リンクの動作説明設定手順ヒントこたえソースコード 下記のWebページを作成してください。 (※)タイトルタグや見出しの種類(h1,h2 […]
HTML1 〜見出し・段落・画像〜
もくじ下記のWebページを作成してください。手順ヒントこたえソースコード 下記のWebページを作成してください。 見出しタグ、段落タグ、画像タグを利用して下記のWebページを作成してください。 […]
HTML0 〜HTMLの基本構造とTitle〜
もくじ下記のWebページを作成してください。事前準備ヒントこたえソースコード 下記のWebページを作成してください。 下記のWebページを作成してください。 事前準備 デスクトッ […]
HTML超入門編
もくじHTMLとはHTMLとはWebページの構造を定義する言語HTMLとセットで使う言語CSSHTMLの構造!doctype htmlhtmlタグheadタグbodyタグ(補足)id属性とclass属性BODY内でよく使 […]
WordPress スペシャルレッスン 〜WordPressを引っ越ししてみよう〜
もくじ1. レンタルサーバーに構築したWordPressをローカル環境に引っ越ししてください2. 概要手順2-1.BackWPupを利用してレンタルサーバー上のWordPressのバックアップデータを取得する2-2. バ […]
WordPressの子テーマを導入してみよう
WordPressには既存のテーマをカスタマイズしたいときに、そのテーマを引き継いだテーマ「子テーマ」を作成・適用できる機能があります。 今回はWordPressで子テーマを作成する手順を記載します。 &n […]
ローカル開発環境を導入しよう
もくじAtomをインストールしようAtom概要とインストール手順MAMPをインストールとワードプレスを導入しようMAMPのインストール手順 Atomをインストールしよう HTMLやCSSを編集するのに便利な […]
はじめに ホームページ開設＆ワードプレス導入しよう
もくじドメイン契約とサーバー契約を行おうWordPressをインストールしようワードプレスの基本設定をしよう解析ツールを導入しようGoogle AnalyticsGoogle Search ConsoleG […]
テキスト集
もくじホームページ作成基礎画像素材サイトWordPressHTMLCSSWebマーケティング ホームページ作成基礎 自分でホームページを作りたい人のためのWebの基本とホームページの作り方【難易度☆】 無料FTPツール […]
ホームページ作成セミナー 1日速習WordPress講座
もくじWordPressでのホームページ作成の流れWeb概要の説明サーバー開設手続き簡易な画像加工方法紹介ワードプレス基本操作編その他参考 WordPressでのホームページ作成の流れ 下記はWordPre […]