当ブログ「使える無料ソフト＆無料サービス」はFC2ブログからワードプレス移転しました。

　皆さんにはご迷惑と思いますがRSS登録されている方は、RSSリンクの書き換えをお願いします。

旧FC2ブログRSS

http://feeds.feedburner.com/fsof

新ブログRSS

http://freesoft.0hs.org/feed

　今後とも、「使える無料ソフト＆無料サービス」をよろしくお願いします。

　今日職場で「エクセルのファイルが開けない」と相談された。

　どうも自宅で作ったエクセルのファイルが職場のパソコンで開くことができなかったらしい。

　よくよく見れば、拡張子が違っている。

　会社のエクセルファイルの拡張子は.xls形式。　持ち込んだエクセルファイルは.xlsx。

　エクセルファイルが開けない原因はこの拡張子の違いだ。

新しいエクセルで作ったファイルは古いエクセルでは開くことができない

　2007以降のエクセルを保存すると拡張子は自動的に『.xlsx』になる。

　2003以前のエクセルの保存形式は『.xls』。

　.xlsのファイルは新しいエクセルで開くことができる。

　が、『.xlsx』は2003年以前のエクセルでは開くことができない。

　「え！じゃあ全部自宅でもう一回作り直し？」と同僚はあせっていたが、2007以降ののエクセルでも『.xls』で保存することができる。

新しいエクセルを古いエクセルで開くためには保存時にはファイル拡張子を『.xls』で保存しよう

1、【名前をつけて保存】をクリック。

2、ファイル形式を【Excel 97 - Excel 2003 ブック】、拡張子を「.xls」で保存。

　これで、古い2003以前のエクセルでも2007以降の新しいエクセルでもエクセルファイルを開くことができる。

はじめから保存形式を.xlsxにしておくこともできる

1、【オプション】⇒【保存】。

2、「ブックの保存」での設定でファイルの保存形式を「Excel97-2003ブック（*.xls)」に指定。

.xlsxの弊害

　エクセルファイルを.xlsxに保存すると、古いエクセルで開くことができない以外にも弊害がある。

　.xlsx形式ではマクロを保存しておくことができないそうだ。

　もちろん最大の問題は2003以前のエクセルでファイルを開けないことだけど。

　日本の会社では5割以上がいまだに2003以前のエクセルを利用しているそうだから、.xlsxでエクセルファイルを保存するのは互換性の問題が大きい。

.xlsxのメリット

　.xlsxにメリットがないのかというともちろんメリットはある。

　.xlsxでは65536行以上のデータを扱うことができる。

古いエクセルと互換性のあるエクセル保存形式いろいろ

Excel 97 - Excel 2003 ブック

拡張子.xls

　Excel 97 - Excel 2003 バイナリ ファイル形式 (BIFF8)。

Excel 97 - Excel 2003 テンプレート

拡張子.xlt

　Excel テンプレート用の Excel 97 - Excel 2003 バイナリ ファイル形式 (BIFF8)。

Microsoft Excel 5.0/95 ブック

拡張子.xls

　Excel 5.0/95 バイナリ ファイル形式 (BIFF5)。

XML スプレッドシート 2003

拡張子.xml

　XML スプレッドシート 2003 ファイル形式 (XMLSS)。

XML データ

拡張子.xml

　XML データ形式。

Excel 97 ～ 2003 アドイン

拡張子.xla

　Excel 97 ～ 2003 のアドイン。

　アドインは、追加のコードを実行するための補助プログラム。
　VBA プロジェクトの使用をサポートする。

テキスト (スペース区切り)

拡張子.prn

　Lotus のスペース区切りの形式。
　作業中のシートだけを保存。

テキスト (タブ区切り)

拡張子.txt

　Microsoft Windows オペレーティング システムでタブ、改行などの文字が正しく解釈されるタブ区切りのテキスト ファイルとして、作業中のワークシートだけを保存。

Unicode テキスト

拡張子.txt

　ブックを Unicode テキストとして保存。
　Unicode は、Unicode Consortium で開発された文字エンコード標準。

CSV (コンマ区切り)

拡張子.csv
　Windows オペレーティング システムでタブ、改行などの文字が正しく解釈されるコンマ区切りのテキスト ファイルとして、作業中のワークシートだけを保存。

DBF

拡張子.dbf

　Excel でこれらのファイル形式を開くことができるが、Excel ファイルを dBase 形式で保存することはできない。

　記事の編集もすんだ、画像の取り込みも画像リンクの書き換えも済んだ。

　次は、WordPressへFC2の編集した記事を取り込む。

　が、その前に、やらなければいけないことが2つ。

プラグインPS Disable Auto FormattingをFC2の記事をWordPressに取り込む前に導入する

　FC2ブログの記事をWordPressに取り込む前になんていっても入れておかないといけないのがWordPressの記事の自動整形を止めるプラグイン。

　PS Disable Auto Formatting。

　このプラグインを入れておこう。

　このプラグインを入れておかないと、インポートした記事が　変なところで改行されたり、勝手に段落が出来たり、そうかと思えば、スペースが改行に変換されたりする。

1、【プラグイン】⇒【新規インストール】をクリック。

2、検索ボックスの中に『PS Disable Auto Formatting』を記入。

3、Enterキーを押す。

4、『今すぐインストール』をクリック。

5、『有効化』をクリック。

PS Disable Auto Formattingの設定

1、【設定】⇒【自動整形】をクリック。

2、自動整形をとめたい部分にチェックを入れる。

3、更新ボタンを押す。

ただいま引越し作業進行中

　最後に当ブログからお知らせ。

　ただいま当ブログは引越し作業進行中。

　記事の半分は、新サイトにmeta http-equiv="refresh" で自動的に転送されるようになっている。

　全ての記事を引っ越すまでは、こちらのサイトで記事の更新を続けるのでよろしく。

　最近の検索エンジンは重複ページに対するペナルティが厳しい。

　ブログの引越し作業でも、気をつけないと新しいブログが重複ページとみなされることもある。

　FC2ブログからWordPressにブログを引っ越すときもご同様。

　新しいブログが重複ページとみなされないようにしておいてから、ブログの記事をインストールしよう。

新しいブログが重複ページとみなされないためには？

　WordPressで新しいブログが重複ページとみなされてペナルティを受けると回復までに時間がかかる。

　新しいブログの体制が整うまでは、Googleなどの検索エンジンにサイトをインデックスされない（検索エンジンに登録されない。結果、検索結果にも表示されない）ように対策をしておこう。

　方法は2つある。

1、FC2のバックアップ記事を全て未公開にしておく。

2、WordPressの表示設定で検索エンジンにインデックスされないように設定しておく。

FC2ブログのバックアップ記事を未公開にしてWordPressにインストールすると後が大変かも

　FC2ブログのバックアップ記事をWordPressにインストールする前に、テキストエディタでSTATUS: PublishをSTATUS: draftにしておくと、全ての記事が未公開になる。

　確実でよいのだが、後でまとめて後悔する設定にするときにものすごく時間がかかる。

WordPressの表示設定で検索エンジンにインデックスされないように設定しておく

　WordPressの表示設定には、検索エンジンにサイトをインデックスされないようにしておく設定がある。

　この設定をしておこう。

WordPressの表示設定で検索エンジンにインデックスされない設定

1、【設定】⇒【表示設定】をクリック。

2、下のほうにある【検索エンジンでの表示】の「 検索エンジンがサイトをインデックスしないようにする」チェックする。

3、【変更を保存】

　ただ、WordPressの説明にもあるように、この設定をしておいても、検索エンジンにはインデックスされる可能性もあるけど。

　とはいえ、検索エンジンから見て重要でないページは拾われることがないと思う。

WordPressの表示設定で検索エンジンにインデックスされないように設定した場合のソースは？

　表示設定で、「 検索エンジンがサイトをインデックスしないようにする」チェックするとHTML上どんな風に表示されるか？

　WordPressのテーマをFC2ブログのテンプレートとして考えた場合、テンプレートに<meta name='robots' content='noindex,follow' />が記載された状態になる。

　<meta name='robots' content='noindex,follow' />がどういう意味かと言うところをちょっと説明しておく。

robots

　ロボット型検索エンジン。

　meta name='robots' で『検索エンジンに対して命令します』　というような意味になる。

content

　ブログのページや内容。

noindex

　『インデックスしないでください』という意味。

follow

　『リンク先を辿ってください』という意味。

<meta name='robots' content='noindex,follow' />

　『インデックスはしないでください。でもリンク先はたどってね』というような意味になる。

サイトマップを送るプラグインを入れている場合は利用を停止しておこう

　プラグインもバックアップ記事のインストール前に入れておいたほうがいいのだが、例外がひとつ。

　検索エンジンにサイトマップを送るためのプラグインは、ブログの引越しの最終段階で入れるようにしたほうがいいと思う。

　もし、Google XML Sitemapsなどのプラグインをすでに入れてある場合は、利用を停止しておこう。

　FC2ブログからWordPressへ引越し作業進行中。

　今回はFC2ブログの記事のバックアップデータをWordPress用に加工する。

テキストエディタを用意しよう

　文字コードや改行コードを指定して編集保存できるテキストエディタを利用しよう

　FC2ブログの記事をWordPressにインポートするためにはいろいろと編集作業が必要だ。

　WordPressの文字コードは基本的にはUTF-8（BOMなし）なので、バックアップファイルの編集にはUTF-8（BOMなし）で保存できるテキストエディタを用意する。

　Windowsのメモ帳ではUTF-8（BOMなし）では保存することができないのでフリーソフトのTerapad・サクラエディタ・MKEditorなどをダウンロードしてりようする。

FC2ブログのバックアップファイルの修正項目

　テキストエディタで、バックアップしたFC2ブログのファイルを修正しよう。

　WordPressにインポートした後でひとつずつ記事を書き換えるのも大変なので、できるだけの修正はここでしておいたほうがいい。

必ず書き換えておいたほうがいい項目

AUTHOR:投稿者名

　投稿者名を変更したい場合はこの部分をテキストエディタで検索して置き換えなどで変更する。

見出しタグ

　FC2ブログの中で見出しタグを使っていた場合インポート前に書き換えておく。

　FC2ブログの場合は記事のタイトルが<h2></h2>で囲われていることが多い。

　記事内の見出しは<h3>以下になってると思う。

　WordPressの場合は、タイトルが<h1>タグになっているので、<h3>は<h2>、<h/3>は<h/2>にというように一括して変更しておくと後で修正する手間が省ける。

FC2ブログの記事内に設定したリンクの一部処理

　記事をWordPressにインポートする前に内部リンクをテキストエディタで削除する。

　あまり重要でない内部リンクは、WordPressへ記事データをインポートする前に削除してしまったほうが面倒がないとおもう。

　記事の構成上重要なリンクはインポート後に書き換える。

　とはいえ、これもなかなか大変だが。

状況によっては書き換えたほうがいい項目

STATUS: PublishまたはSTATUS: draft

　「Publish」は公開。

　「draft」は下書き。

記事が多ければ「Publish」のままでも

　「draft」に置き換えておくという手もあるが、記事数が多いと後で公開設定をするのが大変だ。

　「Publish」のままにしておいて、WordPressの表示設定で検索エンジンに拾われないようにしておくという方法もある。

PRIMARY CATEGORY: ○○とCATEGORY: ○○

　PRIMARYがメインカテゴリーで、CATEGORYがサブカテゴリー。

　カテゴリーはこのままだと親カテゴリーも子カテゴリーもFC2ブログのものが取り込まれて、WordPressにインポートされる。

　WordPressのカテゴリーは、インポート後に削除してしまっても「未分類」に分類されるだけで、記事が消えたりすることがない。

　インポート後にWordPress側で一括削除したほうがらくだ。

MKEditorで不要なリンクを削除する方法

　不要なリンクを削除する場合はMKEditorの検索機能を利用する。

　たとえばこんなリンクがあったとする。

例）　<a href="http://ブログID.fc2.com/blog-entry-数字.html">FC2ブログは無料ブログ紹介はこちら</a>
　<a href="http://ブログID.fc2.com/blog-entry-数字.html">そのほかの無料ブログ紹介はこちら</a>
　<a href="http://ブログID.fc2.com/blog-entry-数字.html">WordPressへの引越しはこちら</a>

　「http://ブログID.fc2.com/」までの部分は共通している。

　この共通部分をテキストエディタで検索して、不要な部分を削除する。　

1、【検索】⇒【検索】をクリック。

2、【検索文字列】のボックスの中に『http://ブログID.fc2.com/』を入力。

3、【OK】ボタンを押す。

4、検索した文字列が色つきで出てくるので、その周囲の不要部分をドラッグして『Delete』キーで消す。

MKEditorで一括置き換えする方法

例）<h3>を<h2>に置き換える場合。

1、【検索】⇒【置き換え】をクリック。

2、検索文字列に『<h3>』,置き換え文字列に『<h2>』を入力。

3、『大文字と小文字を区別する』、『正規表現』『検索文字列の強調』『置き換え動作の確認』にチェックを入れる。

4、『全て置き換え』ボタンを押す。

5、検索された文字が色分けで出てくるので確認して『全て置き換え』をクリック。

編集が終わったらUTF-8（BOMなし）LFで保存

　FC2ブログのバックアップファイルの編集が終わったらUTF-8（BOMなし）で保存する。

　MKEditorの場合なら、【ファイル】⇒【名前をつけて保存】⇒「文字コード」を『UTF-8N』で、改行を『LF』にして保存する。

　これで、記事の修正は終わりだ。

　FC2ブログの管理画面に入ったら「14/10/04 【FC2】お問い合わせに関するお詫びと対応について 」という文字が。

　「警察が捜査に入ったあの件ですか？」と思ってクリックしてみた。

　けどまったく違ってたみたいだ。

「14/10/04 【FC2】お問い合わせに関するお詫びと対応について 」の中身

　「14/10/04 【FC2】お問い合わせに関するお詫びと対応について」の中身はFC2側では『現在、FC2に多くのお問い合わせを頂いており、回答に遅れが生じております。ユーザーのみなさまにはご迷惑とご心配をお掛けして大変申し訳ありません。 お問い合わせには順次対応いたしますので、ご了承のほどお願いいたします。』としか書かれていない。

　具体的な内容は何もなし。

　で、コメント欄などを見てみると、どうも障害がいろいろ起こっているらしい。

FC2ブログでいろいろ障害が起こってるらしい

• ブログ内検索をかけても表示されない
• 携帯から投稿した記事に画像が添付できません。
• 年間有料会員ですが、有料会員の扱いになってません！
• ブログ村での記事更新が反映されない。
• 動画一般カテゴリーの1・2位の無●正アダルト動画が削除されていない。

　とまあこんな内容。

　やはり、運営者側が混乱してるのかも。

FC2ブログのWordPressへの引越し状況

　ところで、当ブログのWordPressの引越し状況だが、WordPressへ記事と画像のインポートは終了した。

　後は個別記事の修正とカテゴリーの再設定。

　これになかなか手間取っている。

　古い記事の中には、記事としての体裁をなしていないようなぺら記事もあったりして。

　大幅な修正が必要だったりしている。

　そのうち、皆様へ完全移転のお知らせをしたいと思ってるが時間がかかりそうな雰囲気。

　が、やはり、移転作業を急いだほうがいいのかもしれないと思ったりもして。

　ある日突然ブログが表示されなくなっても困るしな。

　FC2ブログからWordPressへお引越し。

　FC2ブログの画像データーをダウンロードしたら、それをどうやってWordPressに取り込んだらいい？

　方法は2つ。

　ひとつはファイルのナンバーを利用して手作業で取り込む方法。

　もうひとつは、サーバーにまとめて画像データーをアップロードしてしまう方法。

　FC2ブログの画像のナンバーを利用して取り込む方法は、WordPressに取り込んだ記事などを修正確認しながら公開して行く場合に向いている。

　手間はかかるが、どちらにせよ記事の修正などもしないといけないなんて場合にはこちらの方法が手軽かもしれない。

　サーバーにまとめて画像データーをアップロードする方法は、一気に引越しした記事を公開する場合に向いていると思う。

FC2ブログの画像データーをファイルナンバーを利用してひとつずつ取り込む

　この場合は、記事をWordPressに取り込んだ後に作業を行うことになる。

1. WordPressにログイン。
2. 【投稿】⇒【テキスト】タブをクリック。
3. 画像のナンバーをコピー。
4. 例）2009081020420615c.jpgなど。
5. サムネイルで挿入されている場合は、2009081020420615cs.jpgとなっているので、sを除いた2009081020420615cの部分になる。
6. 【メディアを挿入】をクイック。
7. 【ファイルをアップロード】タブをクリック。
8. PCの【スタート】をクリック。
9. 「プログラムとファイルを検索」のボックスの中にコピーした画像のナンバーを貼り付ける。
10. 検索結果が表示されるので【ファイル】の中の同じナンバーの画像をWordPressの【ファイルをアップロード】画面上にドロップする。
    
11. 画像にタイトルや説明をつけて【挿入】をクリック。
12. FC2ブログの画像リンクを削除。

　これで画像ファイルの挿入ができる。

サーバーにまとめて画像データーをアップロードする

　こちらの場合は、記事をWordPressにインポート（取り込む前）に作業を行う。

1. FC2ブログからエキスポートした画像のバックアップファイルを開く。
2. 画像ファイルの中から、サム寝入る画像を削除。
3. 例）2009081020420615c.jpgなどの場合、サムネイル画像はで2009081020420615cs.jpg。
4. 元の画像ファイルは2009081020420615c.jpgとなる。
5. Ctrlを押しながら画像をクリックすると、画像が選択できるので、画像選択後「右クリック」⇒「削除」で削除すると簡単。
6. 画像の入っているフォルダをFTPソフトでuploadsフォルダのなかにアップロードする。
7. ＊「uploads」フォルダは、WordPressの「メディア」でファイルをアップロードして初めて作成されるフォルダなので、「uploads」フォルダがない場合は、「メディア」から適当な画像ファイルを先に1つアップロードしておくこと。
8. FC2ブログからエキスポートした記事のバックアップファイルをテキストエディタで開く。
9. 「http://blog-imgs-□.fc2.com/□/□/□/FC2ユーザID/ファイル名.jpg」の部分を「http://WordPressのURL/wp-content/uploads/フォルダ名/ファイル名.jpg」に書き換える。
10. ＊テキストエディタの置き換え機能を使って、『http://blog-imgs-□.fc2.com/□/□/□/FC2ユーザID』⇒『http://WordPressのURL/wp-content/uploads/フォルダ名』に置き換えると簡単。
11. 文字コードを「UTF-8（BOMなし）」、改行コードを「LF」にして保存。
12. WordPressにインポートする。

　これで、FC2ブログの画像データーがWordPressブログの画像リンクに置き換えられる。

　本格的にFC2ブログのWordPressへの引越しを準備している。

　引越しついでに、このブログも細分化していくつかのブログに分けたいと思う。

　今のままだと、とってもわかりにくいブログになってるんだもん。

　でも、ミニバードのMySQL（データベース）は、5つなんだよなあ。

　5つで足りるかちょっと心配。

サーバーの簡単インストールでは１つのMySQL（データベース）では1つのブログしか作れない

　サーバーの簡単インストールだと、１つのMySQL（データベース）に複数のWordPressをインストールできない。

　ということは、1つのMySQL（データベース）では複数のWordPressブログは作れない。

　でも、主導でWordPressをインストールすれば、複数のWordPressブログが作れるそうだ。

　というわけで、今回は1つのMySQL（データベース）で複数のブログを作るためのWordPressのインストール方法をご紹介したい。

WordPress日本語公式サイトからWordPressをダウンロード

1. WordPressを日本語公式サイトからダウンロード
2. ZIPファイルをダブルクリックして解凍する。
3. できた『WordPress』フォルダを任意の場所に保存。

サーバーのMySQL（データベース）の設定

1. ミニバードへログイン。
2. データベースの設定をクリック。
3. MySQLのパスワードがわからない場合は、MySQLの【パスワード変更】をクリック。
4. パスワードを入力し【確認画面】のボタンをクリック。
5. 確認画面が出てくるので、確認して確定する。
6. ＊ここで入力したパスワードは後で利用するのでメモしておくこと。

WordPressをインストールするドメインのフォルダにアップロード

1. FTPソフトを起動させサーバーに接続する。
2. WordPressをインストールするドメインのフォルダの中に解答した『WordPress』の中身を全てアップロードする。

WordPressの設定

1. WordPressをインストールしたドメインの頭にhttp://をつけてブラウザのURL欄に入力し移動。
   　例）http://ドメイン
2. 『さあはじめましょう』のボタンをクリック。
3. 各項目を記入して【送信】
   [データーベース名]⇒レンタルサーバーで作成したデータベースの名前。
   [ユーザー名]⇒MySQLのユーザー名
   [パスワード]⇒MySQLのパスワード。
   [データーベースのホスト名]⇒サーバーのMySQL情報の「MySQLホスト名」
   [テーブル接頭辞]⇒wp部分を任意の文字に書き換える（この部分を書き換えれば、複数のWordPressをインストールすることが可能だ）。
   【送信】ボタンをクリック。
4. 【インストール実行】をクリック。
5. サイト名などを記入して行し、【WordPressをインストール】をクリック。
6. 【ログイン】ボタンをクイック。
7. ログイン画面が現れるので、ユーザー名とパスワードを入力して【ログイン】ボタンをクリック。

　これで、WordPressの管理画面に入ることができる。

　なお、「wordpress初心者・STINGER3カスタマイズ中」の中で 画像入りで説明している。

　やっぱり画像入りのほうがわかりやすいので、上のサイトも見てね。

　FC2に京都府警が調査に入った？

　前々から批判のあったFC2動画。

　今回、FC2の日本の運営会社と見られる「ホームページシステム」という大阪市北区のインターネット関連会社の家宅調査を始めた。

FC2はアメリカ法人だが

　FC2はアメリカの法人（会社）なのだが、実際にはほぼ日本での運営が主。

　運営の実態がわかっていなかったが阪市北区中之島のダイビルに本社があるホームページシステム社が実質的に運営している可能性が高いとのこと。

FC2アメリカ法人に対して警告していたが

　警視庁などは９月２５日、米国の運営法人に対し違法な動画投稿を防ぐための措置を講じるよう通知していた。

FC2のほかのサービスへの影響は？

　FC2の日本での運営会社と見られている、大阪の会社が実際のFC2サービスを運営していたとすれば、動画以外のFC2サービスのこれからはどうなるんだろう？

　特においらも利用してるFC2ブログとかさ。

　今回の摘発も「FC2動画に著作権違反や性行為の動画が掲載され、それを黙認した」ということで、公然わいせつ幇助（ほうじょ）の疑いで調査が入った様子。

　FC2ブログなんかでは、アダルト分野でないブログを掲載された広告内容でアダルトして下ぐらい監視が厳しいんだけどなあ。

　実際、知り合いで、まったくアダルトな内容じゃないのに何かの拍子にジャンルがアダルトにされて困ったって人が居たんだけど。

　サービス中止とかになるのかなあ。

　困ったなあ、やっぱり引越しするしかないか。

　ApacheOpenOfficeCalcで別シートのドロップダウンリストを利用して入力できるようにしてみよう。

　ApacheOpenOfficeCalcは無料のMicrosoftOfficeのようなもの。

　ApacheOpenOfficeCalcで別シートのドロップダウンリストを利用して入力できるようにする方法はExcelとほぼ同じだ。

ApacheOpenOfficeCalcで別シートのドロップダウンリストを利用して入力する

1、OpenOfficeCalcでリストを作る。

2、作ったリストを範囲指定して、「名前ボックス」に適当な名前を入れる。

3、入力したいシートをクリック。

4、入力範囲のセルを選択。

5、【データ】⇒【入力規則】をクリック。

6、【条件】タブをクリック⇒【入力値の種類】の▼をクリック⇒【セルの範囲】を選択。

7、「ソース」のボックスの中に、「名前ボックス」につけたリストの名前を入力⇒【OK】ボタンを押す。

　セルをクリックすると▼がでてきてリストが選択できるようになった。

作ったApacheOpenOfficeCalcのリストファイルはxlsで保存するとExcelでも利用できる

　作ったApacheOpenOfficeCalcのファイルは、Excelでも利用できる。

　Excelで利用したい場合は、.xls形式で保存しておく。

　ちゃんとリストが利用できる。

　逆にExcelでリストを作った場合、.xls形式でそのまま保存してもApacheOpenOfficeCalcでファイルを開くことができるので心配なく使うことができる。

　ドロップダウンで入力候補を表示させてセルに入力させる表計算ソフトの機能、以前紹介した「データ」⇒「入力規則」で、ボックスの中に直接リスト項目を入力して行く方法以外にもやり方がある。

　今日は入力候補を別のシートにしておいて、セルに選択入力する方法をご紹介したい。

Excelで別シートの入力候補をセルに選択入力する方法

指定したセルの名前を設定する

1、リスト項目のファイルを作成する。

2、リストの範囲を選択する。

3、【名前ボックス】の中に任意の名前をつける。

4、【Enter】を押す。

　設定がし終わったら、名前が設定されたかどうか確認してみよう。

名前が設定されたか確認する

1、名前ボックスの▼をクリック。

2、設定した「名前」がドロップダウンで出てきたらOK。

別シートで入力候補のリストを使う

1、入力したいシートをクリック。

2、リストを使って入力したい範囲を指定する。

3、【データ】⇒【入力規則】をクイック。

4、【設定】タブの［入力値の種類］の▼をクリックし「リスト」を選択。

5、［入力値の種類］の▼をクリックし「リスト」を選択すると［元の値］の入力ボックスが出てくる。

6、［元の値］の入力ボックスの中をクリック。

7、メニューバーの［挿入］⇒［名前］⇒［貼り付け］を選択。

8、名前の貼り付けボックスの中から貼り付ける名前を選択する。

9、【OK】⇒【OK】をクリック。

10、選択したセルに▼が表示されるので、▼をクリックして、リストの中から入力候補を選ぶ。

＊セルを移動すれば、そのセルにも▼印がでてくる。

　Apache OpenOffice （アパッチ オープンオフィス）のWriterの複数ファイル（ドキュメント）をひとつにする方法。

　Apache OpenOffice （アパッチ オープンオフィス）のWriterはMicrosoftオフィスのワードと同じように使うことのできるワープロソフト。

　無料で利用でき、ワードとの互換性もある。

　今回はApache OpenOffice （アパッチ オープンオフィス）のWriterの2つのファイルをひとつにしてみよう。

Apache OpenOffice （アパッチ オープンオフィス）のWriterの2つのファイル（ドキュメント）をひとつにする　

1、元になるファイル（ドキュメント）を開く。

2、挿入したい部分にカーソルを置く。

3、【挿入】⇒【ファイル】をクリック。

4、挿入したいファイル（ドキュメント）を選択。

5、【開く】をクリック。

　この方法でファイル（ドキュメント）を結合すると挿入先の書式が優先される

↓　

　改ページされているものはちゃんと改ページされたまま挿入される。

書式を生かしたままWriterの複数のファイルを1つにするには？

1、元になるファイル（ドキュメント）を開く。

2、挿入したい部分にカーソルを置く。

3、右クリック⇒【標準の書式設定】を選択。

4、【挿入】⇒【ファイル】をクリック。

5、挿入したいファイル（ドキュメント）を選択。

6、【開く】をクリック。

　結合したWriterのファイルが↓

　改ページもちゃんと保たれている。

　Bloggerにも迷惑な機能が存在する。

　それは、半角のダブルクォーテーションが勝手に全角に変換されてしまうこと。

　HTMLでの記事投稿で、この半角ダブルクォーテーションが勝手に全角のダブルクォーテーションに自動変換されていると気が付いた時にはショックだった。

　WordPressにも同じような半角ダブルクォーテーションが勝手に全角のダブルクォーテーションに変換されるけど、Bloggerの場合はどうやって解消したらいいんだろう？

Blogger記事投稿でダブルクォーテーション（"）が全角に自動変換される機能をOFFにする

1、Bloggerの投稿画面横の歯車マーク（オプション）をクリック。

2、【構成モード】の「HTMLコードを表示」にチェックを入れる。

3、【完了】をクリック。

まだあるBloggerの迷惑？機能

　Bloggerが使いにくいと感じる最大の部分は「記事の投稿」。

　「作成」タブをクリックすると、いわゆる高機能テキストエディタとなり、HTMLの知識なしでも記事が作成できるのだが、この「作成」で作った文章をHTMLで見ると、すべてが改行タブで区切られている。

　段落が入れられないのだ。

　HTMLで段落タグ<p></p>を指定しても、<p>タグは消えてしまうか</br>に自動変換される。

　「HTMLコードを表示」にチェックを入れても段落タグは入らない。

　「続きを読む」タグ<!--more-->は【作成】にしか付いていないので、HTMLで「続きを読む」入れようと思うと、<!--more-->を自分で入力するしかない。

　ここら辺がBloggerは非常に使いにくいと思う。

　Apache OpenOffice （アパッチ オープンオフィス）のWriter（Microsoftオフィスのワードのようなワープロソフト）で改ページをする方法。

　　Apache OpenOffice （アパッチ オープンオフィス）のワープロソフト、ワードに相当する機能を備えたWriterの任意の位置でページを変えてみよう。

Apache OpenOffice （アパッチ オープンオフィス）Writerとは？

　Apache OpenOffice （アパッチ オープンオフィス）は無料で利用することができるオフィスソフトだ。

　その中でWriterはMicrosoftのワードに相当する。

　操作の仕方は、ワードとあまり変わりが無い。

Apache OpenOffice （アパッチ オープンオフィス）のWriterで改ページし文章を分割する

1、OpenOffice （アパッチ オープンオフィス）のWriterのファイルを開く。

2、改行したい場所にカーソルを置く。

3、【挿入】⇒【任意区切り】をクリック。

4、【改ページ】にチェックを入れる。

5、【OK】をクリック。

　Apache OpenOffice （アパッチ オープンオフィス）のWriterの文章が2ページに分割された。

　Wordのの文章の中にエクセルを貼り付けたいって場合があるよね。

　今回は、Wordの文章の中にエクセルの表を貼り付ける方法をご紹介。

Wordの文章の中にエクセルの表を貼り付ける

1、エクセルのファイルを開く。

2、表の部分を範囲指定する。

3、「右クリック」⇒「コピー」。

4、Wordのファイルを開いて「右クリック」⇒貼り付け。

＊この方法だと、エクセルの表を変更した場合、Wordのほうへは反映されない。

Wordの文章の中にエクセルの表を貼り付ける2

1、エクセルのファイルを開く。

2、表の部分を範囲指定する。

3、「右クリック」⇒「コピー」。

4、Wordのファイルを開いて「編集」⇒「形式を選択して貼り付け」

5、『MicrosoftExcelワークシートオブジェクト』を選択。

6、【OK】をクリック。

＊この方法だと、エクセルの表を変更した場合、Wordのほうへは反映されない。

エクセルのデータを書き換えたときにWordの表のデータも書き換えられるようにする方法1

1、Wordを開く。

2、「挿入」⇒「オブジェクト」⇒「ファイルから」のタブを選択⇒「参照」をクリック。

3、挿入するエクセルファイルを選ぶ。

4、「挿入」を選択。

5、「リンク」にチェックを入れる。

6、「OK」をクリック。

＊元になっているエクセルのシートの内容を変更すると、Wordの中の表も変更される。

＊エクセルのバージョンによってやり方が違う可能性あり。

エクセルのデータを書き換えたときにWordの表のデータも書き換えられるようにする方法2

1、エクセルのファイルを開く。

2、表の部分を範囲指定する。

3、「右クリック」⇒「コピー」。

4、Wordのファイルを開いて「編集」⇒「形式を選択して貼り付け」

5、『MicrosoftExcelワークシートオブジェクト』を選択。

6、『リンク貼り付け』を選択。

7、【OK】をクリック。

＊元になっているエクセルのシートの内容を変更すると、Wordの中の表も変更される。

＊エクセルのバージョンによってやり方が違う可能性あり。

＊１と２の表示の違いは下のようになる。

　複数のマイクロソフトWord（ワード）ファイルをひとつにしたい。

　いま、仕事のマニュアルを手直ししているのだが、ワード1ファイルに1ページという構成で難儀している。

　フォルダの中に「ページ1」「ページ2」・・・「ページ20」くらいまで1ページ1ファイルで入っているんだもん。

複数のWord（ワード）ファイルをひとつのファイルにまとめる

　例として「ファイルA」に「ファイルB」をくっつけて見よう。

1、「ファイルA」を開く。

2、「ファイルB」を挿入したい部分にカーソルを置く。　

3、【挿入】⇒【ファイル】をクリック。

4、「挿入するワードファイル」を選択⇒【挿入】ボタンをクリック。

　出来上がったファイルが↓の画像・

ページを変えて別のワードファイルを挿入する

1、「ファイルA」を開く。

2、「ファイルA」の末尾にカーソルを置く。

3、【挿入】⇒【改ページ】をクリック。

4、ページが変わるので、【挿入】⇒【ファイル】をクリック。

5、「挿入するワードファイル」を選択⇒【挿入】ボタンをクリック。

　Apache OpenOffice （アパッチ オープンオフィス）Calcで作った複数のファイルを書式を保ったままひとつにする方法。

　または、Apache OpenOffice （アパッチ オープンオフィス）Calcで作ったシートを書式を保ったままコピーする方法。

　エクセルで2つのBook（ファイル）のシートを書式を保ったままひとつのBook（ファイル）にするには、２つのBookを開いて片方のシートを右クリックし、移動先のBook（ファイル）を指定してコピーする。

　では、　Apache OpenOffice （アパッチ オープンオフィス） Calcで書式を保ったままシートをコピー知るにはどうしたら良いだろうか？

Apache OpenOffice （アパッチ オープンオフィス） Calcで書式を保ったままシートをコピーする方法

1、Apache OpenOffice （アパッチ オープンオフィス） Calcを開く。

2、シートを右クリック。

3、「シートを移動またはコピー」を選択。

4、「移動先ドキュメント」で、現在のファイルを選ぶ。

＊特に選択しなければ、現在のファイル（ドキュメント）になる。

5、「次の表の前に挿入」でコピーしたいシートの位置を選ぶ。

6、「コピー」にチェックを入れる。

7、【OK】をクリック。

　これで、書式を保ったままApache OpenOffice （アパッチ オープンオフィス） Calcのシートがコピーされる。

Apache OpenOffice （アパッチ オープンオフィス） Calcの複数のファイルをひとつのファイルとしてまとめる方法

1、Apache OpenOffice （アパッチ オープンオフィス） Calcを開く。

2、「ファイル」⇒「開く」でコピー元のファイル（ドキュメント）とコピー先のドキュメントを開く。

3、コピー元のシートを右クリック。

4、「シートを移動またはコピー」を選択。

4、「移動先ドキュメント」の▼をクリックして移動先のファイルを選ぶ。

5、「次の表の前に挿入」でコピーしたいシートの位置を選ぶ。

6、「コピー」にチェックを入れる。

7、【OK】をクリック。

　下のように例1のシートがもうひとつのファイル（ドキュメント）に書式を保ったままコピーされる。

Apache OpenOffice （アパッチ オープンオフィス） Calcのシートコピー&移動まとめ

　Apache OpenOffice （アパッチ オープンオフィス） Calcでも、マイクロソフトエクセルと同じようなやり方で、書式を保ったままシートのコピーができることが判明。

　Apache OpenOffice （アパッチ オープンオフィス）が4.1にバージョンアップされている。

　4.0とどこが違うんだろう？

　え？Apache OpenOffice （アパッチ オープンオフィス）といわれてもなんだかわからない？

　では、Apache OpenOffice （アパッチ オープンオフィス）の簡単な復習を！

Apache OpenOffice （アパッチ オープンオフィス）とは？

　Apache OpenOffice （アパッチ オープンオフィス）は無料で利用できるオフィスソフト。

　マイクロソフトオフィス（エクセル・ワード・パワーポイント）のようなもの。

　マイクロソフトオフィスとも特定の関数やマクロ機能を除き互換性がある。

　Windows・マック・リナックスなど複数のOSに対応している。

マイクロソフトオフィスとApache OpenOffice （アパッチ オープンオフィス）のソフトの呼び名

・マイクロソフトのワード（ワープロソフト）に該当する機能⇒Writer

・マイクロソフトエクセル（表計算ソフト）に該当する機能⇒Calc

・マイクロソフトパワーポイント（プレゼンテーションソフト）に該当する機能⇒ Impress

・マイクロソフトAccess（データベース）に該当する機能⇒Base

Apache OpenOffice 4.1で付け加えられた機能

ワープロソフト「Writer」

・テキスト範囲にコメントや注釈を付けられるようになった。

・コメントの範囲のハイライト表示が可能となった。

Apache OpenOffice 4.1で強化された機能

ワープロソフト「Writer」

・テキストエリアで直接内容を修正できるようになった。

図形描画の「Draw」とプレゼンの「Impress」

・グラフィックオブジェクトの切り抜き機能が強化された。

　回転などの加工が行われたグラフィックに対しても切り抜きが可能になった。

・画像やグラフィックデータのインポートやドラッグ＆ドロップ操作の強化。

・3Dチャートの読み込みとインポートの強化

・フィルター機能の強化など、グラフィック関連でいくつかの機能強化が行われている。

　とまあそういうことみたいだ。

　正直、ワープロソフトのWriterでコメントや注釈が付けられるようになったこと以外あまりぴんとこない。

最新版はApache OpenOffice （アパッチ オープンオフィス）4.1.1

　4.1が最新版だと思っていたら、どうもHPを見たら4.1.1が最新版の様子。

　4.1と4.1.1がどう違うのか良くわからないけど・・・。

　バグの修正とかかなあ。

Apache OpenOffice （アパッチ オープンオフィス）4.1.1ダウンロード

1、Apache OpenOffice （アパッチ オープンオフィス）HPへアクセス。　　　

2、「Apache OpenOffice 4.1.1」のボタンをクリック。

3、「Windows」の文字をクリック。

4、ファイルの保存場所を確認して「OK」をクリック。

5、しばらく待って、保存した「Apache_OpenOffice_4.1.1_Win_x86_install_ja.exe」をダブルクリック。

6、セキュリティの警告が出たら「はい」をクリック。

7、【参照】でインストール場所を選んだら【展開】をクリック。

8、【次へ】をクリック。

9、「ユーザー名」を確認。

　ほかの人に使われたくない場合は「（ユーザー名）のみ」にチェックを入れて【次へ】をクリック。

10、セットアップの種類で「通常」を選んで【次へ】をクリック。

11、【インストール】をクリック。

12、インストールに時間がかかるのでしばらく待つ。

13、【完了】をクリック。

Apache OpenOffice （アパッチ オープンオフィス）4.1.1を開いてみたら？

　ためしにApache OpenOffice （アパッチ オープンオフィス）4.1.1を開いてみた。

　以前より、起動がだいぶ早くなった気がする。

　ほかの機能は、まだ使ってないので良くわからない。

　今日は複数ののエクセルファイル（Book）を書式（列の高さや幅など）ごと1つのファイル（Book）にまとめる方法をご紹介。

　この間仕事で複数のエクセルファイルを1つのファイルにする必要があって調べたので、皆さんにもご紹介したい。

　同じBook（ファイル）にシートをコピーするときにもこの方法でコピーすると、書式ごとコピーできる。

　この複数のエクセルファイルのシートをひとつのBookにまとめる。

複数のエクセルファイル（Book）を1つのファイル（Book）にする

　例として「例1」と「例2」のエクセルファイル（Book）のシートをを「例1」のファイルひとつにしてみよう。

1、【スタート】⇒【エクセル】でエクセルを開く。

2、「ファイル」⇒ひとつにしたいファイルを両方とも開く。

　今回の場合は「例1」と「例2」のエクセルファイル（Book）の二つのファイルを開く。

3、移動したほうのシートを右クリック。

4、「移動またはコピー」を選択。

5、「移動先Book名」で移動先のBook（ファイル）を指定する。

6、「挿入先」で移動時のシートの位置を選択する。

7、元のシートを残しておきたい場合は「コピーを作成する」にチェックを入れる。

8、【OK】をクリック。

まとめ

エクセルのシートは、範囲指定してほかのBook（ファイル）やシートに貼り付けても書式が保たれない。

　表などではセルの幅や高さが違ってしまうので、編集しないといけないとかいう事態が生じる。

　が、この方法だとちゃんと書式ごとコピーできる。

　試してみてね。

　GoogleBloggerで複数ブログを運営しようと思うと、プロフィールや投稿者名がGoogleアカウントに登録したメールアドレスになったりする。

　ハンドルネームに変えることもできるのだが、ほかのブログも同じハンドルネームになってしまったりして、なんだか気持ちが良くない。

　そんなこんなでGoogleBloggerは使いにくいなあと思っていたのだが、　"デフォルトの Blogger タグを使用するのではなく、使用する表示名やプロファイル情報をテンプレートに直接入力します。"

　参照）https://support.google.com/blogger/answer/42532?hl=ja

　というヘルプページを見つけた。

　ということは、投稿者名もブログごとに変えることができるはず。

　で、すこし、GoogleBloggerで中途半端にほうっておいたブログをいじってみることにした。

投稿者名を消すのは簡単！

　GoogleBloggerのレイアウトから「ブログの投稿の設定」で【投稿者】と【投稿の下に投稿者のプロフィールを表示】のチェックをはずせばいいだけだった。

＊実際に投稿者名を表示しないようにしたGoogleBloggerのブログはこっちを見てね。

投稿者名の書き換えは

　GoogleBloggerの投稿者名の変更については、方法がわからず。

　今のところうまく言っていない。

　方法を知っている人は教えてくれ！！！

そのほかGoogleBloggerでプライバシーを守る方法

＊GoogleBloggerで投稿者名を表示させない方法

＊ハンドルネームを変更しよう

　なんてのも記事にしている。

　プロフィールやハンドルネーム、投稿者名の表示でGoogleBloggerを使うのはちょっと不安と思ってる人は見てみてね。

　独自ドメインでブログを運営したい。

　けどサーバー代を払うのはいやだ。

　と思った人はGoogleBloggerを独自ドメインで運営すると良いかもしれない。

GoogleBloggerのメリット

GoogleBloggerは独自ドメインの利用が無料

　たいていの無料ブログは、独自ドメインを使うのに料金がかかるのだが、GoogleBloggerは独自ドメインを利用したブログを無料で運営できる。

GoogleBloggerは複数ブログを運営できる

　GoogleBloggerは100個までブログを作ることができるそうだ。

GoogleBloggerは広告がない

　Bloggerの場合サイトのしたにBloggeへのリンクがあるだけ。

　スマートフォン表示はWordPressと同じようにレスポンシブデザイン。

　最近オプションでスマートフォン専用テンプレートも設定できるようになったらしい。

GoogleBloggerのデメリット

複数ブログのプロフィールや投稿者名が同じになってしまうのがいや　　

　プロフィールや投稿者名が複数ブログで同じになってしまうのがいや！

　という人。

　おいらも、そう思っていた。

　が、どうもデフォルトのtagを使わなければ、別のプロフィールや投稿者名を表示させることができるようだ。

　"デフォルトの Blogger タグを使用するのではなく、使用する表示名やプロファイル情報をテンプレートに直接入力します。"

　参照）https://support.google.com/blogger/answer/42532?hl=ja

　というヘルプページを見つけた。

　プロフィールはウィジェットを非表示にすればすむが、投稿者名だけはどうしようもないと思っていたので最近利用していなかったのだ。

　カスタマイズすればプロフィールとか投稿者名もGoogleアカウントとは無関係に表示できるようだ。

　ただ方法が良くわからない。

　そのうち方法がわかったら皆様にもお知らせしたい。

いきなりGoogleアカウントそのものが削除される危険がある

　何かの拍子にGoogleの規約に触れると強制的にブログが削除されてしまう可能性があるそうだ。

　同時にGoog;leアカウントもロックされたとか言う話もあるようで・・・。

　Google厳しいからなあ。

GoogleBloggerのアップロード画像は基本的に Picasa ウェブ アルバムに保存される

　無料容量を超えると追加の容量を購入しないと新しい画像をアップロードできない。

　画像から身元がばれるとかいう可能性も複数ブログを運営してるとあるかもしれない。

管理画面の動作が遅い

　GoogleBloggerの管理画面は動作が重い。

　実はこれが一番のネックかも。

　昔のシーサーブログ波に動作が遅い。

　上の3点さえクリアできれば、独自ドメイン運用の無料サーバーとしてお勧めだと思う。

　WordPress4.0で新しくなった機能の一つに「投稿欄（エディタ）の高さを投稿に合わせて広げる機能」というのがある。

　この「投稿欄（エディタ）の高さを投稿に合わせて広げる機能」、好き嫌いが分かれるんじゃないかと思う。

　で、今回は、WordPress4.0の「投稿欄（エディタ）の高さを投稿に合わせて広げる機能」を停止する方法。

「投稿欄（エディタ）の高さを投稿に合わせて広げる機能」をOFFにする

1、「投稿」⇒「新規投稿」または「投稿」⇒「投稿一覧」⇒編集する投稿をクリック。

2、画面上にあるオプションをクリック。

3、「ウインドウの高さに合わせてエディターを広げる。」にチェックを入れる。

オプションでいろいろな設定ができる

　WordPressのオプションをクリックすると、いろいろな設定ができる。

　プラグインの表示をON・OFFしたり、画面の構成を変えたり、トラックバックができるようにしたり。

　WordPressのダッシュボードで何か不満があるときは、まず「オプション」をクリックしてみると改善できるかも。

　WordPress4.0にしたら、プラグインの新規インストールの仕方が良くわからなくなちゃったという人いるんじゃないだろうか？

　WordPress4.0にはプラグインの検索ボックスはあるのだが検索を開始するためのボタンが無い。

　じゃあ、どうやって検索を開始する？

　検索ボックスの中にインストールしたいプラグインの名前を記入したらパソコンのEnterを押す。

　わかりにくいかもしれないので画像でご説明。

WordPress4.0のプラグインの新規インストールの方法

1、「プラグイン」のリボン（アイコン）の上にマウスをおく。

2、「新規インストール」をクリック。

3、検索ボックスの中に、プラグインの名前を入力。

4、パソコンのEnterを押す。

5、プラグインの候補が出てくるので、該当するプラグインの「今すぐインストール」をクリック。

　ソフトファイル転送ソフト（FTPクライアントソフト）WinSCPが5.5.5にバージョンアップ。

　で、WinSCPのバージョンアップの方法をおひとつ。

　バージョンアップしてもそれまでのログインデーターなどには影響ないので安心してバージョンアップしてね。

WinSCPのバージョンを確認する方法

1、WinSCPを起動する。

2、ログイン。

3、「ヘルプ」⇒「WinSCPについて」をクリック。

　WinSCPのバージョン情報が出てくる。

WinSCPのバージョンアップ

1、WinSCPを起動する。

2、ログイン。

3、「ヘルプ」⇒「WinSCPの更新情報を確認」をクリック。

4、開いたWinSCPのダウンロードサイトの「Download　WinSCP」の下「WinSCP5.5.5」のInstall　packageぶぶんをクリック。

5、ダウンロードが始まる。

　通常はパソコンの「ダウンロード」というフォルダにダウンロードされる。

　パソコンの設定で「ダウンロード先を任意」にしている場合は、フォルダの保存場所の選択画面が出てくるので保存場所を選んで保存。

6、ダウンロードしたzipファイルをダブルクリック。

7、言語を選択し、インストール作業を行う。

＊WinSCPのインストールについてはこちらを見てね。　

　WordPress4.0の更新通知が来た。

　ついこの間3.9にアップグレードしたばかり。

　WordPressはバージョンアップが早い。

WordPress4.0でどこが変わった？

1、WordPress4.0では管理画面がアイコンのみの表示に変わった。

　マウスを乗せると、詳細がでてくる。

⇒

2、WordPress4.0ではプラグインの新規インストール画面が画像と説明つきに変更された。

　便利になったのは、【プラグイン】⇒【新規追加】の画面で、「現在のWordPressのバージョンと適合するかどうか」「プラグインの更新日時」などが表示されるようになったこと。

　今までは、「説明」のリンクをクリックして、現在のWordPressバージョンでテストされているかどうか確認しないといけなかったが、4.0からは「説明」の中身が表示されるようになったわけ。

3、WordPress4.0ではメディアライブラリのが画像のみに変更

　メディアライブラリは初期状態で画像のサムネイルのみに変更された。

　ただし、画面上のボタンで下と同じような画像＋説明に切り替えることもできる。

⇒

WordPress4.0そのほかの機能

・WordPressのInstall時に日本語を選択可能になった。

　今までは、WordPress日本語版をダウンロードする必要があったということだが、初回インストールノ人意外はあまり関係ないかも。

・記事投稿の入力エリアの縦幅が自動的に広がる。

　パソコンのキーボードが壊れたときにキーの役割を変えることのできるフリーソフトはいかが？

　この間パソコンのキーボードが壊れたときの応急処置としてWindows付属のスクリーンキーボードというものを紹介した。

　でも、スクリーンキーボードはマウスでいちいち画面上のキーをクリックしないといけないので、文章を書くときなどは不向き。

　パソコンのキー役割を変えることのできるフリーソフトで使っていないキーを壊れたキーボードのキーに振り替えよう。

パソコンのキーの役割を変えるフリーソフト

Key Swap

　キーの入れ替え・無効を行う、常駐しないWindows7・Vista・XP・2000専用プログラム。

　設定した内容を、最大20名前を付けて保存することができる。

　インターネット起動キー、メール起動キーの割り当て・英語キーボードにも対応。

　動作OS： Windows 7/Vista/XP/2000/NT。

　Key Swapのダウンロードは製作者HPまたはベクターからどうぞ。

・Key Swap製作者HP　

・ベクターKey Swapダウンロードページ　

DvorakJ

　やはり、キーボードの配列を変更できるフリーソフト。

　USB メモリ内からこのソフトウェアを実行できる。

　テンキーやファンクションキーについても変更できる。

　キーボードの役割を変更するほかに、「[Space] +[文字] で[Shift] + [文字]と同じ入力をする。

　ホイールが無いマウスでもホイール機能を利用できる。

　動作OS： Windows 8/7/Vista/XP。

　ダウンロードは製作者HPまたはベクターからどうぞ。

・DvorakJ製作者HPNO1　

・ベクター DvorakJダウンロードページ　

Key SwapとDvorakJどちらが使いやすい？

　Key SwapとDvorakJどちらが使いやすいかというとどちらも大して変わりが無い。

　製作者も日本人なのでHPを見れば使い方はすぐわかる。

　ただし、DvorakJのほうがいろいろな機能が付いている分間違えたことをするとユーザー辞書がなくなってしまったりするミスが発生するかも。

キーの役割を変えるフリーソフトはこんなときにも使うことができる

　キーの役割を変えるフリーソフトはキーボードが壊れたときにキーの役割を振り変えるのに便利。

　がそれ以外にも「CapsLock」キーをほかのキーに切り替えたりもできる。

　ついうっかり押してしまって「入力ができなくなった」なんてことが無くなって割りと快適。

　shift＋の機能などもほかの一つのキーに振り変えることもできる。

キーの役割を変えるフリーソフトのデメリット

・変えたキー配列に慣れてしまって会社のキーボードを打ち間違えるようになる。

　ということであまり長く壊れたキーボードを使っているのは考え物。

　外付けキーボードを買うか何かするまでの間に合わせと考えよう。

　ちなみに、外付けのキーボードをそのまま接続すると、ソフトで切り替えたキーの役割はそのまま残る。

　壊れたキーの役割は、ソフト導入前のままなので、おいらはそのまま使ってるけど。

　状況によっては、ソフトの設定を解除した方がいいかも。

　wordpressの記事一覧を更新日順に表示してかつ、1ページの表示件数を制御して2ページ目以降で次の記事を表示させるためのコードが出来上がったのでご紹介。

wordpress更新日順全記事一覧ページ送り対応版コード

<?php
/*
Template Name:phpファイルの名前（「page-itiran.php」ならば「PAGE itiran」になる）
*/
?>
<?php get_header(); ?>
<div>
  <!--ループ開始-->
  <h2>
<?php the_title(); ?>
  </h2>
<div>
<?php
query_posts($query_string);
query_posts('posts_per_page=20&cat=0&paged='.$paged);//表示したいカテゴリIDを列挙
?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<h4><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h4>
<p>
【最終更新日】<?php the_modified_date('Y/m/d') ?> |【初回公開日】<?php the_time('Y/m/d') ?><br>
【カテゴリー】 <?php the_category(', ') ?><br>
【タグ】<?php the_tags('', ', '); ?>
</p>
<p><?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 60 ) . ''; ?></p>
<p><a class="more-link" href="<?php the_permalink() ?>">続きを見る</a></p>
 <?php endwhile;
?>
<?php else:
?>
 <p>記事はありませんでした</p>
<?php
endif;
wp_reset_postdata();
?>
  </div>
  <!--/kizi-->
  <!--ページナビ-->
  <?php if (function_exists("pagination")) {
pagination($wp_query->max_num_pages);
} ?>
  <!--ループ終了-->
</div>
<!-- END div.post -->
<?php get_footer(); ?>

 苦労話やコードの説明は、wordpressのほうの記事を見てみてね。

・wordpress記事一覧更新日順1ページの表示件数制御ページャー対応コード

　また、アレンジメント版の全記事一覧も作ってみた。

・アレンジメント版wordpress更新日順1ページの表示件数制御ページャー対応コード

　wordpressの欠点といえばサイトの表示速度が遅いこと。

　g+1ボタンを設置している場合は非同期で読み込むようにしてみよう。

　ちょっとだけだけどサイトの表示速度が速くなる。

STINGER3の設置されているg+1ボタンのコード

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
        <g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>

STINGER3のg+1ボタンのコードの解説

g+1ボタンを読み込むスクリプト

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

g+1ボタンを表示するコード

STINGER3のg+1ボタンを表示するコード

<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>

　「tall」は縦長のボタン。

　<?php the_permalink(); ?>">は対象となるURL。

　ボタンのみのシンプルなg+1ボタンを表示するコードは↓

<g:plusone></g:plusone>

　ほかにもg+1はいろいろな形で表示できる。

　下がg+1のコードを作るページ。

http://www.google.com/intl/ja/webmasters/+1/button/index.html

非同期のg+1ボタンのコード

<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

非同期のg+1ボタンのコードの説明

　赤い文字のところがg+1ボタンを非同期で読み込むコード。

　g+1ボタンの表示コードの後に非同期で読み込むコードをつけている。

　シンプルなg+1ボタンのコードを非同期にする場合は下のようになる。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
        <g:plusone></g:plusone>

非同期ボタンのコードは↓

<g:plusone></g:plusone>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

非同期のg+1ボタンを設置するには

1、ヘッダーやフッターにg+1ボタンを読み込むスクリプトが配置されている場合は、いったん、以下のg+1ボタンを読み込むスクリプトを削除。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

2、非同期のg+1ボタンのコードをg+1ボタンを表示させたい部分に書き込む。

g+1ボタンを1ページに複数設置している場合

1、ヘッダーやフッターに設置している以下のスクリプトを削除。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>　

2、g+1ボタンを表示し居場所に<g:plusone></g:plusone>を書きこみ、最後の<g:plusone></g:plusone>の下に上の赤い文字のコードを付け加える。

　wordpressの記事一覧を更新日順に並べる方法をアップした。

　wordpressの記事一覧はいろいろなプラグインが出ていて、ネットで探しても「プラグイン」の話がほとんど。

　すごく簡単に記事一覧が作れるのになあ。

プラグインを使わないwordpressの全記事リスト・必要なもの

・空いているphpファイル

　テーマの中で使っていないphpファイルがあればそれをそのまま利用する。

　使っていないphpファイルが無ければ適当な名前でphpファイルを作って、サーバーのテンプレートの中にアップロードしておく。

　この場合テキストエディタで白紙のファイルを作って、適当な半角英数でファイル名をつけて、拡張子だけ.phpに書き換えてアップロードする。

　　STINGER3には「PAGE itiran 固定ページテンプレート (page-itiran.php)」というファイルがあって、このファイルを使う。

STINGER3には「PAGE itiran 固定ページテンプレート (page-itiran.php)」を使った記事一覧

1、【外観】⇒【テーマの編集】⇒【PAGE itiran 固定ページテンプレート (page-itiran.php)】をクリック。

2、【PAGE itiran 固定ページテンプレート (page-itiran.php)」】の中身をすべて以下のコードに書き換える。

<?php
/*
Template Name:PAGE itiran
*/
?>
<?php get_header(); ?>
   <div id="container">
      <div id="content">
         <?php the_post() ?>
         <h1 class="page-title"><?php the_title(); ?></h1>
         <div class="entry-content">
         <?php the_content() ?>
        [ 全記事表示 ]
         <?php wp_get_archives("type=postbypost");?>
         </div>
      </div><!-- #content -->
   </div><!-- #container -->
<!-- END div.post -->
<?php get_footer(); ?>

　大事なのは赤い文字で書いた部分。

自分でアップロードしたphpファイルを使った記事一覧

1、【外観】⇒【テーマの編集】⇒【アップロードしたphpファイル】をクリック。

2、以下のコードを書き込む。

<?php
/*
Template Name:アップロードしたファイル名
*/
?>
<?php get_header(); ?>
   <div id="container">
      <div id="content">
         <?php the_post() ?>
         <h1 class="page-title"><?php the_title(); ?></h1>
         <div class="entry-content">
         <?php the_content() ?>
        [ 全記事表示 ]
         <?php wp_get_archives("type=postbypost");?>
         </div>
      </div><!-- #content -->
   </div><!-- #container -->
<!-- END div.post -->
<?php get_footer(); ?>

　テンプレートによっては、<?php get_footer(); ?>の前や<?php get_header(); ?>の後に<?php get_sidebar() ?>を付け加えるとうまくいく。

記事一覧を公開するには？

1、【固定ページ】⇒【新規追加】をクリック。

2、画面横に「ページ属性」【テンプレート】の選択画面があるので、「PAGE itiran」を選択。

3、タイトルをつけて、公開する。

記事一覧に更新日や公開日、要約をつけたり更新日順に表示することもできる

・wordpress記事一覧に更新日、公開日、要約をつける方法はこちらを見てね。

・wordpressの記事一覧を更新日順に表示する方法はこちらを見てね。

　スタイルシートのコメントの入れ方。

　今日の話はスタイルシートのコメントの入れ方の話である。

コメントの特徴

1、スタイルシートが何を意味しているかの説明を入れる。

2、サイト表示上は表示されない（コメントアウトというらしい）ので、基本的にはスタイルシートのカスタマイズなどのときの覚書として使う。

3、ソース上には表示される。

スタイルシートのコメントの記載方法

/* １行コメント */

/* コメント1
　　コメント2
 */

　コメントと*/の間は、半角スペースまたは半角英数字が来るようにする。

　*/の前に半角スペースなどが入らないと、次に「半角スペースなど*/」の記載があるまでのスタイルシートの記述をコメントとみなしてしまう。

　結果、スタイルシートがコメントとみなされて、サイト上に表示されないというトラブルが起こる。

/***１行コメント***/

/***コメント1
　　コメント2
***/

　↑のような書き方をしても[*]が半角であれば大丈夫。

コメントは入れ子にして使わない

　スタイルシートのコメントは入れ子にして使うことはできない。

NG例
/***１つ目のコメント/***2つ目のコメント***/***/

スタイルシートのコメントの使い方

/∗ p要素の文字色 ∗/
p{color:#000000;}　

　のようにスタイルシートの始まりにコメントを入れる。

p{color:#000000;} /∗ p要素の文字色 ∗/
div{color:#ffffff;} /∗ div要素の文字色 ∗/

　のように、スタイルシートの横に書くこともできる。

　スタイルシートで角の丸いリンクボタンを作って見よう。

　画像で角の丸いリンクボタンを作るよりメリットがある。

スタイルシートでリンクボタンを作るメリット

・画像のリンクボタンを利用するよりサイトの表示スピードが速くなる。

・画像を作る必要が無い。

スタイルシートでリンクボタンを作るデメリット

・ブラウザによってはきちんと表示されないことがある。

スタイルシートでリンクボタンを丸くする

#button{
width:100px;
height:80px;
font-size:40px;
color:#fff;
line-height:80px;
text-align:center;
background:#f63;
border:solid 2px #000;
border-radius:15px;
text-decoration: none;
padding: 10px;margin: 10px;
}

・width:100px;⇒リンクボタンの幅。

・height:80px;
⇒リンクボタンの高さ。

・font-size:40px;
　⇒文字のサイズ。

・color:#fff;
　⇒文字の色

・text-align:center　
;⇒文字の横位置を中央にする。

・background:#f63;
　⇒背景色

・border:solid 2px #000;
　⇒ボタンの周囲（ボーダー）の太さと色。

・border-radius:15px;
　⇒各角で水平と垂直にに指定したpxの地点を中心に円を描いた時にできる外周をなぞって角が丸くなる。
　IEの旧バージョンでは表示されない。

・text-decoration: none;
　⇒リンクの下線を消す。

・padding: 10px;
　⇒内側の空間を指定する。
　　1個指定した場合は、上下左右すべての空間に適応される。

・margin: 10px;
　⇒外側の隙間を指定する。
　　1個指定した場合は、上下左右すべての空間に適応される。

HTMLの記載

HTMLの基本形

<div id="button"><a href="リンク先のURL">ここにリンクテキスト</a></div>

マウスを乗せたときに説明文が出るようにする

<div id="button"><a href="リンク先のURL" title="ここに説明文">ここにリンクテキスト</a></div>

リンク先を別窓で開く

<div id="button"><a href="リンク先のURL" target="_blank" title="ここに説明文">ここにリンクテキスト</a></div>

id(#)の使い方にご注意

　同じ名前の#(id)は1ページ1個しか使えない。

　すでにbuttonという#(id)が使われていないかをソースやphp、HTMLファイルの中を必ず確認しよう。

　同じ#(id)が使われていた場合は、#(id)の名前を書き換えて使うこと。

　idではなくclassで指定しても同じようにできる。

　classの場合、スタイルシートは#でなくて【.】を使う。

　wordpressの一般設定で「WordPress アドレス (URL)」や「サイトアドレス (URL)」を後から書き換えてはいけない！

　うっかり書き換えてしまうと、wordpressにログインできなくなる。

　じつは、また、やったわけだ。

　wordpressの管理画面にログインできない！

　あちらこちらのサイトをみて復旧方法を探ったがうまくいかず。

　あきらめかけていたころにようやく復旧できたので皆さんにもご報告。

紹介されているサイトアドレスを書き換えてログインできなくなった場合の対処法

　検索の上位結果のサイトでよく紹介されているのがこの方法。

　はじめに言っておくけど管理人はこの方法ではwordpressにログインできなかった。

　でも、一応紹介しておく。

1、サーバー上の「wp-config.php」に以下のコードを追記する。

define(‘WP_SITEURL’,’WordPress のアドレス’);

　うちのサイトの場合なら
「defin(‘WP_SITEURL’,'http://wordpress.0hs.org’);」

　ほとんどのサイトではこの方法を紹介している。

　でも、おいらの場合はこの方法ではwordpressにログインできず。

成功したサイトアドレスを書き換えてログインできなくなった場合の対処法

1、サーバーにログイン。

2、サーバー管理ツールにログイン。

3、FTPアカウント設定をクリック。

4、ドメイン名を選択。

5、サーバー上のFTPファイルにログイン。

6、管理しているサイトのフォルダを開く

7、「wp-config.php」の編集をクリック。

8、開いたwp-config.phpに以下の記述を書き加えて上書き保存。

define( 'RELOCATE', true );

9、http://サイトURL/wp-login.phpをブラウザに記入して移動。

　この段階で、wordpressのログイン画面が開くはず。

10、今まで使っていたユーザー名とパスワードでログイン。

　これで無事にwordpressのログイン画面に入ることができた。

サイトアドレスを書き換えてログインできなくなった場合の後始末

　復帰後wordpressの一般設定を見てみよう。

　WordPress アドレス (URL)は以前のとおり、自サイトのURLだ。

　が、サイトアドレス (URL)が「http://www.example.com」になっているはず。

　このサイトアドレスを元に戻そう。

1、管理画面⇒設定⇒一般設定をクリック。

2、サイトアドレス (URL)のボックスをもとのURLに書き換える。

3、変更を保存。

4、サーバー上のFTPファイルにログイン。

6、管理しているサイトのフォルダを開く

7、「wp-config.php」の編集をクリック。

8、開いたwp-config.phpに追加記入した以下の記述を削除して上書き保存。

define( 'RELOCATE', true );

wordpressのポイント

・一般設定の「WordPress アドレス (URL)」や「サイトアドレス (URL)」は安易に書き換えてはいけない。

　しかし、書き換えていけないものなら書き換えられなくしておいてくれればいいものを。

　似た文章やHTML、スタイルシートなどの違いを比較するソフトをご紹介。

　ブログのテンプレートをカスタマイズしていると元のファイルにどこをどう付け加えたのかわからなくなることがある。

　FC2ブログみたいに元のテンプレートやスタイルシートのコピーをとっておける場合でもあると便利だと思うファイルの中身の違いを比較するツールをご紹介。

　どれももちろん無料で利用できる

difff

difffの概要

　どこぞの論文コスペ問題で一躍有名になった差分を比較するオンラインのツール。

　ソフトをインストールする必要が無くオンラインで利用できる。

　日本語版も英語版もある。

　使い方は簡単で、2つあるボックスに比較したい文章を貼り付けて【比較する】ボタンを押す。

difffのメリット

　ローカルパソコンにダウンロードする必要が無い。

difffのサイト

＊difff　はこちらからアクセス。

WinMerge 日本語版

WinMerge 日本語版の概要

　オープンソースで開発されている WinMerge の日本語版。

　比較したフォルダの差異のあるファイルをコピー・移動、ファイルの圧縮、外部エディタや既定のプログラムでの起動、空行や空文字の無視・大文字小文字を区別しない設定、カラー表示のカスタマイズ、CSV・タブ区切り・HTML・XMLでのレポート生成、プラグインの追加によりワードやエクセルなどのオフィスファイルの比較、などの機能を備える。

　非常に高性能な差分比較ソフト

WinMerge 日本語版対応OS

Windows 98/Me/2000/XP/Vista/7/8, Windows Server 2003/2008/2012

WinMerge 日本語版ダウンロードサイト

＊WinMerge 日本語版ダウンロードサイトはこちら

テキスト差分表示ツール

テキスト差分表示ツールの概要

　二つのテキストファイルを比較して差分を色つきで表示するソフトウェア。

　 テキストだけでなく、Word、Excelファイルの行単位の差分表示が可能。

　URLを指定したファイル差分を比較でき、表示内容をエクセル形式、CSV形式で保存できる。

　フォルダ内のファイル比較ツールも同梱されている。

　開発者は日本人らしい。

テキスト差分表示ツール対応OS

Windows 2000/XP/7/8

テキスト差分表示ツールダウンロードサイト

＊テキスト差分表示ツールダウンロードサイトはこちら　

　ほかにもいろいろあるらしいが使いやすいのはこういったところのようだ。

　wordpressをカスタマイズするときは子テーマを作って、そちらをカスタマイズしたほうが良いそうだ。

　今回の課題は1、親テーマをカスタマイズしていた場合の子テーマの作り方、2、function.phpの子テーマ化だ。

　親テーマを直接カスタマイズするとテーマがバージョンアップされたときにカスタマイズした部分が上書きされてデフォルトのテーマになってしまうそうだ。

　めんどくさいけど、子テーマを作ろうと決意した。

　function.phpの子テーマの作り方があまり情報がなく苦労したが無事function.phpも子テーマ化できたので皆さんにご披露する。

　意外にスタイルシート以外のphpファイルの子テーマの情報がないので苦労したが無事function.phpも含め子テーマ化できた。

カスタマイズ済みのテーマをPCにダウンロード

　ファイル転送ソフト（FTPクライアントソフト）の「WinSCP」を使う。

1、WinSCPを起動させて，サーバー側の「wp-content」をダブルクリック。

2、PC側の一番上のフォルダをダブルクリックして保存場所のフォルダを開く。

3、サーバー側の「theme」フォルダをクリック⇒「適応しているテーマ」をクリックして、そのままPC側に持っていく。

　これで今までカスタマイズしたテーマの保存が終了。

ダウンロードしたテーマフォルダから必要なファイルを選択して子テーマのフォルダを作る

　ファイル転送ソフト（FTPクライアントソフト）でダウンロードしたフォルダをダブルクリックして開いてみると、いろいろなphpやcssファイルがある。

　この中から必要なファイルを選択する。

1、ダウンロードしたテーマフォルダをPC側の保存場所から開く。

2、パソコン上の空白部分で右クリック。

3、「新規作成」⇒「フォルダ」で新しいフォルダをつくる。

4、新しく作ったフォルダに名前をつける。
　ここでは使っているテーマが「stinger3ver20140327」なので新しいフォルダ名を【child-stinger3】にした。

5、Ctrlを押しながら必要なファイルを選択⇒右クリック⇒コピー。

6、作ったフォルダを開いて右クリック⇒貼り付け。

子テーマをwordpressにインストール

　ファイル転送ソフト（FTPクライアントソフト）の「WinSCP」を使います。

＊「WinSCP」についてはこちらを見てね。

1、WinSCPを起動させて，サーバー側の「wp-content」をダブルクリック。

2、PC側の一番上のフォルダをダブルクリックして子テーマの保存場所のフォルダを開く。

3、子テーマをクリックし、サーバー側の「theme」フォルダまで持って行く。

＊まだ有効化はしてはだめです！

インストールした子テーマを適応できるようにする

1、サーバーに接続

2、FTPアカウントにログイン。

3、【wp-content】⇒【theme】をクリック。

4、子テーマのフォルダをクリック。

5、スタイルシートphp（style.css）とsmart.cssを開いて、以下の記述を書き加える。

/*
Theme Name:半角スペース＋子テーマの名前
Template:半角スペース＋親テーマの名前
*/

　うちのサイトの場合は↓

/*
Theme Name: child-stinger3
Template: stinger3ver20140327
*/

7、子テーマのfunction.phpを書き換える。

8、親テーマのfunction.phpを書き換える。

子テーマのfunction.phpの書き換えと親テーマからのコードの削除

1、サーバーに接続

2、FTPアカウントにログイン。

3、【wp-content】⇒【theme】をクリック。

4、【function.php】を開いてすべての記述を削除し、変わりに以下の記述を追加。

<?php
?>

＊カスタマイズしたコードがあるときは、以下のように記述する

<?php
追加したコード
?>

5、上書きして保存。

6、親テーマのfunction.phpからカスタマイズしたコードを削除し上書き保存する。

子テーマを有効化

　最後に子テーマを有効化する。

wordpress初心者の子テーマ作成の素朴な疑問

　親テーマのfunction.phpがバージョンアップされて、今子テーマに追加してあるコードが追加されたら、子テーマと親テーマに2重にコードが重なることになる。

　子テーマと親テーマにバージョンアップで同じコードが搭載されることになると、またエラーになって管理画面にログインできなくなったりするんじゃないだろうか。

　wordpressってめんどくせえ。

　特にfunction.phpの扱いが！

　どうもパソコンのキーボードが壊れた様子。

　スペースキーとCtulとMのキーが利かなくなった。

　はじめはキーボードの故障と気づかずパソコンそのものが壊れたのかと思った。

　で、試してみたのがパソコン本体のスクリーンキーボード。

　スクリーンキーボードなんてものがあるのをはじめて知った。

スクリーンキーボードってどんなもの？

　スクリーンキーボードは、デスクトップ上に表示し、マウスやタッチパッドなどのポインティングデバイスを使用して、 データを入力することができる。

　Windows7やWindows８に標準でインストールされている。

　物理的なキーボードが壊れたときなどスクリーンキーボードを使って入力したりすることができる。

スクリーンキーボードはどうやって出す？

　 [スタート] ⇒[すべてのプログラム]⇒[アクセサリ]⇒[コンピューターの簡単操作]⇒[スクリーン キーボード] の順にクリック。

　物理キーボードとスクリーンキーボードを同時に使うこともできる。

スクリーンキーボードで2つのキーを同時に使う場合

　はじめにShiftやCtrl、Altなどのキーを押し次に対象となるキーをクリックする。

・文字をコピーする場合

1）コピーする文字をマウスで範囲指定。

2）スクリーンキーボードのCtrlキーをクリック。

3）スクリーンキーボードのCのキーをクリック。

・貼り付け

1）スクリーンキーボードのCtrlキーをクリック。

2）スクリーンキーボードのVのキーをクリック。

Fキーを表示するには？

　Fnキーを押すとFキーが現れる。

外出先で不特定多数の人が利用するパソコンを使って個人情報などを入力する場合にも役立つ

　外出先のパソコンで個人情報などを入力する場合、パソコンにキー操作を記録するソフトウェア「キーロガー」がしこまれている危険がある。

　「キーロガー」がしこまれているパソコンで個人情報を入力すると、どこかの誰かに個人情報が盗まれてしまう。

　スクリーンキーボードを利用することで「キーロガー」対策になるそうだ。

　金融機関のスクリーンキーボードと同じようなものか。

Windowsのスクリーンキーボードが正常に動くってことは？

　Windowsのスクリーンキーボードが正常に動くってことは、パソコンは壊れていない。

　問題はキーボードにあった様子。

　キーの機能を代替するソフトを利用して、スペースキーとCtulとMのキーをほかのキーに振り替えて今使っている。

　あくまでまにあわせだが。

　外付けキーボード買わないとなあ。

【送料無料】サンワサプライ USBキーボード(ホワイト) SKB-L1U 【jan 4969887668382】
820 円

　ネット上だと安いんだもん。

　独自ドメインでサイト運営をするときにあったほうがいいソフトファイル転送ソフト（FTPクライアントソフト）。

　wordpressでサイト運営するには必需品だ。

　いま使っているのがWinSCPというファイル転送ソフト（FTPクライアントソフト）。

　WinSCPは外国のソフトだが、インストール時から日本語化されていて英語が苦手な管理人でも安心して使うことができる。

　で、今日はWinSCPのインストールとサーバーとの接続設定の話。

FTPクライアントソフト）WinSCPをインストール

1、WinSCP公式サイトにアクセス。

2、「Installation package」をクリック

3、「ファイルを保存」をクリックし、パソコンの任意の場所に保存する。

4、ダウンロードした【winscp554setup.exe】をダブルクリック。

5、セキュリティの警告画面が出てくるので「実行」をクリック。

　セキュリティソフトによってはこの後にも警告画面が出てくることがある。
　この場合も続けて、「許可する」「実行」「はい」などのボタンを押す。

6、言語の選択画面が出てくるので「日本語」を選んで【OK】ボタンを押す。

＊「WinSCPと一緒にGoogle Chrome もダウンロードする」という項目がでてくる場合でGoogle Chrome が必要ない場合はチェックをはずして「次へ」を押す。

7、【インストール】を押してインストールが始まる。

　インストールが完了すると自動的にWinSCPが起動する。

WinSCPを起動させる

1、スタートボタン⇒すべてのプログラムを表示⇒WinSCPをクリック。

2、WinSCPが起動する。

　つぎはサーバーとの接続の設定をする。

WinSCPとサーバーの接続の設定

1、WinSCPを起動させる。

2、「ファイルプロトコル」「ホスト名」「ポート番号」「ユーザー名」「パスワード」の設定を行う。

＊レンタルしているサーバーの契約時にメールで、「ファイルプロトコル」「ホスト名」「ポート番号」「ユーザー名」「パスワード」が送られてきているのでそれを見ながら入力する。

＊「ポート番号」はFTPは21番、SFTP/SCPは22番のケースが多い。

＊サーバーによっては「パスワード」に入力せず【ログイン】後に「willcomeパスワード」の入力を求められることがある。

　ミニバードなどはこのパターン。

3、【ログイン】ボタンをクリック。

4、「willcomeパスワード」の入力を求められたら、サーバーから送られてきたメールのFTPパスワードを入力。

5、【OK】をクリック。

　接続されるとWinSCP画面が表示される。

　画面左がローカルPCのファイル、右がサーバーのファイルになる。

　サーバー側のファイルやフォルダをローパルのパソコンにコピーしたい場合は画面右側のファイルやフォルダをクリックし、そのまま画面左のローカルPC側に持っていく。

　ローカルPC側のファイルやフォルダをサーバーにアップロードしたい場合は対象のフォルダやファイルをクリックし、そのまま画面右のサーバー側に持っていく。

　一番上のフォルダをダブルクリックすると、今表示されているフォルダのひとつ上のフォルダに移動する。

　それぞれのフォルダをダブルクリックするとそのフォルダの中身が開く。

　wordpressブログのほうで画像つきでWinSCPのインストールとサーバー設定の仕方を乗せているので、画像つきの説明を見たい人は訪問してみてね。

　wordpressバージョン 3.9.2 へのバージョンアップの通知が来た。

　あまり気が進まない。

　面倒そうだ。

　が、バージョンアップをサボってバージョンがかけ離れてしまうと余計にバージョンアップ作業が大変になるって話しだったので、なんとか簡単にバージョンアップできないかとあちこち調べてみた。

wordpressのバージョンアップでバックアップは必要か？

　調べてみると、「バックアップなんてとってない」。

　という人もいるようだ。

　バックアップを取ってあってもトラブルにあって復旧後に苦労する人もいるみたい。

　バックアップを取ったのにトラブルにあったという人はキャッシュ系のプラグインを入れている場合が多いみたい。

最低限必要なバックアップはどれ？

　wordpressのバージョンアップで最低限必要なバックアップってなんだろう？

　これまた、あちこち調べてみると、記事の内容ってことらしい。

　これは、wordpressの管理画面で簡単にバックアップが取れる。

　ただし、画像は入っていない。

　画像はFTPツールを使って，サーバーからダウンロードする。

　あと、テーマのカスタマイズしている人はテーマをダウンロードしておくってぐらいか。

　時間はかかるがwordpress本体をダウンロードしておくっててもある。

　あとは、投稿の一般設定（リセットされるのかどうかわからないけど）。

　まあいずれにしても記事のバックアップやテーマのバックアップは定期的にとっておいたほうがいい。

　ということで、記事のバックアップとカスタマイズしているテーマ・画像をバックアップすることにした。

wordpressの投稿記事をバックアップする

1、管理画面⇒【ツール】⇒【エクスポート】

2、「エクスポートする内容を選択」で【 すべてのコンテンツ】を選択。

3、【エクスポートファイルをダウンロード】をクリック。

4、【ファイルを保存する】を選択⇒【OK】をクリック。

5、パソコン内の任意の場所を選んでファイルを保存する。

　作業は数秒で済む。

　事前に保存場所のフォルダを作っておくと良いかもね。

FTPツールを使って画像ファイルをダウンロード

　wordpressの画像ファイルは，「wp-content」というフォルダの中の「uploads」の中にある。

　ダウンロードにかかる時間は数秒。

　「uploads」を探すのが面倒な人は時間がかかるが，「wp-content」ごとダウンロードしても良いかも。

FTPツールを使ってテーマをダウンロード

　wordpressのテーマは，「wp-content」というフォルダの中の「theme」の中にある。

　「theme」ごとダウンロードしても良いし、サーバー側の「theme」フォルダをダブルクリックして開いて適応しているテーマだけをダウンロードしても良いと思う。

　テーマひとつのダウンロード時間はやっぱり数秒。

wordpressの一般設定をバックアップ

　wordpressの一般設定はスクリーンショットをつかってコピーしておく。

　ウィンドウズパソコンのスクリーンショット機能を使っても良いが、おいらはfirefoxのアドオンを使ってスクリーンショットを保存。

　これだけやっとけば問題なくwordpressのバージョンアップができるかな？乞うご期待。

wordpressのバージョンアップをしてみたら？

　結果からいえば、何も問題は起こらなかった。

　設定もリセットされなかったし、カスタマイズしたテーマも特に問題なし。

　プラグインを停止して、wordpressを更新⇒プラグインを有効化。

　これも数秒ですむ。

　どきどきしたが、すべての作業を終えるのに5分とかからなかった。

　機能は広島へ原爆が落ちた日だ。

　広島へ旅行するといろいろと原爆投下時の資料があったりするのだが、去年からGoogleがウェブ上でいくつか写真などを公開している。

　広島の資料だけでなく、長崎の浦上天主堂などの原爆投下後の写真なども掲載されている。

　とくに長崎の浦上天主堂は、広島の原爆ドームと違って当時の姿を思わせる形で残っていないし、貴重だ。

　Googleは2012年10月より、各博物館や資料館と協力して20 世紀の歴史的瞬間を物語る写真や文書、動画などの様々な資料を公開する「Google　歴史アーカイブ」というプロジェクトを進めており、これまでアンネ・フランクやノルマンディー上陸作戦、アパルトヘイト、エリザベス2世戴冠式などの資料が公開されている。

　共有や公開もできるようなのだが、ブログなどで掲載する方法がよくわからない。

　残念。

下は、「Google　歴史アーカイブ」の浦上天主堂などの原爆投下後の写真をパソコンのスクリーンショットで保存したもの。

元の、「Google　歴史アーカイブ」の浦上天主堂のURLはこちら

　スタイルシートの擬似要素というのを使うと、ちょっと面白いことができる。

　擬似要素の代表的なafter、beforeについてちょっとメモ代わりに書いておく。

スタイルシートの擬似要素after、beforeでできること

　スタイルシートの擬似要素を使うと、前後に文章や画像、音声などいろいろなものをくっけることができる。

　具体的には、

・画像を使わずにリストマークのようなものをリンクの先頭や後ろにつける。

・指定した部分に定型文（画像、音声などを含む）を入れる。

表示できるブラウザの種類

　７以前のIEには対応していない。

擬似要素after　

　後ろに付け加える。

擬似要素before　

　前に付け加える。

　擬似要素のafterとbeforeはブロック要素でもインライン要素でも利用できる。

擬似要素afterの利用例

スタイルシートの記載例

h3:after {content:"⇒";}

HTLの記載例

<h3>「今日の話題は擬似要素の使い方」</h3>

ブラウザの表示

「今日の話題は擬似要素の使い方」⇒

擬似要素beforeの利用例

スタイルシートの記載例）

h3:before {content:"⇒";}

HTLの記載例

<h3>「今日の話題は擬似要素の使い方」</h3>

ブラウザの表示

⇒「今日の話題は擬似要素の使い方」

ほかにもあるスタイルシートの擬似要素

擬似要素first-line

　ブロックレベル要素の最初の行を対象にスタイルを適用する。

擬似要素first-letter

　ブロックレベル要素の最初の文字を対象にスタイルを適用する。

　first-line、first-letterはインライン要素には適用できない。

　WYSIWYG編集ができる「alphaEDIT」という無料ソフトをずーと使ってきた。

　ブログの高機能エディタとかいまひとつ使い勝手が悪いから。

　が、最近どうも調子が悪い。

　やたら文字化けするし。

　いくつか、WYSIWYG編集ができるというソフトをダウンロードしてみたのだがいずれもどうも使いにくかった。

　で、やっと見つけたのが「BlueGriffon」というソフト。

　BlueGriffo、使いやすいです。

　内部スタイルの指定も簡単にできるし。

　日本語化もされているし。

　タブで切り替えて複数のページ作成もできる。

WYSIWYGって何？

　WYSIWYG編集ができるHP作成ソフトを利用するとブラウザで見たときと同じように表示しながら編集できる。

　ホームページビルダーなどが有名。

BlueGriffonのメリット

・無料で利用できる。

・日本語化されている。

・内部スタイルの指定が簡単にできる。

・HTML５やCSS３に対応している。

BlueGriffonのデメリット

・ソース（HTML）の右クリックコピーができない。
　ただし、ショートカットキーの[ctrl+c]でコピーが可能。

　wordpressテーマSTINGER3のサイドバーのカテゴリー一覧とNEW ENTRYに背景色をつけてブロック分けをしてみた。

　カテゴリは親カテゴリーごとに背景色でブロック分け。

　NEW ENTRYは記事ごとに背景色でブロック分けした。

NEW ENTRYを背景色でブロック分け

１、サイドバーphpの中にdiv classを付け加える。

<?php if( $st_query->have_posts() ): ?>
    <?php while ($st_query->have_posts()) : $st_query->the_post(); ?>
<div class="new"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<p><?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 35 ) . ''; ?></p> </div>

　赤い記述の部分が付け加えた部分。

２、スタイルシートを開いて.new{ background-color: #fff;}を追加。

カテゴリー一覧を背景色でブロック分け

　カテゴリー一覧の場合はスタイルシートをカスタマイズするだけ。

　#side ul li {にbackground-color: カラーコード;を書き加える。

例）

#side ul li {
    line-height: 25px;
    margin-bottom: 10px;
    padding-left: 20px;background-color: #fff;
}

　独自ドメインをレンタルサーバーへ登録してみよう。

　流れとしては「ドメイン業者にレンタルサーバーの情報を登録」⇒「レンタルサーバーで独自ドメインを登録」という流れになる。

　ムームードメインで収得した独自ドメインをレンタルサーバー・ミニバードに登録してみる。

　業者によって管理画面などは違いがあるが、基本的な流れは同じはず。

レンタルサーバーの情報をドメイン管理業者に登録しよう

　レンタルサーバーの情報をドメイン業者に登録しないと、せっかく取った独自ドメインが使えない。

　レンタルサーバーミニバードの情報をドメイン業者（ムームードメイン）に登録しよう。

1、ムームードメインにログイン。
　ログインボタンはサイトの上のほうにある。

2、サイト上のIDが表示されているボタンの上にマウスを乗せ「コントロールパネル」をクリック。

3、「ドメイン管理」⇒「ドメイン操作」⇒「ネームサーバー設定変更」をクリック。

4、「ネームサーバー設定変更」をクリック。

5、「GMOペパボ以外 のネームサーバを使用する」を選択する。

6、ネームサーバーにミニバードから送られてきたネームサーバーの内、IPアドレスを抜いたものを記入。

例）uns01.example.com（123.102.104)の場合、uns01.example.comを記入する。

7、「ネームサーバー設定変更」をクリック。

独自ドメインをレンタルサーバーミニバードへ登録

1、ミニバードにログイン。

2、サーバーアカウント一覧のページの「サーバー管理ツール」をクリック。

3、「ドメイン設定」をクリック。
　「ドメイン設定」は画面の下のほうにある。

4、「他社のドメインを追加する」をクリック。

5、「ドメイン追加」のタブをクリック。

6、「他社管理のドメインを追加する」をクリック。

7、Whois認証を選択⇒ムームードメインで収得した独自ドメインを記入⇒「確認画面」をクリック。

6、「確定する」をクリック。

　これで、ムームードメインで収得した独自ドメインがレンタルサーバーミニバードへ登録された。

　結局、PC表示でもwordpressテーマSTINGER3のスマートフォン表示のサイドバー【NEW ENTRY】のアイキャッチ画像を削除することにした。

　これでアイキャッチ画像が表示されるのはTOPページ・アーカイブの記事の部分と関連記事リストだけになった。

　アイキャッチ画像を削除したら表示スピードは確実にはやくなってくれている。

wordpressテーマSTINGER3のサイドバー【NEW ENTRY】のアイキャッチ画像を削除

　削除した部分は以下の部分。

<dl><dt><span><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
        <?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
    <?php the_post_thumbnail( 'thumb100' ); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
    <img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />
        <?php endif; ?>
        </a></span></dt><dd>

　一部の書式が解除されるがまあこれでも良いか・・・。

　GooglePageSpeed Insightsで調べてみたら、PC表示スピードはだいぶ改善されている。

　関連記事アイキャッチ画像もなくて良いかなあ。。

　wordpressテーマSTINGER3のスマートフォン表示のサイドバー【NEW ENTRY】をのアイキャッチ画像を削除することにした。

　画像が少なければ表示が速くなる。

　最新記事リストだけ表示するようにしても良い。

　でも【NEW ENTRY】は要約が表示されるので訪問者にとってはある程度内容がわかるし文字の大きさも大きいのでタップしやすいだろう。

　だいたい、問題は見た目より中身だと思うし。

スマートフォン表示で利用する関数

<?php if (is_mobile()) :?>
　 スマートフォンでのみ表示させたいコード
<?php endif; ?>

　PC・タグレットなどで表示したい部分は以下の記述を記載する

<?php if (!is_mobile()) :?>
　 PCでのみ表示させたいコード
<?php endif; ?>

　今回利用するのは、<?php if (!is_mobile()) :?>のほう。

スマートフォン表示の【NEW ENTRY】のアイキャッチ画像を非表示にする

1、wordpressの管理画面から【外観】⇒【テーマの編集】⇒【サイドバー (sidebar.php)】をクリック。

2、<dl><dt>の前に以下の記述を追加。

<?php if (!is_mobile()) :?>

3、</dt><dd>の後ろに<?php endif; ?>を追加。

　一部の書式が解除されるがまあこれでも良いか・・・。

　GooglePageSpeed Insightsで調べてみたら、やっぱり表示スピードは改善されている。

　PC表示のTOPページのアイキャッチ画像も削除してしまっても良いかもしれない。

　wordpressのwp_is_mobileはモバイルとPCで表示を切り替えることができる便利なタグだが、タブレットでもスマートフォンでも適応されてしまうのが難点だ。

　スマートフォンだけに表示を適応したい場合もあるとおもう

　で調べてみたら、やっぱりタブレットとスマートフォンの表示を切り替えることができることが判明。

スマートフォンだけに表示・非表示を行う場合

1、function.phpに以下の記述を記載。

//スマホ表示分岐
function is_mobile(){
    $useragents = array(
        'iPhone', // iPhone
        'iPod', // iPod touch
        'Android.*Mobile', // 1.5+ Android *** Only mobile
        'Windows.*Phone', // *** Windows Phone
        'dream', // Pre 1.5 Android
        'CUPCAKE', // 1.5+ Android
        'blackberry9500', // Storm
        'blackberry9530', // Storm
        'blackberry9520', // Storm v2
        'blackberry9550', // Storm v2
        'blackberry9800', // Torch
        'webOS', // Palm Pre Experimental
        'incognito', // Other iPhone browser
        'webmate' // Other iPhone browser

    );
    $pattern = '/'.implode('|', $useragents).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

2、スマートフォンだけに表示したい部分には以下の記述を追加する。

<?php if (is_mobile()) :?>
　 スマートフォンでのみ表示させたいコード
<?php endif; ?>

　PC・タグレットなどで表示したい部分は以下の記述を記載する

<?php if (!is_mobile()) :?>
　 PCでのみ表示させたいコード
<?php endif; ?>

　function.phpの編集をするときには、サーバーのfunction.phpファイルから編集したほうが無難。

　ちなみに、wordpressのテーマによってはすでにfunction.phpの記載がある場合もある。

　wordpressの管理画面に入れなくなった。

　「またかよ！」といわれそうだが。

　今回は一味違う。

　バックアップなし！でも復旧できた。

　このwordpress復旧方法phpの編集ミスなどでwordpressの管理画面に入れなくなったとき一番確実に復旧できる。

wordpressの管理画面に入れなくなる原因

　wordpressの管理画面に入れなくなる原因の90％くらいはphpの編集ミス。

　とくに、function.phpをカスタマイズしてミスしたとき。

　function.phpを元に戻せばログインできるようになる。

　function.phpをいじるときはサーバーに接続してサーバーの簡易FTPで編集したほうが安心。

　定期的にFTPクライアント（ソフト）でバックアップを取っておくともっと安心。

wordpressの管理画面に入れなくなったとき用意するもの

FTPクライアント（ソフト）

　一番確実な復旧方法は、FTPクライアント（ソフト）でデフォルト（元のテーマ）のfunction.phpをサーバーにアップロードして上書きしてしまうことだ。

　というわけで、ちょっとでもwordpressをカスタマイズする人はFTPクライアント（ソフト）を用意しておくこと。

　wordpressの管理画面に入れなくなった後でもFTPクライアントソフトを使えば必ず復旧できる。

代表的なFTPクライアントソフト

FFFTP

　国産FTPクライアントソフト

Filezilla

　世界的に利用人口の多いソフト

WinSCP

　世界的に利用人口の多いソフト

　いずれも操作はそれほど違いがないが機能に若干の違いがある。

　この3つのソフトならインターネット上の情報も多いので戸惑うこともあまりなく利用できるはず。

　3つとも日本語化されている。

　ちなみに、おいらはWinSCPを利用している。

利用しているテーマのzipファイルを用意する

1、利用しているテーマの配布先・ダウンロードサイトに行ってテーマのzipファイルをダウンロード。

2、ダウンロードしたzipファイルをダブルクリックで解答する。

　公式のwordpressテーマの配布サイトはこちら。

サーバーのログイン情報とFTPパスワードを用意する

　サーバー契約時にメールで送られてくるので必ず保存しておくこと。

　でいよいよ本題。

　phpの編集ミスでwordpressの管理画面に入れなくなった場合の一番確実な対処法。

phpの編集ミスでwordpressの管理画面に入れなくなった場合の一番確実な対処法

1、FTPクライアント（ソフト）でサーバーに接続する。

2、FTPクライアント（ソフト）の2画面の片側がサーバーにアップロードされているファイル。
　もう一方がパソコン側のファイルになる。

3、サーバー側のテーマに利用しているドメイン名のフォルダをダブルクリック。

4、contentsフォルダをダブルクリック。

5、themeフォルダをダブルクリック。

6、利用しているテーマの名前のついたフォルダをクリック。

　この中に、function.phpがあるはず。

7、PC側の画面からダウンロードしたテーマのfunction.phpを表示させる。

8、function.phpをPC側からドロップ＆ドローしてサーバー側のfunction.phpの上に持っていく。

9、注意書きが出るけど、そのまま上書きする。

　これで復旧完了。

　簡単確実なwordpressの管理画面に入れなくなった場合の一番確実な対処法でした。

　wordpressの迷惑機能をまた発見した。

　wordpressはブログが表示されるときにダブルクォーテーション「"」が半角から全角に変換されて表示される。

　記事を各段階で間違えているのかと思ったが違う！

　wordpressの仕様だ。

　何でこんなに迷惑な機能が多いんだwordpressは？

ダブルクォーテーションってなに？

　ダブルクォーテーションは引用符の一種。

　「"」または、「“」（開始）および「”」（終了）の記号。

　引用や特殊な括弧使いに用いられる。

　「二重引用符」などとも言う。

　コーテーションマーク、クォーテーションマーク、クオーテーションマーク、引用符号ともいう。

wordpressは半角のダブルクォーテーションが勝手に全角に変換されて表示される！

　wordpressで記事を書くと半角のダブルクォーテーションを使っても勝手に、全角のダブルクォーテーションで表示される。

　ダブルクォーテーションは小さな文字なのでなかなか気がつかない。

ダブルクォーテーションを半角のまま表示させる方法

　ダブルクォーテーションを半角のまま表示させるには【テーマのための関数 (functions.php)】に以下の記述を付け加える。

remove_filter('the_content', 'wptexturize');
remove_filter('the_excerpt', 'wptexturize');
remove_filter('the_title', 'wptexturize');

　上から、本文内の自動変換防止、抜粋表示の自動変換防止、タイトル内の自動変換防止を意味しているそうだ。

　ちなみに、【テーマのための関数 (functions.php)】を編集するときにはサーバーにログインしてサーバー側の簡易FTPから編集したほうが間違ったときの修正が利く。

　なにせ、wordpressのfunctions.phpはちょっと間違えただけで管理画面に入れなくなってしまう。

　サーバーにおいてあるfunctions.phpファイルなら編集した部分だけ削除することも編集前に戻すこともできる。

　カラーコードはいろいろあれど、出来ればwebセーフカラー216を使いたい。

　いちいち検索するのも面倒なので、一覧表をつくった。

　ついでに短縮コードの一覧にした。

webセーフカラー216・短縮コード一覧

　うーん間違ってたらごめんなさいって感じ。

なぜwebセーフカラー216？

　理由は簡単。

　カラーコードの中でもwebセーフカラー216はどのブラウザで見ても大体同じような色に表示されるから。

　他にも理由はある。

　もうひとつの理由は、webセーフカラー216のコードは＃○○××▲▲と同じ数字が2つづつ並ぶ。

　このコードだと、短縮して表示することが可能だ。

　たとえば、＃○○××▲▲は＃○×▲といった具合。

　短縮したカラーコードのほうが、サイトの表示は軽くなる。

　ブログに広告や画像を横に並べて表示して見よう。

　標準のHTMLで広告や画像を横ならべに配置できるよ。

　HTMLの<div>とスタイルシートのfloatを使う。

　広告でなくても良い、画像でも、文章でもOKだ。

　wordpressでもFC2ブログでもシーサーブログでもHTMLさえカスタマイズできるサービスならどこでも活用できる。

　普通のHPでも実装できる。

広告や画像を横に並べて表示する

　広告や画像を横に並べるのは非常に簡単に出来る。

　広告や画像を表示したい位置に以下の記述を貼り付けるだけ。

<!--▼広告を横並べ-->
<div class="ad1">
<div style="float:left;">
広告コード
</div>
<div style="float:left;">
広告コード
</div>
<br clear="all">
</div>
<div style="clear:both;">
フロートの下のブロック
</div>
<!--▲広告を横並べ-->

HTMLの説明

<div class="ad1"></div>

　書き込んだ広告や画像全体の配置の設定を行う。

　ad1は英数字なら何でもいい。

　わかりやすい名前をつけよう。

　スタイルシートには.ad1{ここにスタイル}のように書き込む。

<div style="float:left;"></div>

　左に回りこませる。

<br clear="all"></div>

　回り込みを解除する。

<!--　-->

　コメント。

　サイトやブログには表示されない。

スタイルシートで全体のマージンを指定した例

.ad1{ここにスタイル}

例)
.ad1{ margin: 10px 20px 30px 40px;}

　この記述だと広告を表示したブロックの[上][右][下][左]に隙間が出来る。

　上10px、右20px、下30px、左40px、に隙間が出来ることになる。

特定のページ・デバイスだけに表示したい場合

　特定のページだけ表示したい場合は、それぞれのサービスの条件分岐で囲む。

　wordpressでPCと他のデバイス（スマートフォンとか）の表示を切り替えるための関数のメモ。

　FC2ブログでPCと他のデバイスで表示を変える為の変数があるように、wordpressにもPCと他のデバイスで表示を変える為の関数がある。

　条件分岐ってやつのひとつだ。

wordpressのPCだけに表示するための関数

<?php if (!wp_is_mobile()) :?><?php endif; ?>

<?php if (!wp_is_mobile()) :?><?php endif; ?>実際の使い方

<?php if (!wp_is_mobile()) :?>
ここにPCで表示したい内容を記載
<?php endif; ?>

　実際に使うときには、コメントタグを添えておくとわかりやすいかも。

　たとえばこんな感じ↓

<!?▼PCのみ表示?><?php if (!wp_is_mobile()) :?>
ここにPCで表示したい内容を記載
<?php endif; ?><!?▲PCのみ表示?>

wordpressのPC以外のデバイスのみに表示するための関数

<?php if (wp_is_mobile()) :?><?php endif; ?>

<?php if (wp_is_mobile()) :?><?php endif; ?>の実際の使い方

<?php if (wp_is_mobile()) :?>
ここにPC以外のデバイスで表示したい内容を記載
<?php endif; ?>

　コメントを添えると↓

<!?▼モバイルのみ表示?>
<?php if (wp_is_mobile()) :?>
ここにPC以外のデバイスで表示したい内容を記載
<?php endif; ?>
<!?▲モバイルのみ表示?>

　便利な条件分岐の関数（タグ）だが、ウィジェットの中では使えない。

　プラグインで広告を配置するような場合も利用不可。