このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

Web帳 スマートフォン リニューアルしました。WPtouch 3.8.3 をカスタマイズ その1

WordPress

2015.08.24

この記事は最終更新日から1年以上が経過しています。

どもです。
つ、ついに、「web帳」のスマートフォン版をリニューアルしました。

というのも、もう4、5年ぐらい前でしょうか。。
「web帳」は WordPressで作成しているのですが、スマートフォン版はWordpressのプラグインである「WPtouch」なるものを使っていたのですが、4、5年ぐらい前入れたまま、ほとんど手をつけなかった訳です。。
あぁ。ずぼら。

なので、もうデフォルトのままで、こんな感じでした。
スクリーンショット 2015-08-23 22.24.52

バージョンも1.9.38..
スクリーンショット 2015-08-23 22.21.26

そろそろ、いい加減、リニューアルしようかなと思い、デザインしました。

Fireworksでこんな感じに作成し、

写真 2015-08-16 11 47 38

写真 2015-08-16 11 48 07

なんとかかんとか、2週間(夜中に作業したりで)ほどで(当初もっと早く終わる予定でしたw)

これが、
スクリーンショット 2015-08-23 22.24.52

こんな感じで、
スクリーンショット 2015-08-23 21.29.15

スクリーンショット 2015-08-23 22.06.32

リニューアルすることができました。

WordPress自体も触るの久しぶりな感じで、あれ、「これなんだっけな。」
と、WordPressの関数などももちろん忘れていたのも多々なうえ、すっかりMVCフレームワークなどに慣れてしまっていて、カスタマイズするには扱いづらいなぁあ。
とか思いつつ懐かしい気持ちにもなれました。w

とはいえ、ブログツールとしては、容易に作成することが出来、まだまだ人気のWordPressだと思いますので、使用している人も多いのではないでしょうか。

WordPressのプラグインを使うのもいいが、独自のスマートフォンサイトを作りたい。
など考えている人などに参考になればと、今回の作成手順などを複数回に渡って綴っていければと思います。

こんな感じに、カテゴリを表示させたり、
i 2

こんな感じにオリジナルでソーシャルプラグインを作ったりと、

i

スクリーンショット_2015-08-23_22_06_32

考えている方は参考になればとー。

では、次回から綴っていきますmm
ではでは。

i

Comment

Related Article

WordPress サイトで、長時間 500 Internal Server Error発生。解決した方法とは。

2019.06.18

PHP7に変更して、早くなりました!!ConoHaにwebアプリケーションを集約。ひとりサーバー移管プロジェクト終了。

2017.03.23

【WordPress】 VVV(Varying-Vagrant-Vagrants)を使った 最強ローカル環境構築!!

2016.11.26

【WordPress】カスタムフィールドテンプレートで マスターデータ作成。 簡単、素早くミニサイト作成

2016.11.06

【WordPress】WordPress Popular 画像が表示しない。

2016.10.19

WordPress 外部から関数呼び出し・記事一覧表示・ランダム表示

2016.04.28

WordPress + Vagrant の環境構築が超簡単に!!「VCCW」を使ったら簡単すぎて困った件。

2016.01.02

WordPress スマホサイト WPtouch 3.8.3 をカスタマイズ その2 【環境編】WordPress x Vagrant

2015.08.25

Web帳 スマートフォン リニューアルしました。WPtouch 3.8.3 をカスタマイズ その1

2015.08.24

サイト高速化!Web帳で無料で使えるCDNサーバー(CloudFlare)を試してみた。(ムームードメイン設定例)

2014.12.09

CATEGORY LIST

LATEST NEWS

Webassembly用いて、SDL 2.0をブラウザでレンダリング

C++

2020.08.10

macOS pyenv環境でtkinterが動かないので、再度インストール

Python

2020.08.09

Mac Home brewでSDL2.0を簡単に環境設定

C

2020.06.24

Django django-rest-auth + Nuxt.js auth-module で作る SPA JWT OAuth ログインシステム その3

Python

2020.06.14

Django django-rest-auth + Nuxt.js auth-module で作る SPA JWT OAuth ログインシステム その2

Python

2020.06.08

Django django-rest-auth + Nuxt.js auth-module で作る SPA JWT OAuth ログインシステム その1

Python

2020.06.07

このコロナ禍で、飛沫感染防止など求められる中「電子メモパッド」が重宝。 1300円で購入可能な電子メモパッドが超絶便利な件。

tool

2020.06.02

OAuthのフローを可視化できるツールを作ってみました。

JavaScript

2020.05.17

Django django-allauthで、サクッとソーシャルログイン機能を実装

Python

2020.04.12

部下を育てる技術

イベント

2020.04.08

令和の時代に、JavaScriptで Shift-JISファイル作成 全銀データフォーマットに対応する。

JavaScript

2020.03.03

インターネットにて世論調査を行う「世論Web」サービスを始めてみました。

JavaScript

2020.01.31

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US