Cat-l

Web

Cat-l

Cat-l

Cat-l – 猫のように気ままに-
サイト作成が完了しました!

新しくブログを作成した経緯ですが
様々なネタを取り扱うため、また個人的に色んなゲーム、Webのネタを取り扱う為に作成しました。

今回このブログを作成したフローといいますか、流れを軽い感じで書いていこうと思います。

使用マシン:Mac OS X.Windows7
使用ソフト:Illustrator Cs6,Dreamweaver CS6,Coda2,MAMP

デザイン

まず、デザインの作成ですが今回デザインするにあたって、どういう風にしたいかと自問自答することに。

1.シンプルなのが好き
2.サイトというよりはブログがメインなので、一番重要なのは「文章」。
3.フラットな感じ
4.やったことないし、どうせならスマホとかタブレットでも見れるようにレスポンシブに

この4点を主軸に考えて作成しました。

デザインの作成に使用したソフトは「Illustrator CS6」
普段Photoshopに慣れてる自分としましては、日頃使用する機械の少ない、Illustratorに慣れる為、というこじつけにIllustratorを使用しました。

普段デザインするときに一番悩むポイント
ロゴとサイトタイトル、この2つの問題で少々時間を取られました。

コンセプトとしましては、自由気ままにやれたらいいなぁ。という背景の元、自由=猫。じゃあ、ロゴも猫を使った感じにしてみようと思い立ちました。

大体デザインは1日くらい、そのうちロゴに半日と言ったところでした。

コーディング

コーディングに関しては、メインにCoda2を使い、DWは最後にちょこちょこっと使用した感じになります。

今回Coda2を使用した理由としましては
・軽い
・デフォルトでsassに対応

この2点が大きいです。(DWも設定でsassに対応することが出来ます。DW CCだとデフォルトで対応しています)

当たり前なのでしょうが、今回改めて思ったことは、レスポンシブで対応するのであれば、タブレットでのデザイン、スマホでのデザインデータも作成しておくべきだと思いました。
実際、cssで調整しながらその場でデザインしていくと、中々に時間が取られて作業が滞る場面も。

WordPress化

オリジナルのテーマとして作成しました。
半年くらいまえは毎日テーマの作成で触ってましたけど、最近はご無沙汰ということもあり、こちらもリハビリも兼ねて導入。

基本的なテンプレートタグはエクセルシートであるのですが、如何せんそれを貼り付けていくだけ、という作業だったので色々と難儀しましたが、一応形になるまでは持って行けたと思います。

基本的に私はプラグインを出来る限り絞って、functionsで補える部分はそちらで対処しています。

今回導入したプラグインですが
・Akismet(ド定番)
・All  In One Seo Pack(SEO対策)
・Contact Form7(お問い合わせフォーム)
・EWWW Image Optimizer(画像圧縮)
・Head Cleaner(速度アップ)
・Lightbox Plus Colorbox(画像表示)
・TinyMCE Advanced(投稿画面のカスタマイズ)
・WP-DBManager(データベースのバックアップ)
・WP-PageNavi(下部のナビゲーション)
・WP Multibyte Patch

以上になります。

All  In One Seo Packでサイトマップが形成されないって、悩んでて調べたら<?php wp?head(); ?>をheader.phpに入れるのをすっかり忘れていて反映されませんでした。

合間合間で作成した結果、1周間ちょいでここまで、たどり着きました。

今回、Sass,Illustrator等普段使用していなかったツールでの作成となりましたが、色々収穫があり、また勉強になりました。
今後も改めてこう言った新しいことを試していこうと思います。

今後の課題、修正点としては
・searchを作る(現在記事が少ないので保留中)
・細かいところの調整

でしょうか。

Webの知識はまだまだなので、今後色々と蓄えていけたら、と思います。

スポンサードリンク

ピックアップ記事

  1. [グラブル]よろず屋シェロなんばマルイ出張所遊びに行ってみた[番外]
  2. [グラブル]2016年9月のパーティ成長記録
  3. [グラブル]マグナ運用でする光属性パーティの理想武器編成
  4. [book]うちの娘のためならば、デイルとラティナ、彼らが織りなすアットホームフ…
  5. [タガタメ]誰ガ為のリセットマラソン-タマモゲットまでの回数-

関連記事

  1. Cat-l

    Web

    [Web]参考書で実際にお世話になった2冊

    Webの参考書って一杯あって、それぞれ良いところがありますよね…

  2. コメント・・・?

    Web

    [Web]コメント機能を取り払う

    どうも。Itaka(@ido369)です。突拍子もないアイキャ…

  3. 拡張機能一覧

    Web

    [Chrome]個人的に厳選した拡張機能7つ

    早速昨日更新出来なかった。。。久しぶりに歩きまわって、疲れて寝…

  4. じゃれつく猫

    Web

    ブログ計画

    このブログの方向性と今後の展開をここで書いておこうと思います。…

  5. 光に照らされた葉

    Web

    多少のSEO対策

    以前1年程SEO対策会社に勤めてました。と、言っても担当と…

  6. Photoshop

    Web

    [Web]現場4日目で使ってるPhotoshopショートカット

    昨日、今日と比較的早く帰ってこれました!と、言っても。昨日…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ピックアップ

  1. [GAME]最近プレイしているPS4、PCゲーのレビューみた…
  2. [book]うちの娘のためならば、デイルとラティナ、彼らが織…
  3. [グラブル]よろず屋シェロなんばマルイ出張所遊びに行ってみた…
  4. [グラブル]マグナ運用でする光属性パーティの理想武器編成
  5. [タガタメ]誰ガ為のリセットマラソン-タマモゲットまでの回数…

最近の記事

スポンサードリンク

  1. Cat-l

    Web

    Cat-l
  2. ガチャ

    [グラブル]スタレジェを回す人、回さない人-スターレジェンドガチャとは-
  3. イベント

    [グラブル]神境にて辿る跡を周回しまくる自分がいる
  4. イベント

    [グラブル]四天刃・焔がひとまず完成!次回は琴狙いか
  5. グランブルーファンタジー

    [グラブル]初心者に知っておいて欲しい:バハムート武器(ウェポン)
PAGE TOP