フリーランスの道具箱

ものくろキャンプのWebサイトをリニューアルしました。すっきりと情報をまとめる形を求めて

ものくろキャンプのWeb サイト (study314.jp )を全面リニューアルしました。元々は海外の有料テーマを利用していましたが、日本語の文書を組んだ時に「しっくり」とならず、色々と裏で調整していたのですが、手間と時間ばかりかかっていました。

元々使っていたテーマも60ドルぐらいしたので、使いこなせたら、、という気持ちがあったのですけれども、そんな調整より、記事を書こう!と思ったのと、しっくり納得がいかないと、自分自身の気持ちが「書き続ける」ことへ向かないので、思い切って全面リニューアルしました。

シンプルにわかりやすく

求めたのは、シンプルに訪れていただいた方が「探していること」がわかりやすくなる形です。

まだまだ、整理していかないといけないのですが、ひとまず公開できる段階になりました。

使ったテーマはこちら

トップページは下のHTML5 UP!さんのテンプレート(Solid state)をのテンプレートを使っています。

こちらは見た目で一目惚れでした。front-page.phpにすることで、WordPressはトップページに出来る機能があります。

スタイルシートはこのページだけのものを設定しましたが、パスの書き方がはじめはわからず難儀(単に勉強不足なんですけど)しました。サーバーのディレクトリでは真下のディレクトリにstyle.cssを配置しても、themeディレクトリの中なので、下のようにパスを指定する必要がありました。

[code]
./wp-content/themes/子テーマディレクトリ/CSS格納ディレクトリ/style.css
[/code]

WordPressの投稿・固定ページのエントリーテンプレートはこちらを選びました。

見た目のシンプルさで選択しました。「バズ部」さんが提供されている無料テーマです。シンプルな外観と大きなアイキャッチ画像が特徴です。

このテーマはコールトゥアクション(CTA)とランディングページ(LP)の作成も管理画面から設定できます。まだ、使い込んでいません(トップページ作るので精一杯でした)が、今後、どんどん活用していきます。

前段取りはローカルで

はじめはWindows Let’s note RZ4 の XAMPP環境で作業していましたが、画面が10インチだとやっぱり狭くて、MacBookPro13インチRetinaのMAMP環境にて開発作業をしていました。途中、MAMP Pro ライセンスを買ってしまいました。やっぱりGUIのメニューでサーバー設定出来るは便利です。コマンドを打つのも大切なんですが、今回は時間を買いました。

子テーマを使ってます

WordPressの子テーマを作る方法について、知識が古いままでした。functions.phpで親テーマCSSを読み込む方法が推奨になって、style.cssにて@importを使うのは非推奨となったことを学びました。

これについては別記事にまとめています。

課題点

今後の課題として、ワークショップ・講座の告知と募集で使っているDoorkeeper のAPI を利用して、自動でトップページや各記事のフッター部分などにスケジュールを表示させたいのです。

とりあえず、昨日(2015年11月6日)にトップページに自動で取り込むPHPコードは完成できました。次は各記事の下に表示させたいなぁと。

これ、いままで手作業でやっていました。なので、労力が必要でしたし、更新が間に合わなくなったりと、大変だったのです。ちょっとしたことですが、自動化することは大切だと思っています。

ということで、リニューアルしたものくろキャンプのサイトを是非ご覧ください。


この記事を書いた人 :

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

こちらの記事も役立ちます