りんろぐ。

女子でも分かるぷちまにあっく話。

Wordpress

スマホ用表示変換プラグインWPtouchをカスタマイズしてみた。

2012/11/06

The Great Leap Forward
The Great Leap Forward Photo by caribb

先日、iphoneからは「りんろぐ。」って最新のblogとか
読めないという衝撃のご報告をいただき、重ーい腰をあげて
始めたスマホ用カスタマイズ。

偉大なる先輩方を見習って、
いや、完全に見よう見まねでWPtouchを
自分なりにカスタマイズしてみた凛(@rin_wan)です。

また次回やる時に全てを忘れてそうなので
今のうちに振り返りを。

■バナー回り
まず何から手をつけようか悩んだ時に
大変お世話になったのが井畑さん(@tihata)の
こちらの記事。

≪やった事≫
・Wptouch用テンプレートをカスタマイズ用に別フォルダへコピー
・ヘッダーの背景取り外し
・ヘッダー画像化
・タイトル下の日付、カテゴリの変更
・記事内の日付、カテゴリ表示変更

この絵心のない私にとって、このバナーの画像化が一番
時間がかかりましたよ。

■ブログアイコン
ブログアイコンについてはクロキコウイチさん(@kurokikoichi)の
こちらの記事を参考にさせていただきました。

さらにiphoneのブックマークアイコンをホームに登録する方法は
のりごとー(@nori510 )さんの
この記事で勉強させていただきました♪

≪やった事≫
・ブログアイコン用の画像を作成。
・サイトTOP&ブックマークアイコンへ反映させる

絵心のない私にとってアイコン用の画像作成が(ry

GoogleMapをSafariで開いて、ホームアイコンにっていう
話を読んで、アイコンが出来るって事は知ってはいたものの
実際にホームに自分のアイコンがあるとにやりとするものです。

■ソーシャルブックマーク
ここは海外用で一度も使ったことがないようなもの
ばかりが並んでいたので変えたいなーと思っていて
こちらを参考にさせていただきました。

≪やった事≫
・アイコンをいただく。
・ブックマーク一覧を日本のものに変更。

アイコンはクロキコウイチ(@kurokikoichi)さんが
使っていいよと言って下さっているものを使わせていただきました。

そして順調に行っている初心者をあざ笑うように出現する壁。
それは日本語ブックマーク名の名称が文字化け!!!!
全て「????????」とはてなのオンパレードorz
何をやっても????だらけorz

そんな時の救世主がこちら!!!

WordPressの事からiphoneアプリの事から
おせわになっているあかめ(@mk_mizuho)さんのblogよりヒントげっと!!

文字コード!!!!
そう、やっかいものの事を忘れていた!!!
全てUTF-8で保存してあげて万事解決ヾ(*´∀`*)ノキャッキャ

■アイキャッチ画像
最近iphoneから記事を書くようにしているのですが
iphoneからだとアイキャッチ画像指定が実に面倒!!!

WordPress公式アプリでもアイキャッチ画像設定画面が
全部表示されないとか意味が分からない状態の為に
簡単に設定出来ない…。

そこでお世話になったのがODA(@imadesi)さんが
紹介して下さったこんなツール。

これぞ便利!!!!!
ということで早速導入してみました。

たまに忘れて関係ない画像を1番最初にもってきて
後であ…と思う事もありますが、それもまたご愛敬w

■次回の目標
PHPもよく分からない私ですが、先輩方のおかげで
見よう見まねなりにカスタマイズやってみました。

先輩方ご指南感謝ですヾ(*´∀`*)ノ

次はここを頑張りたいっていうのがコチラ!!!
≪その1≫
ここまで何とかたどり着いたものの、
なぜかカテゴリー表示にするとアイキャッチ画像が出ない。
出ない。
出ない。
何をやっても出ない。

かにぽんさんのこちらの記事を参考にしてみて
function.phpとindex.phpをいじるんだって事は
理解したものの…

必要なコードをindexのどこに挿入するのかが
さーっぱり分からない!!!
中途半端に先輩方のコードを見よう見まねでもらってきたので
さらに分からない始末!!!

試しに関連しそうな場所に入れてみると
劇的にエラー!!!!!

という事で、こちらの謎はまた今度~。

≪その2≫
スマホ用の個別記事最下部、TwitterとかFacebookとか
微妙に使いづらいのでボタン画像をやめて文字リンクに
変えてみたい。

≪その3≫
スマホ用のTOP画面ではメニューボタンを押して
フルメニューが表示される仕組み。

でもメニューボタンが微妙なので、メニューは最初から
展開して出しておきたい。

以上!!

でもやり方がよくわからーんww

また何かしら格闘しようと思います!

スマホデザイン変ったねー!と思った方はぽちっとどうぞ!

[thankyou]

次の記事もお楽しみに~(*`・ω・)ゞ

スポンサードリンク

スポンサードリンク

CATEGORIES & TAGS

Wordpress,

Author:

iPhoneアプリ/語学学習/間取り図/ガジェットが大好きです!手帳と宇宙画像が最近の癒しです。WorkFlowyが好きでスマホから操作ができるアプリHandyFlowyとMemoFlowy絶賛オススメ中♡

スポンサードリンク