monkeywp.com

  • 初心者講座
  • はじめてのワードプレス
  • WordPress初心者講座
Menu
  • 基礎知識
    • WrodPress(ワードプレス)って何?WordPress(ワードプレス)とは? – WordPressが選ばれている3つの理由
    • WordPressでできることとできないことWordPressでできること – WPに失望しない3つの心得
    • WordPressを使う理由WordPressを使う理由 – ライバルを出し抜く4つの武器
    • WordPressの用途Woredpressの用途 – ワードプレスに向く3つのサイトタイプとは?
    • 2つのWordPressの違い2つのWordPress – ドットorgとドットcomの違い
    • WordPressの勘違いWordPressの勘違い – WordPressがやってくれないこと
    • Close
  • 準備
    • はじめてでもできる!WordPress集客マシンをゼロから作り上げる方法
    • はじめてのWordPressのインストール – 現在最も手軽な方法
    • WordPressの初期設定!必要最小限だけで最速セットアップのポイントは?
    • 集客WordPressの方程式は? – ヒント:逆らえない脳の仕組み
    • 世界一売れているWordPressテーマとおすすめ有料/無料テーマまとめ
    • googleに愛されるサイトになる方法 – ヒント:98%以上が間違い
    • コンテンツの作り方 – 凡人が成功する隠された秘密
    • Close
  • 使い方
      • WordPressのインストール
        • WordPress用のデータベース作成方法
        • WordPressファイルのアップロード
        • WordPressインストール/config.phpの設定
        • Close
      • 管理画面と初期設定
        • WordPressの初期設定
        • WordPressのパーマリンク – SEOに最適な設定とは?
        • コンテンツマーケティングに最適なワードプレスのテーマ
        • コンテンツマーケティングのスタートアップに入れておくべき7つのプラグイン達
        • WordPressのウィジェットってなに? – 設定方法と表示のカスタマイズ
        • Close
      • 記事(コンテンツ)を投稿する
        • WordPressの投稿と固定ページの違いと使い分け方
        • WordPressに記事を投稿する方法
        • WordPressに投稿した記事を編集する方法
        • WordPressに投稿した記事を削除する方法
        • Close
      • エディタの使い方
        • WordPressのエディタの概要と使い方
        • ビジュアルエディタとテキストエディタの違い
        • WordPressエディタの改行方法 – 2種類の改行の使い分け
        • リンクを設定する方法
        • エディタで文字を装飾する方法
        • 投稿に画像を挿入する方法
        • WordPressの投稿に動画を埋め込む方法
        • WordPressの投稿に音声を埋め込む方法
        • Close
      • カテゴリーとタグの設定
        • WordPressのカテゴリーとタグの違いは何?どう使い分けるの?
        • 失敗しないWordPressカテゴリーの作成方法
        • WordPress記事にタグを設定する方法
        • Close
      • バックアップとメンテナンス
        • WordPressのバックアップの必要性
        • バックアッププラグイン(backWPup)の導入方法
        • WordPressのバージョンアップ(更新)方法
        • WordPressプラグインのバージョンアップ(更新)方法
        • WordPressテーマのバージョンアップ(更新)方法
        • Close
    • Close
  • カスタマイズ
    • ハッキングを防ぐ!セキュリティープラグイン
    • スパムを防ぐ!コメントスパム対策プラグイン
    • SNSを使ってアクセス倍増!ソーシャルプラグイン
    • リンク切れプラグインで検索順位を守る!
    • Close
  • テーマ
    • 見た目で差を付ける!イケてるWordPress テーマ
    • Close
  • トラブルとセキュリティ
      • ワードプレスのトラブル
        • WordPressにログインできない時の解決法とログインURLWordPressにログインできない時の解決法とログインURL
        • Close
    • Close
  • 初心者講座
  • 集客コンテンツ講座
      • コンテンツライティング
        • 結果を生み出すコンテンツライティング術
        • 稼げる人と稼げない人の決定的な違い – 現実フュージョン
        • 右肩上がりの集客サイトと閑古鳥サイトを分ける「1文字」の秘密とは?
        • 読まずにはいられない文章構成を作る4つの法則
        • デザイン屋さんが知らないデザインとレイアウトに隠された集客の秘密
        • コンテンツページで使う3つの画像タイプと使い分け術
        • 感情や想いを文字に乗せる方法 – マーケティング型の文字装飾とは?
        • Close
      • コンテンツフレームワーク
        • コンテンツマーケティングを成功させる、98:2の法則
        • コンテンツ価値を上げるPASONAの法則
        • ページの即閉じを防ぐPREPの法則
        • 本能で買ってしまうAIDAの法則
        • Close
      • コンバージョンフレームワーク
        • アクセスをお金に変えるレシピ「コンバージョンフレームワーク」とは?
        • お客さんを行動に導く「魔法の杖の法則」
        • 欲しくないと思っていても買ってしまう「大物ヤクザの法則」
        • Close
    • Close

ビジュアルエディタとテキストエディタの違い

WordPressのエディタには2種類のエディタがあります。

  • ビジュアルエディタ
  • テキストエディタ

ビジュアルエディタとテキストエディタの違いは、HTMlを書くか、書かないかの違い。

ビジュアルエディタは文章や装飾を自動的にHTMLに変換するモード。

それに対してテキストエディタはHTMlを直接編集するモードです。

WordPressがHTMLに自動変換

同じエディタの中で2種類のモードを切り替える事ができます。

2種類のエディタモード

どちらもエディタでも同じようにウェブページを作る事ができますが、それぞれに特徴があります。

ビジュアルエディタとはワープロソフトのようにページを作ることができる便利なモード。

テキストエディタとはHTMLエディタの事で、HTMLを直接操作できるモードです。

  • エディタの切り替え方法
  • ビジュアルエディタのメリットと使い方
  • テキストエディタのメリットと使い方

エディタの切り替え方法

管理画面から投稿の新規作成、または編集画面を開きます。

投稿の編集画面

デフォルトで表示されるのは「ビジュアル」エディタです。

つまり、ワープロソフトのように文章を打ち込むだけでウェブページを作る事ができる状態になっています。

ビジュアルエディタ

文字を選択後にツールバーの装飾ボタンを押すと、変更が視覚的に反映されます。

エディタのツールバー

テキストエディタに変更するには、右上にあるタブの「テキスト」をクリックします。

すると、見出しや箇条書きの代わりに、HTMLが表示されて直接編集ができるようになります。

そして、ツールバーも視覚的なボタンから、HTMLコードを表すボタンに変化します。

テキストエディタに変更

ビジュアルモードとテキストモード、2つのモードはどちらに切り替えても同じページを編集します。

一部、HTMLエディタに反映したHTMLコードはビジュアルエディタに表示されないものもあります。

ビジュアルエディタのメリットと使い方

ビジュアルエディタを使えばカンタンにウェブページを作成することができます。

  1. テキストを打つ
  2. 文字装飾をする
  3. 公開する

だけで、

ビジュアルモードでコンテンツ作成

ページを作成することができます。

コンテンツがページに反映

エディタに打ち込んだ文字はWordPressが自動的にHTML言語に変換をしてくれます。

WordPressがHTMLに自動変換

ビジュアルエディタでの文字装飾は

  1. 変更した文字を範囲選択
  2. ボタンを押して適用

の2ステップ。

たくさんある装飾ボタンですが、実際にコンテンツサイト(コンテンツマーケティング)でよく使うのは6つ程度。

これら6つの装飾ボタンが、文字装飾の9割以上の使用頻度になります。

コンテンツマーケティングの文字装飾

テキストエディタのメリットと使い方

テキストエディタはHTMLを直接編集できるので、HTMLが分かる人には便利な機能。

ビジュアルとテキストエディタを頻繁に行き来しながらコンテンツを編集することになると思います。

HTMLが直接編集できるため、ビジュアルエディタではできない事ができるというメリットがあります。

例えば、コンテンツマーケティングサイトの目次に使うページ内リンク。

ページ内リンクを使った目次

あとはアドセンスや広告などのコードを直接貼り付ける必要がある場合など。

逆に、HTMLがあまり良く分からない人はほとんど使う機会はありません。

ビジュアルエディタではできない「何か」が出てきた時にテキストエディタが必要になる程度に覚えておけば良いかと思います。

テキストエディタでHTMLを使うには、何も特別な操作は必要ありません。

直接HTMLコードを書き込みます。

テキストエディタにHTML

すると、ビジュアルエディタにも反映されます。

HTMLがビジュアルエディタに反映

はじめてのワードプレス。レンタルサーバどこがいいですか?

ってよく聞かれるんですが、ココをオススメしてます。

レンタルサーバとは長い付き合いになります。サイトの引越は知識も技術も必要なのでタイヘン。
なので、できる限り長く使えて安心で、安く使えるレンタルサーバを選ぶコトをオススメします!

→ はじめてのレンタルサーバならココ!

一番困っている事は何ですか? コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

© Copyright 2009- 2021 モンキーWordPress