君も出来る！ 超簡単ホームページの作り方！

KeyBoard左下にある「Ctrl」を押しながら
a　全体を選択する
c　コピーする
v　貼り付ける　
x　切り取り
f　検索窓を開く
r　検索窓を開く
z　元に戻す
y　元に戻すをキャンセル

マウスにある回転部分を前に回す
-＞ 画面の拡大

マウスにある回転部分を手前に回す
-＞ 画面の縮小

0　画面の拡大、縮小を　初期表示に戻す

KeyBoard上段にある「Ｆ－key」
f5　Web表示の　再読み込み表示
f7　カタカナ変換
f10 英文字変換

shift・keyを押しながら スペースキーを押す　　半角スペース

IE,Firefox,Chrom 等の使い方
マルチ・タグ　＆ タグ・ドラッグで 分割
タスクバー 右端の 最小化、最大化、元に戻す、閉じる
ボーダーにカーソルを載せドラッグ、大 <＝> 小

フォントサイズを 125％ にする
デスクトップで右クリック、画面の設定から・・・

terapat =>terapat 文書編集ソフト
Rapture => Rapture 画面切り取りソフト

　　　　FastStone Capture => http://www.aplusfreeware.com/categories/mmedia/FastStoneCapture.html

― 画像アプリが無かったら
GIMP => GIMP2.8

「行列の出来るチラシの作り方」の坂田静香先生もおっしゃっていましたが
チラシも、twitterもFacebookも、インスタグラムもホームページも
目的を達する為の道具です。

目的を達成するために、最適の道具を利用するべきです。

最高の結果を出すためには、最高の企画が必要です。
企画作りに全精力を注ぎこみましょう。
　
勿論、改善活動の基礎の基礎、PDCA を回して改善を続けていきましょう。

情報共有が目的の場合
「非公開公開（ログインすると見える）」を利用する方法もあります。

ブログとは、Ｗｅｂ + Ｌｏｇ（航海日誌）の造語です。

時系列に記事が並んでいます

ホームページは「独立した記事」の集合体です

ワードプレスは、
ブログとホームページの合体したもので
固定ページ（ホームページ）、投稿ページ（ブログ）が用意されています。

ワードプレスはサーバー上で作動するアプリで下図のような構造をしています。
便宜的に「WP-Engin」と呼んでるMysqlを含んだ左側の部分は専門家の分野、
右側がテーマと呼ばれる我々が関与する分野となります。　

PCで表示されたページの構造は下のようになっています

　
４角で囲まれた部分がDIV（division）と呼ばれ、このDIVの集合体でページは構成されています。

このDIV毎にそのスタイルを設定していきます。
幅、高さ、境界線の太さ、色、その中の文字のサイズ、色、等等です。

プログラム言語、HTMLとCSS、そしてプラウザ（IE、サファリ
、クロム等）との協業で複雑なサイトを表示しています。

今回皆様にご利用していただくのは
やまゆりで契約している「さくら・サーバー」の Ｂ，Ｃ，Ｄの部分となります。

サービス・プロバイダー・管理画面から　クイック・インストール機能で簡単にインストールできます。
今回はすでにインストールしてありますので詳しい説明は控えます。

管理画面は、使用するテーマやプラグインによって違ってきます。
今回はテーマ「Twenty-Fifteen」を例にして説明します
青字はプラグインを示します

– ダッシュボード　– サイト情報表示
– WP Copy Protect — サイトのコピーを防止する
– 投稿 — ブログ形式の記事投稿画面
– メディア — 画像、PDF等のコントロール
– リンク — 他サイトへのリンクの設定
– 固定ページ — ホームページ形式の記事投稿画面
– コメント — コメントの管理画面
– 外観 — テーマの編集画面
– プラグイン — 追加機能の管理
– ユーザー — ログイン出来るユーザーの管理
– ツール — サイト管理ツール
– 設定 — 諸機能の設定管理ル
　　- 一般　　タイトル、キャッチ等
　　- 投稿設定　
　　- 表示設定　トップ記事の選択、検索エンジン・インデクス可否
　　- ディスカッション　コメント関係
　　- メディア　画像サイズ設定等
　　- パーマリンク　記事URLの設定方法
　　- プライバシー　プライバシーポリシー表示設定
　　- Akismet Anti-Spam　スパム攻撃に対処
　　- Addquicktag　– クイックタグ管理
　　- XML-Sitemap　検索エンジン用サイトマップ
　　- NewStatPress 　簡易アクセスカウンター

テーマの選択する方法は　３種類あります
1.　登録済みから選択
2.　WP に登録されているテーマから選択
3.　有料のテーマを購入した時とかウェブからダウンロードしたテーマを使用する
– 登録済のテーマを選択する

– WPサイトでのテーマの選択と登録

– 外部からのテーマ登録

＊ ZIP 形式のみ対応しています

ヘッダー画像、背景色、右・左サイドバー等の変更ですが選択したテーマ毎に手法が違います。

今回は「Twenty-Fifteen」を使って説明します

（Twenty-Fifteenを含むテーマは、日々改善されていますので、
カスタマイズされた部分が上書きされないように「子テーマ」を作って、これをカスタマイズしていきます。
今回はテーマの変更はしませんので参考情報です）

やまゆりのサイトをレンタルされる時の　URL　設定

‘http://asao.jeez.jp/希望の文字/’

‘http://asao.xii.jp/希望の文字/’

何方かを選んでください

yamayuri.ne.jp　の様な　URL の設定が可能です。
やまゆりのサーバーをご利用の方の対応は検討中です

メニューから 投稿　－> カテゴリー を選択します

– メニューを選択、又は新メニューを作成する

– メニューに追加する「固定ページ」「投稿」「カスタムリンク」「カテゴリー」から追加する

– メニュー構造内のメニューの順番はドラッグ&ドロップして変更する

– リンクが無い親メニューを作成するには
　カスタムリンク　－> URL に ＃ を入力してメニュー作成
　メニュー構造内のメニューを開いて ＃ を削除する　

– メニューが出来上がったら
　下図「トップメニュー」にチェックマークを入れると「ナビゲーター」にメニューが表示される
　サイドバーに表示させたかったら「ソーシャルリンクメニュー」にチェックを入れる

– 次に、「外観 -> ウィジェット」を開くと「ブログサイドバー」が表示される
　ここに、左サイドから「ナビゲーションメニュー」をドラッグ＆ドロップする
　右端の矢印をクリックし、「メニューを選択」で表示したいメニュー名をセットする

– テーマ「Twenty-Fifteen」にはナビゲーターの設定が無く「メインメニュー」となっている

– 「メインメニュー」は「左サイドバー上部」に表示される

** 固定ページを自動追加にチェックを入れると、新しく作成した固定ページが自動的にメニューに追加されていく

プラグインとは、
「車の追加オプション」のように機能の追加と考えてください

以下のプラグインを用意しています。
必要なプラグインを 有効可 してご利用ください

– AddQuicktag — クイックタグの追加・管理
– Akismet Anti-Spam — スパムから保護
– All in One WP Security — セキュリティの向上
– Autoptimize — サイトのサイズ縮小
– Contact Form７ — 問い合わせフォーム
– Contact Form DB — 問い合わせフォームのBKUP
– Delete-Revision — 投稿のリビジョンを削除
– Disable Google Font — Open-Fontを利用しない
– Delete-Revision — 投稿のリビジョンを削除
– Fudousan Tweet old post — 記事の自動ツイート
– Google Doc Embedder — PDF等の表示
– Google XML Sitemaps — 検索エンジン用のサイトマップを自動作成
– ImageMagick Engine — 画像のリサイズ
– Intuitive Custom Post Order — 投稿順序変更
– NewStatPress — 簡易アクセスカウンター
– No Category Base — URLからCategory名を外して短縮
– PDF Embedder — PDF の直接表示
– Protect Upload — Uploadディレクトリーの保護
– Remove Query String From Resources — サイトの保護
– SAKURA RS WP SSL — さくらの簡易SSL有効可
– Sticky Posts in Category — カテゴリー表示で記事をTOP表示
– TS Webfonts For SAKURA RS — モリサワフォント利用可
– USER Role Editor — 登録ユーザーの権限変更
– WP-Multibyte Patch — DBCSでの不具合を一括修正
– WP-CopyProtect — サイトのコピー、複製防止
– WP-Optimize — WP 最適化
– WP Database Backup — サイトのバックアプ
– Login Lockdown　– 不正ログイン対策

　- ビジュアル(WYSIWYG)
　　　word　を使う人はこちらをお使いください
　- テキスト(HTML)
　　ここでの記事作成の説明はテキスト・モードが対象です　

　- クイックタグ

投稿窓の上にあるのがクイックタグで色・サイズを変更したい文字を選択し（反転させる）てクイックタグをクリックする。

　- AddQuicktag（Plugin使用）
　　新たなクイックタグが必要になれば、設定からAddQuicktagを選択して追加する

・　画像、ＰＤＦ　の入れ方

・　動画の入れ方

・　文字サイズ、文字の色を変える

・　リンクを張る

・　表の作り方

・　箇条書き

・　文章の書き方

・　引用

– Google Search Console
– Google XML Sitemaps

– NewStatPress — 簡易アクセスカウンター
– Google Search Console
– Google Analystics
– 無料検索チェックツールGRC

– Facebook
– Twitter

世に蔓延するスパムからサイトを守るためには メインテナンス は絶対必要です。

日々、WP,Theme,Plugin等はスパム対策に努力して、結果としてアップデートを継続しています。

下図のような赤字が現れたら「更新」をクリックしてください。

このアップデートと、パスワードの管理だけがスパムからサイトを守る唯一の方法です。

「パスワード を簡単なパスワード に変更しないでください！」

― 　terapat 文書編集ソフト
― 　Rapture 画面切り取りソフト
― 　画像アプリが無かったらGIMP2.8 をインストール

uh-oh.jp
jeez.jp
websozai.jp
2-d.jp
netgamers.jp
tank.jp
razor.jp
rulez.jp
matrix.jp
spawn.jp
dojin.com
sakuratan.com
halfmoon.jp
ivory.ne.jp
opal.ne.jp
topaz.ne.jp
mints.ne.jp
sumomo.ne.jp
mokuren.ne.jp
mail-box.ne.jp
sakuraweb.com
jpn.org
x0.com
squares.net
rgr.jp
rdy.jp
skr.jp
eek.jp
flop.jp
whoa.jp
noob.jp
achoo.jp
bona.jp
chew.jp
crap.jp
grats.jp
grrr.jp
rash.jp
thyme.jp
amaretto.jp
mimoza.jp
nyanta.jp
xii.jp
deko8.jp
o0o0.jp
undo.jp
saloon.jp
rojo.jp
daynight.jp
gokujou.biz
saikyou0.biz
fubuki.nfo
180r.com
rossa.cc
kokage.cc
nazo.cc
x0.to
silk.to
rusk.to
sakura.tv
from.tv
kirara.st

・　1980年代初めパーソコンMSXを入手してプログラムの面白さに触れる
・　VM,Noteでの業務プログラム開発に参画
・　2000年頃からウェブページの作成を始める、
・　オンライン講座でWordPress入門、SEO入門の講師を務める
・　作成サイト
– 麻生ジャラン（旧広報プロジェクト）
– AKIMOTO SHIGERU
– 新やまゆりサイト （作成中）
– 企業サイト・通販サイト等多数