WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。

Slides:



Advertisements
Similar presentations
WebCluster スライドショーで見る操作ガイド -12- 地図や動画の貼り付け 転載 / 複製を禁ず. Copyright allrights reserved. I-O DATA DEVICE,INC. escで中断、リターンキーで進みます.
Advertisements

1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word ア イコンをダブルクリックする。 * (2) 「スタート」⇒「すべてのプログ ラム」⇒「 Microsoft Office 」⇒ 「 Microsoft Office Word 2007 」と.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 * (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。
2017/2/26 情報処理 第5回.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
ブログを開設してみよう! NPOのためのブログ講座 2008年11月24日(日) 於:西宮市市民交流センター で はじめての
メール暗号化:秘密鍵・公開鍵の作成  作業手順 Windows メール(Vista).
目次 WindowsPCの場合 iPadの場合 iPhoneの場合 Androidの場合
図の挿入 ●方法1 ①図を挿入する位置にカーソルを置く。 ②「挿入」タブ ⇒「図」 → 「ファイルから」とクリックする。 ③挿入するファイルを選択し、「挿入」をクリックする。 ●方法2(書式までコピーされるので、ファイルサイズが大きくなる) ①挿入する図をコピーする。 ② 挿入する位置にカーソルを移動し、ツールバーまたは右クリックメニューの「貼り付け」をクリックする。
情報処理 第8回.
2017/3/2 情報処理 第8回.
IT講習会 MicrosoftWord(2007ver.)編 (Wed) Edited by KON
【セッション予約日時、価格等の新規登録】
プレゼンテーションソフトを活用しよう PowerPoint 2007の使いかた.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報処理 第7回.
Wixのログイン メールアドレスとパスワードを記入してGO 再度、尋ねてきますのでもう一度入力して「新規登録」
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
2017/3/7 情報処理 第8回.
プレゼンテーション用ソフトウェア Impress
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
Microsoft Office クイックガイド ~Word 2013~
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
心理学情報処理法Ⅰ やってみよう:Wordの起動.
文字書式設定(1) 方法1: ①文字書式を設定したい文字列を選択する。 ②「書式」メニュー → 「フォント」とクリックする。
法人e名刺 ブログ運用マニュアル 社外秘 目次 □ブログ運用ルール
2007 Microsoft Office system クイックガイド
プレゼンテーション用ソフトウェア Impress
WebCluster スライドショーで見る操作ガイド
WebCluster スライドショーで見る操作ガイド
9 Microsoft Word(1).
WebCluster スライドショーで見る操作ガイド
情報処理 第6回.
情報処理 第6回.
チュートリアル EBSCOhostの概要
【トップページ-TOPICSの登録・編集】
EBSCOhost 詳細検索 チュートリアル support.ebsco.com.
2017/4/9 情報処理 第5回.
WordPress投稿マニュアル taneCREAIVE株式会社.
タブレットのビジネス活用を支援する法人向けファイル共有サービス
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
パソコン同好会のホームページは今回WordPressに変わったのですが 使いづらいとの声が多いので投稿者用の手順書を作ってみました。
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
基幹理工学研究科 情報理工学専攻 後藤研究室 修士1年 魏 元
経営工学基礎演習a Word第1回目.
(Wed) Edited by KON IT講習会 一太郎編.
Netscape Communicator Eudora Microsoft Word
簡単PowerPoint (PowerPoint2007用)
Microsoft PowerPoint Netscape Communicator
経営工学基礎演習a PowerPointの利用.
10 Microsoft Word(1) 10.1 Microsoft Word v.Xの概要 起動 終了
情報処理 第7回 表がある文書の作成.
管理画面操作マニュアル <サイト管理(1)> 基本設定 第9版 改訂 株式会社アクア 1.
11.Webサイトとデータベース, Webサイト+ブログシステムの開設手順例
情報処理 第8回.
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
単語登録(1) ◎MS-IMEの「単語登録」に、単語、語句、記号など自分がよく使うものを登録しておくと、便利である。
2019/2/24 情報処理 第13回.
3.1 PowerPoint の概要 PowerPointを使ってできること
コンピュータ プレゼンテーション.
ホームページビルダー 不要ファイル削除の仕方.
コンピュータ プレゼンテーション.
Microsoft Office クイックガイド ~基本編~
簡単PowerPoint (PowerPoint2003用)
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
単語登録(1) ◎MS-IMEの「単語登録」に、単語、語句、記号など自分がよく使うものを登録しておくと、便利である。
募集ページ作成マニュアル 準備 募集画面作成 コンタクトフォームの作成(コンタクトフォームとは何か説明) 応募フォームの作成 リンク付け
Presentation transcript:

WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。 個人の日記から企業のホームページまで 世界中で幅広く使われています。 ※一般人のブログをサンプルとして挙げるのは妥当ではないかと思い、タレントのウェブサイトにしています 板野友美 公式ページ 株式会社松屋フーズ

WordPressとは(もう少し詳しく) このようなシステムをCMS(Contents Management System)と言います。 個人や企業のブログ、ホームページの他にも、ネットショップ(ECサイト)や会員専用サイト、予約サイトを作ることができます。 ビジネスでも使える技術を覚えよう!

WordPress入門 日経大WordPressサイトにアクセス ログイン・ログアウト ダッシュボード(管理画面)について ブログを書いてみよう(記事を投稿する) 記事に画像を追加しよう コンピューターから画像を追加 書いた記事を見てみよう 文字の装飾 編集モードの切り替え テキストモードのHTMLについて

日経大WordPressサイトにアクセス インターネット・エクスプローラ― (IE)で https://lms.tsuzuki.ac.jp/wordpress/ に アクセスします。 右下の「ログイン」を クリックします。

ログイン(1) ユーザー名に学籍番号、パスワードに生年月日を入力して「ログイン」をクリックします。

ログイン(2) 画面下にこのメッセージが表示された場合は「このサイトではしない」をクリックします。 画面上にこのメッセージが表示された場合は「Dismiss this notice」をクリックします。

ログアウト 画面右上の「こんにちは、~さん!」をクリックし、次に「ログアウト」をクリックします。

ダッシュボードについて(1) WordPressではログイン直後の画面を 「ダッシュボード」と呼んでいます。 ダッシュボードとは、現在の状況が簡単にわかるように作られた画面のことです。 ヘッダ メイン ナビゲーション (メニュー) 作業領域

ダッシュボードについて(2) ヘッダには以下の項目があります。 WordPress公式サイト関連へのリンク ブログ名(ブログへのリンク) 新着コメント情報 記事投稿クイックリンク ユーザー名 表示オプション ヘルプ ① ② ③ ④ ⑤ ⑥ ⑦ ① Wのアイコンをクリックすると、バージョン表示、公式サイト、ヘルプドキュメント、サポートフォーラムへのリンクが表示されます。 ③ コメントが付くと数字が増えます。コメントが付いている状態でクリックすると、そのコメントを見ることができます。 ④ +のアイコンをクリックすると、記事の投稿かファイルのアップロードをするリンクが表示されます。 ⑤ ユーザ名をクリックすると、プロフィール編集とログアウトのリンクが表示されます。 ⑥ 作業領域に表示する項目を選択できます。 ⑦ 使い方に関するドキュメントを表示します。

ダッシュボードについて(3) メインナビゲーションには以下の項目があります。 それぞれクリックしてみて 何が表示されるか試して みましょう。 投稿 メディア コメント プロフィール ツール それぞれクリックしてみて 何が表示されるか試して みましょう。 ① ② ③ ④ ⑤ ⑥ 一番下のアイコンをクリック すると、メニュが―開いたり 閉じたりします。

ダッシュボードについて(4) 作業領域 記事の投稿や編集など、メインナビゲーションの 各作業を行うスペースです。 ヘッダの「表示オプション」で何を表示するかを 決めることができます。

ブログを書いてみよう(1) メインナビゲーションの「投稿」をクリックし、「新規追加」をクリックします。 作業領域が「新規投稿を追加」に変わります。

ブログを書いてみよう(2) 小さな枠の中をクリック してタイトルを入力します。 大きな枠の中をクリック して文章を入力します。 カテゴリー一覧から、 自分の授業を選んで チェックします。 「プレビュー」ボタンを クリックします。 別のタブでブログの画面が 表示されます。 ① ④ ② ③

ブログを書いてみよう(3) 「下書きとして保存」ボタンをクリックすると、自分だけが見られる状態で保存されます。 「公開」ボタンを クリックすると 世界中からこの記事を 読むことができるよう になります。 ⑤ ⑥

記事に画像を追加しよう(1) 公開した記事を編集します。記事を編集するには、 プレビューの「Edit Post」ボタンをクリックするか メインナビゲーションの「投稿」⇒「投稿一覧」と クリックし、編集したい記事のタイトルをクリック します。

記事に画像を追加しよう(2) 画像は、記事編集画面 の作業領域の下の方に ある「メディアを追加」 を使って追加します。 コンピューターから  の作業領域の下の方に  ある「メディアを追加」  を使って追加します。 コンピューターから 自分のコンピューターから画像ファイルをアップロードして 追加します。 メディアライブラリ 既にアップロードされている画像から選んで追加します。 URLから 指定したURLの画像を追加します。

コンピューターから画像を追加(1) メディアを挿入 の「コンピューターから」タブの「ファイルを追加」ボタンをクリックします。 追加したい画像ファイルを選択して「開く」 ボタンをクリックします。

コンピューターから画像を追加(2) ファイルがアップロードできたら画面下の「投稿に挿入」ボタンをクリックします。 「更新」ボタンをクリック して保存します。

書いた記事を見てみよう 自分が書いた記事を見るには、メインナビゲーションの「投稿」⇒「投稿一覧」とクリックし、編集したい記事のタイトルの下に表示される「表示」をクリックします。

文字の装飾(機能紹介)(1) Wordと同じように文字を選択してメニューをクリックすることで、 太字やテキスト色などを変えることができます。 ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ 「ツーバーの切り替え」 でメニューが変わる ⑩ ⑪ ⑫ ⑬ Wordと同じように文字を選択してメニューをクリックすることで、 太字やテキスト色などを変えることができます。

文字の装飾(機能紹介)(2) ⑭ ⑭をクリックすると、指定した行を見出し1~6などに変更することができます。

文字の装飾(準備)(1) 文字の装飾をする記事を作ります。 メインナビゲーションの「投稿」をクリックし、「新規追加」をクリックします。

文字の装飾(準備)(2) 小さな枠の中をクリック して「文字の装飾」と 入力します。 大きな枠の中をクリック して、サンプル文章の テキストをコピーして 貼り付けます。 ① ②

文字を太くする 太くしたい文字(①太字)を選択します。 [B](Bold:太字)ボタンをクリックします。

文字を斜体にする 斜体にしたい文字(② イタリック(斜体))を 選択します。 [I](Italic:イタリック体)ボタンをクリックします。

引用する 他の人の発言を引用するときに使います。 斜体にしたい文字(③ 引用)を選択します。 [“]ボタンをクリックします。

番号なしリストを作る(1) リストにしたい行(④ 番号なしリスト~その3)を選択します。 [ ]ボタンをクリックします。

番号なしリストを作る(2) [ ]ボタンの隣の▲をクリックすると、リストの行頭文字を変更できます。

番号ありリストを作る(1) リストにしたい行(⑤ 番号ありリスト~その3)を選択します。 [ ]ボタンをクリックします。

番号ありリストを作る(2) [ ]ボタンの隣の▲をクリックすると、リストの番号を変更できます。

左寄せ・中央揃え・右寄せ 左寄せ・中央揃え・右寄せしたい行を選択します。 [ ]ボタン・ [ ]ボタン・ [ ]ボタンをそれぞれクリックします。

表を挿入する 表を挿入したい場所にカーソルを移動します。 [ ]ボタン、[テーブルを挿入]の順にクリックし、マウスをドラッグして行と列の数を指定します。

打消し線を付ける 打消し線を付けたい文字(⑩ 打ち消し)を 選択します。 [ ]ボタンをクリックします。

特殊文字を挿入する ©などの特殊文字を挿入したい場所にカーソルを移動します。 [Ω]ボタンをクリックし、挿入したい文字を クリックします。

フェイスマークを挿入する WordPressではブログの本文中にフェイスマーク(顔のアイコン)を挿入できます。 [ ]ボタンをクリックし、挿入したいフェイスマークをクリックします。 編集画面では対応する文字が挿入されますが、ブログを表示するとフェイスマークを見ることができます。

文字の色を変更する 色を変更したい文字(⑬ テキスト色)を選択します。 [A]ボタン、変えたい色の順にクリックします。 選択を解除すると色が変わっていることが分かります。

見出しを設定する 見出しにしたい行(見出し1は…)を選択します。 [段落]プルダウンをクリックし選択します。 見出し6まで設定してみましょう。

編集モードの切り替え 「テキスト」タブをクリックすると編集モードが切り替わります。「ビジュアル」タブを クリックすると戻ります。 ビジュアルモードはWordのように編集できます。 テキストモードはHTMLタグを直接入力できます。 ビジュアルモード テキストモード

テキストモードのHTMLについて テキストモードのHTMLでは<html> <body>タグは表示されません。 これはWordPressが自動的に追加するためです。 設定した装飾がHTMLでどう表されているか 確認しましょう。