※当サイトはアフィリエイト広告を利用しています。(ポリシー

WordPressカスタマイズ

[WordPress]プラグインWPtouchをカスタマイズしてスマホ向けサイトをリニューアルしました!

更新日:

@Mori2ndです。時間を見つけては少しずつ取り組んでいたブログデザインのリニューアル。スマートフォン向けサイトのモバイルテーマがほぼカタチになりましたので、公開させていただきました!

スポンサードリンク

ブログトップ

トップ画面はこのようになっています。

今までのデザインを踏襲しつつ、記事のタイトルとサムネイル画面を並べて、一画面で多くの記事がわかるようになりました。

このあたりはWptouchのデフォルトテーマをもとに、PHPとCSSをカスタマイズしています。

メニューボタンはほとんどデフォルトのまま。カラーを自分のブログに合わせてみました。

記事個別ページ

TwitterやFacebook、はてなブックマークのソーシャルボタンをつけて、H2部分も変更しています。

参考にした記事

今回のスマホ向けサイトのリニューアルにあたって、いろいろなブログ記事を参考にさせていただきました。

みなさん自分のブログに合わせていろいろカスタマイズをしていて、とても参考になりましたよ。

同じようにカスタマイズしてみたいという方はぜひ参考にしてみてください!

Wptouchをカスタマイズしてスマートフォン用のモバイルテーマを作成しました | OZPAの表4

WPtouchをカスタマイズしてブログをオリジナルデザインでスマフォ対応させたよ!(カスタマイズ編) | クリエイティブメモメモ

私がWPtouchのトップページ画面をカスタマイズするために行った5つのこと

[Å] 【お知らせ】WPTouchをカスタマイズしてスマホ用のブログデザインを変更しました | あかめ女子のWebメモ

zenbackを個別記事に表示するようにしたときはこの方法でやりました!

[WordPress]WPtouchにzenbackを表示する方法 | Mori2nd Lab

スポンサードリンク

ピックアップ記事

1

機種変更時に最適なiPhoneのバックアップ方法をご紹介しています。iCloudバックアップではなく、iTunesの暗号化バックアップから復元することでスムーズにデータ移行できます。各アプリのIDやパスワードも引き継ぐにはこの方法がおすすめですよ。詳しい手順も解説していますので、ぜひ参考にしてみてくださいね。

iPhone・iPadのAirDropの使い方を解説 2

iPhone・iPadなどApple製品同士で使えるAirDropはデータの受け渡しにとても便利な機能です。写真・動画・PDFなどのコンテンツを送受信する方法と利用する際の注意点も合わせてご紹介します。

3

Anker「PowerExpand+ 7-in-1 USB-C PD イーサネット ハブ」を購入。安定感のある高速な有線LAN接続と4K対応のHDMI映像出力にUSB-Aポートなど7つの機能がこの1つのハブで利用できます。出張など仕事での外出時やテレワークにも便利。使い勝手や感想をご紹介します。

4

AUKEYのUSB充電器「72W ACアダプター PA-Y12」を購入してみました。最大60WのUSB Type-C PD(Power Delivery)対応でワット数の異なるパソコンにもパワフル充電。追加のUSB-Aポート2つでスマホやタブレットの充電にも大活躍。使ってみた感想をご紹介します。

5

快適なパソコン作業環境を求めて21:9ウルトラワイドモニターを購入してみました。それがLGエレクトロ二クスの「29UM69G-B」29インチです。1枚のディスプレイでスクエアタイプのモニター2枚分の広さを実現。ウィンドウを並べての作業が捗りますね!商品の特徴や使ってみた感想をご紹介します。

-WordPressカスタマイズ
-, , ,