【随時更新】SWIMMING VIEW 2017秋 リニューアル計画
【随時更新】SWIMMING VIEW 2017秋 リニューアル計画
SWIMMING VIEWのリニューアル状況を掲載していきます。字消しされている部分は実施済みの措置。
【はじめに】
子育てに追われてSVに手を掛けられていない
記事の更新だって疎かになりがち
デザインに至ってはリオ五輪バージョンに若干の手を加えたもの
早い話が手抜き。
特にフロントページは時代遅れ感がある。
ここで気分一新、サイトデザインのリニューアルだ
ず〜と考えていた新カテゴリーテーマのあるし。
リニューアル作業の公開
- 個人的ブログ「単純なヤツ」にリニュアル作業を公開していく #作業中
- アウトライナーソフト「「WorkFlowy - Organize your brain.」」を使ってブログ執筆できるようにしたい。
- ハサミスクリプトを使ったブログの書き方 #ネタ
SWIMMINGVIEWの環境
【やりたいこと】
記事の充実
選手プロフィールの再整備
デザイン系
カテゴリーの絞り込み
試合情報(概要・スケジュール・結果・観戦記など細かく 子カテゴリーで試合ごとに分類)
News(情報を細かく分けずニュースとして一緒くたんに扱う)細かい内容はタグで整理
選手プロフィール
SwimShop(水泳関係商品の紹介)
SWIMMING BOOK STORE
スイミングマガジンのタグ化
SWIMMINNGVIEWについて
WordPressのカテゴリ整理に便利なプラグイン「Batch Cat」 | ネットインパクト
読みやすいフォントを研究。
読みやすいフォントの CSS 設定例 | murashun.jp
カテゴリーをヘッダー直後に
WordPressのテーマはAFFINGER(アフィンガー)これまで無料のテーマStingerを使ってきたけど、ここは一発気合を入れてAFFINGERを購入。2017年8月購入済み #完了
フロントページをかっこよく
WordPressのサイトURL(フォルダ・ディレクトリ)を変更する方法
アフィリエイトでしっかり稼げるようにトップページ、個別ページ、カテゴリーページの構成を練り直す。
サイドバーの整理
カテゴリーページの構成「タイトル→タグ→概要を掲載」
アクセス向上
現在、ツイッターのフォローワーは5000弱
日常的に見てくれているのが1000〜1500人
フォロワーを増やすと共に、日常的に見ている人をもっと、増やしたい
配信をばらけさせてツイートに気づくようにすべき
新コーナーを立ち上げる
名言を取り上げるカテゴリー「速く泳ぐためのヒント」をオープンさせる。
ちょっと差別化されたフォント
CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選 細カギ括弧がいいか?
font-familyの指定 2016年 - WEBサイト制作の勉強
カテゴリーのデザイン
SWIMMING VIEW ANNEX(別館)の扱い
別サイト→ツイッターで連携
- ゼンデザイン(シンプルなもの)
- ○【WordPress】特定のカテゴリーにだけ対応する特殊なテンプレートファイル - ONZE
×Zenzero — 無料の WordPress テーマ×Plain Blog — 無料の WordPress テーマ×modernize — 無料の WordPress テーマ- ulリスト
- Googleフォントの使い方(明朝系がいい)
- Storngの設定について
- ulリスト
「速く泳ぐためのヒント」の構成を考える
東京五輪の情報をまとめたものを日々発信する。
執筆環境の整備
長文用にWorkFlowlyを使ったブログ執筆方法を検討する。 #ネタ
もともと、todo管理に使っていたworkflowly
Workflowlyのいいところ
- ショートカットを表示できる
- 軽い
- スマホ、PCともに使える
このページはWorkFlowly及びハサミスクリプトを使って執筆。
わかりやすい↓WorkFlowlyの使い方
- 「【連載】『暮らしと仕事に役立つアウトライナー「WorkFlowy」の使い方レシピ』#3「WorkFlowyの基本的な操作方法」 – いつもていねいに」
- 「WorkFlowy 」とは使いやすいアウトライナー。
- 「思考を論理的に整理するアウトラナー WorkFlowy の使い方 - MILL KEY WEB」
- WorkFlowyを使い込むなら「単純作業に心を込めて」の熟読がオススメ
はてなブログのh2タグ〜h5まで整理が必要(170904CSSの編集開始)
階層を4階層までに抑える。
リスト表示出来る方がいいかも。(170904リスト表示) #完了
ハサミスクリプトirodrawEditionによるリストタグ(<li>タグ)を旨く表示する方法がわからない。はじめての「WorkFlowy」カスタマイズ【Windows・Mac編】 – いつもていねいに #完了
(<ul><li>タグ)の入力を楽にする辞書登録
ハサミスクリプトの導入 170902済み170902にそのまま「単純なヤツ」に公開。
iPhoneでのWorkFlowlyの使い方を検討「「MemoFlowy」と「HandyFlowy」がWorkFlowyの必須アプリと言える理由 〜『WorkFlowyの使い方のレシピ』の連載を終えて②〜 – いつもていねいに」
Macで使いやすいように三色ボールペン方式を採用「http://teineini.net/201602-workflowy-customize/」
タグを使って、次やることの管理。
やることが増えてくると何がやりたかったか?何から手をつけていいのか分からなくなる
できること(方法、結論が見えている)ものから手をつける。
更新しやすいようにMarth Editの設定を見直す。
SNSの整理と環境整備
twitter(及びFacebook)のOGPの設定をAll in One SEOを使って行う。 170902
ツイッターダイジェスト復活
「昨日のSV」
更新の空白時間(12時?)
- 「All in One SEO Pack の設定方法と使い方」
- 「拡散を狙え!All in One SEO PackのOGPとTwitter Cardの設定方法」
- アイキャッチがない場合のOGP用画像の作成 #次やる
ファイスブックとの連携を行う。
Facebookのページ。Swmimming View 170902ローンチ #完了
Jetpackを使って記事の共有 170902 #完了
- Jetpackは非常に便利
- Jetpackの使い方・設定方法を総まとめ【2017年最新版】
- 最近、svのデザインが崩れているな~と思ったらこれが原因「Jetpackの「共有」「関連記事」を外す」 #作業中
- できる機能は?簡単にサイドバーにFacebookを表示できる
Facebookをブログに張る
ファイスブックのアクセス解析?
OGPの設定(画像?)
- タイトル部分の画像。古いプールの絵をベースに味のあるかんじ?
Googleカレンダーとtwitterを連携して試合予定などを送信
- Googleカレンダーの予定をTwitterに - IFTTT
- 【IFTTT(イフト)の使い方】 このアプリでコレしたら、自動的にあのアプリでアレする
カレンダーとSWIMMING VIEWの記事をリンク- Mozilla Re-Mix: FirefoxのツールバーにGoogle カレンダーをポップアップ表示できるアドオン「Google Calendar」
コメント欄に採用しているディスカスを有効活用を検討
アフィリエイト系
AMPページにアドセンスを導入 170902
- 「AMPとは | SEO用語集:意味/解説/SEO効果など [SEO HACKS]」
- 「【修正あり】Wordpressで『AMP』を導入し『AMPアドセンス』に対応させる方法! - 人生あと30cm!」
アマゾンのインスタントストアー廃止に伴い、SWIMMING BOOK STOREを新しくする。
インスタントストアー廃止の説明
SWIM SHOPをもっと売れるように
商品紹介ブログパーツ カエレバの設定 #次やる
管理系
アクセス数やアドセンス成果の記録をとる
ほぼ日5年手帳が使い勝手良さそう。
ただし、発売は12月
「ほぼ日5年手帳、登場。 - 「ほぼ日手帳2018」よこく - ほぼ日刊イトイ新聞」
ケイタイでチェックするためにアプリを検討。
analytics
iphoneにWordPressをインストール 170902 #完了
とても便利。アクセス解析。
リニューアル計画の作業工程 #ネタ
WorkFlowyを使ってTODOリストを作成
TODOを実現するために必要な情報の収集
ネタ元のHPをプリントアウト
最初はWorkFlowlyを旨く使えるようになる情報収集が主。
書物の収集
TODOの実施とTODOの追加
記録をWorkFlowlyに残していく。
ひとつひとつTODOをつぶしていくと、更にやりたいことやらなければならないことが出てくる。
TODOリストをブログ(単純なヤツに公開)