WordPressによるWebサイト制作

昨年の夏、NTTコミュニケーションズから「Page ON」のサービスが2015年2月末で終了との連絡が入る。何年も前からWebサイトを新しく作り直さなければ！と思っていたが、きっかけが掴めずなかなか踏み出せないでいた。良いきっかけが出来た。

木工屋みしょう開設当初に制作したwebサイトは、Mac G4がOS9.0.4、サイト制作アプリがAdobe PageMill3.0J、データ送信はFetch4.0.3(Mac OS9)。どれをとっても時代遅れも甚だしく遺物によるサイト運営だった。

PageMillは20年ほど前にAdobeが開発を中止したサイト制作アプリで、非常に扱い易い。Illustrator、Photoshopが使えれば何とかなる。わたしは必死に勉強した口だが‥‥。
テキストは書き込むかペーストすれば良いし、写真も拡大縮小は簡単。わたしはサイト用に写真を通常サイズ、スモールサイズ、サムネールサイズの3種類を作り管理していた。

2013年にこちら（琵琶湖北端　長浜市西浅井町余）に引っ越して来て、直ぐにプリンタが故障。iBook G4(OS10.4.11)とOS9のG4で使えるプリンタを探しても無い。先のことを考えてMacを新しく購入し、プリンタもOS10対応にした。これでweb社会に入ることが出来た。

NTTcom.のBizメール＆ウェブエコノミーを申し込む。WordPressやデータベース管理のMySQLなどさまざまなモノが提供されている。マニュアルやセットアップガイドもあるが、WordPressは勿論、全て初めてのモノばかり。まるで宇宙船の操縦席に座らせられ、マニュアル渡され、「頑張ってね！」。1から勉強となる。

WordPress Perfect GuideBook[3.x対応版]（佐々木恵著）から

今回、初心者向けのこのガイドブックを購入した。まるで新小学生のように素直に1ページ目からガイドに従って行く。邪魔するweb知識など持ち合わせていないから「先生、それわかりません！」って感じでディスプレイとガイドブックとの突き合わせが始まった。何せ、Themes(テーマ)、それ何？？？だから‥‥。

制作工程を簡単に列挙すると

WordPressの初期設定、基本操作、プラグインの初期設定
投稿ページ(Blogとなる)作成（テキスト入力、画像の挿入）
固定ページ作成（ページの親子関係、カスタマイズ、ウィジェト）
ここでテーマファイル内のstyle.cssを開くことになり、見出し文字の大きさ、フッターの高さ、メニューバー、ウィジェトやテーブルの設定に細かく手を加え、自分の好みを探す作業が始まる。
子テーマの作成
タイミングが良いのか悪いのか、使っていたテーマのアップグレードの通知が入り直ぐさまアップグレード。なんてこったい！style.cssが初期化されてしまった！
修正した記憶を辿り再度修正。今度は修正を加えたstyle.cssをテキストエディタ「mi」にコピーして保管。
子テーマを作成してみるが上手く行かず、親テーマのみで進めることにした。正しい作業ではないのだけれど、style.cssのバックアップを取っているから！と強行。
webフォントの利用
ヒラギノ角ゴProNを一旦指定したが、太過ぎて気に入らずwebフォントのM+1p-lightとregular使用することにした。＜M+ Web Fonts Project＞
色修正
style.css内のいろいろなエリアの色(color:#——)を＜HTML Color Picker＞にコピペし確認、逆に＜HTML Color Picker＞から選択した#——をstyle.css内にコピペし確認する。元の#——の控えは必要。
実際に使用するページの作成
20ページほど終わらせて、phpMyadminでデータベースのバックアップを取るはずが、操作ミスでWordPressが落ちてしまった！！！
WordPressを再インストールしてファイルの復元を試みるも、ダメ！！
web上で相談したりもしたが、ダメ！
一体わたしは何をしたのだろう？？？
これを教訓にしてバックアップを3つ、そしてアナログと笑われるだろうけれど、各ページをコピーしてPagesにペースト保管することにしている。
どうにか完成！！

web上は元より、詳しい方から多くのアドバイスをいただき感謝しております。ありがとうございました。

また、サイト内の Links に＜WordPressでのwebサイト制作で役立ったサイト＞を置きます。活用される際の注意事項として、サイト内に記載されている内容は、WordPress、mySQL、Themes、pluginなどの全てのバージョンに適合、活用できるものではありません。ご自身の自己責任において活用してください。

末尾になりますが、わたしが気付かない不具合もあるかと思います。お気づきになりましたらご連絡いただければ幸いです。ただわたしの能力で修正出来るかどうかは不明です。

お手上げ不具合とQuestion

スマホで拡大写真を見ると、画面中央に表れない。
（写真が隠れるまで上にドラッグして下げると全面が表れるのですが‥‥）
スマホで拡大写真の「前へ」「次へ」をタッチすると全く違う写真（サイト内の写真です。古い記憶がのこっているのか？）に移動してしまう。
（わたしのiPhoneだけか？？）
パソコンでは問題ないのですが‥‥。
フッター上のメインウィジェットの4個のブロックですが、画面を縮小していくとレイアウトが変わって行く。mumu〜、固定したいのですが‥‥。

解決策をご存知の方は、教えてください。

ではでは。次回は木工関連を。