サイの陽

よっこらせ

吹奏楽団のHP改装

      2016/12/11

こんばんは!B3のポン酢マイスターです。

 

TUT Advent Calender 2016に登録したはいいものの、ブログを書くのをすっかり忘れていました><

さて、こちらをご覧ください。吹奏楽団のホームページです。

old

2000年代を感じさせてくれるサイトですね。そろそろ時代遅れになってきたこのサイトを改築することにしました。

 

自分のコーディングでまともにサイトを作れる気が全くしなかったので、CMSを利用します。

さくらサーバのクイックインストールで利用できるCMSは

concrete5_wordmark_400x75

wordpress-logo-hoz-rgb

この2つでした。このうち、今まで使った事の無いconcrete5に挑戦してみました。


 

まずはテーマ選びです。

右も左もわからない状態で有料テーマに手を出すのはあまりに危険だと感じたので、無料テーマにしました。

選んだのはNeatというテーマです。”neat”は「きちんとした」「こぎれいな」「整った」といった意味があるようです。なるほど良さそうですね。

neetとは大分意味が違いますねぇ。

早速やってみましょう!

 

 

できました!

concrete

あら整ってる素敵~

タイトルロゴは自分で文字を配置したのですが、ちょっとお気に入りです。

見た事の無い単語と闘いながら何とか形にしたは良いものの、作ってから欠点に気づいたんですよね。

menu

欠点はメニューの「楽団紹介」って名前の階層付きメニューです。

「楽団紹介」下の階層のメニュー(団員紹介、幹部紹介、団員募集)は、普通のサイトなら「楽団紹介」にカーソルを合わせるだけで表示されるはずなんですが…

Neatテーマの場合は「楽団紹介」をクリックしないといけないのですよ。

これの何が悪いかというと、「楽団紹介」をクリックしても「楽団紹介」ページに移動できないところです。

これを綺麗に上手いこと改善できなくて、concrete5でのホームページ作りは諦めざるを得ませんでした…

 

じゃあ、テーマを変えればいいじゃない。と思うかもしれません。

しかし、concrete5(ver. 5.7)において無料テーマは7つ程しかなく、どのテーマも割と致命的な欠点がございまして…

もう無理(>_<)となってwordpressに乗り換えました。


 

 

 

ホームページ出来ました!

http://tutwo.sakura.ne.jp/

main

テーマは”Virtue“という無料のものを使いました。

いやぁ簡単でしたね。悩んだ点は、スマホ表示の時に表示が狂ってしまっていた点くらいですね。

ロゴの画像サイズが大きすぎたのが原因で、改善にはそこまで時間はかかりませんでした。

 

wordpressのほうが操作は簡単だし軽いし(多分)メニューも普通だし、私でも何とか使えるし。

wordpressは神。それだけのことです。

 


次回は1ntegrale9さんの「GO TO THE FUTURE 〜次世代リーダー論(笑)〜 (技科大生活の振り返り)」ですね!

楽しみにしてます。

 - 未分類