スマホもPCもサイトデザインを見直しました。WPtouch Proのコツ

サイトデザインを見直しました。PC表示はヘッダー部分をリニューアルしました。スマートフォン(iPhone)表示はヘッダー部分を大きく変更しました。

あわせて、ソーシャルポタンを整理整頓、設置忘れていたしたかったZenbackも導入できました。

PC表示のテーマもカスタマイズの壷がつかめてきました。スマホに使っている WPtouch Pro の使い方とカスタマイズもコツがわかってきたので、前回に比べるとサクサク作業できました。

写真はスマートフォンのトップ画面です。[箱]がデカい!デザインです。笑。

PC版

大きな変化としては、一番上に[箱]とデカデカと看板のごとく配置しました。[箱]= ”ものくろぼっくす”っと覚えてください。お願いです。検索にて[箱]が見えたら、ご注意!です。

タイトルを変更して、約1ヶ月ほど経ちました。やっとgoogle先生に、名前が伝わったようです。くわしくは”ものくろぼっくす”で検索してみてください(笑。カタカナだと駄目でした。

ヘッダー画像を梅雨バージョンに変更しました。これは季節の変わり目ごとに入れ替えていきます。今回入れ替えてわかりました。印象はブレないけど、ちょっと新鮮だったので。

ソーシャルボタンと広告配置の調整もしました。これはどうなのか結果がわかるまで時間が必要ですね。

使っているテーマはこちらで購入したものです。3999円。お買い得だった!と満足しています。

WPtouch Pro

WPtouch Proを使っています。レスポンシブを使っていないのには訳があります。結局分岐だらけになったからです。

[箱] PCとスマートフォンのデザインはどう切り替えているの?何をしているの? 晒します。#ブロネク | ものくろぼっくす

私の使い方が悪いんだと思いますが、私の小さな能力では分けて管理する方が良いから、WPtouchを使っています。PCプラウザーでスマホ画面を表示できるので、Proにしました。これが本当に便利なんです。

WPtouch Proは子テーマが使えるます。ただスタイルシートの適応順番がイマイチわかっていませんでした。いまでも、きちんとわかっていないのですが。

元のpulginフォルダの下にあるテーマ部分のスタイルシート(syle.css)と圧縮スタイルシート(syle.min.css)をリネームして無効にしないと、小テーマのスタイルシートが適応されませんでした。

小テーマのスタイルシートも圧縮スタイルシート(syle.min.css)を適応する方が良いようです。改行コードなどを取り除く作業をした方が良いのですが、まだ、頻繁に変更するため、いまのところはそのままだけど、syle.min.cssにリネームして使っています。この癖を理解するまで、なんだか右往左往しました。基本なのに。まったく情けないです。

スマートフォン

iPhone 一本の狙い撃ちです。他のデバイスは持っていない..のです。申し訳ないです。崩れている!と通報頂けると嬉しいです。

こちらも[箱]を全面に押し出すデザインに変更しました。inbox. @haruna1221さんから、デザインの意見を頂きました。すごく助かりました、嬉しかったです。

記事タイトルがわかりにくい!と、”「おまえは今までスキャンした本の冊数をおぼえているのか?(通称:おまスキャ)」”の@ushigyuさんに指摘していただいたので、先頭に表示しました。

検索やリンクからだと記事タイトルを見て来ていただいているわけですから、その視点に違和感がなくなれば嬉しいです

「せっかく[箱]って飛び道具持っているのに、なぜ?”ものくろぼっくす”なのですか?」とストレートなめっちゃためになるご意見を覚醒する @CDiP @donpyさんから頂きました。ありがとうございました。

皆さんはどう感じられましたか?

無料メルマガにぜひご登録ください

ブログより日常を書いています。
ものくろキャンプ メルマガ
購読登録フォーム
Eメール  *
お名前(姓)  *
お名前(名)  *

講座・ワークショップ 開催予定

2022-12-08 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 12月8日
詳細・お申し込みはこちら

2022-12-09 19:00 – 20:30
金曜夜:こころの発酵 マインドフルネス瞑想会+軽食
詳細・お申し込みはこちら

2022-12-10 11:00 – 13:30
オンライン・リアル選べます【あみだす発酵アカデミー】本場香港の味 XO醤作りクラス
詳細・お申し込みはこちら

2022-12-10 18:00 – 21:00
2022 あみだす望年会っ
詳細・お申し込みはこちら

2022-12-16 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 12月16日※12月のみ第3週目となります
詳細・お申し込みはこちら

2022-12-17 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2022-12-18 13:00 – 14:30
日曜昼:こころの発酵  マインドフルネス瞑想会+ランチ
詳細・お申し込みはこちら

2022-12-30 10:00 – 18:00
リアル・オンラインどちらもOK!ものくろ流WordPressスタートアップ講座 -第42期- 講師 ものくろ
詳細・お申し込みはこちら

2023-01-07 13:00 – 15:00
大阪【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-09 20:00 – 21:30
【あみだす新春スペシャル】運気に乗ろう!暦を味方に付ける講座:オンライン
詳細・お申し込みはこちら

2023-01-11 19:30 – 21:30
【ものくろキャンプ】全5回 第二水曜日・オンライン開催 「情報発信しようとするとなぜか?ブロックがかかってしまう人のためのブログ・SNS講座」
詳細・お申し込みはこちら

2023-01-12 11:00 – 13:30
平日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-12 19:00 – 22:00
木曜夜開催【東京 ブログ】グループセッション 1月12日
詳細・お申し込みはこちら

2023-01-14 11:00 – 13:30
オンライン【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-14 15:00 – 17:30
【あみだす発酵アカデミー】白菜キムチ(キムジャン)作りクラス
詳細・お申し込みはこちら

2023-01-15 13:00 – 15:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-21 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-01-27 19:00 – 22:00
第4金曜日開催 オンライン【ブログ】グループレッスン 1月27日
詳細・お申し込みはこちら

2023-02-18 11:00 – 13:30
土曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-19 11:00 – 13:30
日曜【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

2023-02-23 11:00 – 13:30
木・祝日【あみだす発酵アカデミー】お味噌が選べる寒仕込み味噌クラス
詳細・お申し込みはこちら

  • ブックマーク

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。