サイトリニューアルはワードプレスを使用

更新日:

更新前のサイト

紺屋の白袴(こうやのしろばかま)ではありませんが、2012からCSS+HTML3とJQuery「Masonry」を使用して、スマホ対応(のように見せていた)に制作〜公開してからは納品案件の更新のみ行っていた更新前の当サイト。

クライアントにはホームページ制作をスマートフォン対応が当たり前に勧めておきながら当サイトはPC対応のみでしたので、これではいけないと、過去何度もHTML5+Bootstrapを使用してリニューアルをするべく制作しテストサーバに置く所まで作っていましたが、不思議なもので本腰を入れて2階層目ページを制作し始めるとありがたいことに新規デザイン制作案件が決まり、当サイトのリニューアルは後回しにしていました。

そして2020年3月からの新型コロナウイルスによる自粛により決まっていた案件が全て延期になったり、なくなったりました。案件がなくなったことについては仕方がありませんので、この機会に何もやらないというよりも今まで後回しにしていたサイトのリニューアルを仕上げると決めました

 

ワードプレスを使用したCMSで制作をすることにしました

リニューアル前のサイトでは過去納品した案件の決定稿のタイトルと画像のみ掲載していましたが、ポスターにしても毎回1案だけ提出して決まることはありません。ロゴになると複数案提出しどれかがデザインベースとして選ばれた後、ブラッシュアップをしながら完成をします。

制作者として提案は、クライアント側に寄せた案を本命案(このような言い方はしませんが)として制作し、ユーザー側に寄せた案や「他にもこういうのもありますよ」的な対抗案(こちらもこのような言い方はしません)を制作しており、本命案を制作している時にも2案目3案目がでてきて「あーでもない。こーでもない。」と仕上げて提案をしています。結果は本命案ではなく対抗案に決まることもあり、あくまでデザインベースが決まっただけなので、そこに一喜一憂することはありません。
ただ、どちらの案も全力で制作しているので選ばれなかった案をデータフォルダの中から出して当サイト内だけでも日の目を見せたかったのです。

ただ、選ばれなかった案はなぜ選ばれなかったかはすぐにわかります、またその時の制作時の考え方も書いてみたかったのでこれはブログ形式になるということでワードプレスを使用したCMSで制作をすることにしました。

ワードプレスを使うことについては過去に主催カンファレンスに参加したこともありました。

使用テーマをいろいろ試した結果、シンプルで綺麗なテーマ「STINGER PLUS2」をほぼカスタマイズをせずに使用しています。このテーマは基本管理画面で設定をするだけでシンプルでスッキリしたサイトになります。またCSSを追加したりPHPを書き換えたりすればオリジナリティあるサイトになります。
またプラグインは多数導入すると不具合が起こってしまうため最低限にとどめています。

使用プラグインについてはこちらの投稿でご紹介しています。

基本管理画面の一部です

 

1本の投稿に時間かけすぎ

今回のリニューアルも途中でストップしないように先に10本ほど投稿記事をリストアップして書きためていきました。
しかし、今までブログなど文章を発信をしたこともなかったため1本の投稿記事に何日もかかってしまい、1本投稿記事を書き終えた後、他のページを見返してはちょこちょこ修正をしてなかなか公開することができませんでした。
さずがに日数をかけすぎでいつまでたってもサイトリニューアルできないため、ある程度文章が書ければ公開するように心がけました。

なんとか投稿記事を10本できた時点でサーバーのデータベース化をしてもらい2020年5月19日に公開をしました。
今も公開したページを見返してはちょこちょこ修正をしています。(15校ぐらいになっています)

もっとページの更新頻度を上げなければと思っています。

 

せっかくならワードプレスに広告をつけてみよう

このワードプレスのテーマ「STINGER PLUS2」は最初から広告を配置できるウイジットがあります。せっかくなら広告バナーをつけてみようということで広告バナーを掲載するためにアファリエイトとは何かから調べました。

アファリエイトとはホームページに広告掲載が完了し、そこから発生した成果報酬を広告主がお申込みの内容などを確認して「確定」します。
「確定」されて初めて成果報酬が支払われます。

参照:A8.netサポートガイド

 

 

アファリエイト運営会社も多くあることがわかりました。調べた結果、以下の大手2社に登録をしました。

A8.net

運営会社 株式会社ファンコミュニケーションズ(東証一部に上場しています)
登録料 無料
利用料 無料
登録作業 約3〜10分
登録の承認 1営業日
利用できる年齢 18歳以上
公式サイト A8.netの公式ページ
報酬方法 成果型

 

バリューコマース株式会社

運営会社 バリューコマース株式会社(東証一部に上場しています)
登録料 無料
利用料 無料
登録作業 約3〜10分
登録の承認 2~3営業日
利用できる年齢 18歳以上
公式サイト バリューコマースの公式ページ
報酬方法 成果型

どちらも登録・利用料は無料登録作業は3分~5分程度です。
A8.netは申請から承認まで5分バリューコマースは申請から承認まで1日でした。
広告は自分で選んでそれぞれのページに貼ります

すぐに申請が届きましたので、それぞれ以下の広告を貼ってみました。

 

感想としては思っているより簡単に登録から広告バナーの掲載までできましたし、簡単に登録ができないと登録者も広告主も増えていないということがわかりました。
今回、このサイトに広告バナーを貼ったことで会社組織のホームページには見えなくなりました。しかし、それでいいと思っています。なぜなら更新前の当社サイトの過去案件を並べて見せて終わりーのサイトにしたくなかったからです。社員が数十人がいる会社ではありませんのでブログ型の見せ方でいいのではないかと思っているからです。

 

最後までお読み頂きありがとうございます

ワードプレスでサイトリニューアルをしたことで、このサイトの見た目のデザイン部分で凝ったことをするというよりも過去案件について伝えることに文章の構成と表現の難しさを感じています。稚拙な文章で何を伝えたいのかわからないかもしれませんが、一度投稿したページを改定できるのもワードプレスのいいところなので見直し更新しながらもこれからも投稿していきますのでよろしくお願い申し上げます。

著作権や肖像権に関して問題がありましたら御連絡をお願いします。
著作権所有者様からの警告及び修正・撤去のご連絡があった場合には、迅速に対処または削除致します。

nend広告


-stinger+2, ホームページデザイン, ワードプレスプラグイン

Copyright© sevence graphic , 2024 All Rights Reserved Powered by STINGER.