「スマホ」タグアーカイブ

sango のビジュアルエディターのバグ修正(スマホでTinyMCEの文字修飾が変) WordPress BuddyPressカスタマイズメモ

サンゴのテーマのビジュアルエディターで、スマホの「スタイル」のバグを修正する

WordPressのテーマ、SANGOのビジュアルエディター(スマホ版)の「スタイル」で文字修飾が使えないバグを修正する。

PCでやると、入れ子構造になって、色々な文字修飾が選べて便利。

スマホでやると、入れ子構造が表示できず、全く使えない。

 

諸悪の根源、問題の箇所

サンゴのビジュアルエディター文字修飾は、

themes/sango-theme/library/functions/style-shortcode.php の中の

add_filter('widget_text', 'do_shortcode' );
function sng_editor_setting($init) {
 //ビジュアルエディターの選択肢からh1見出しを削除(h1は記事本文では使用しない)
 $init['block_formats'] = 'Paragraph=p;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Preformatted=pre';
 $style_formats = array(
 array(
 'title' => '画像のスタイル',
 'items' => array(
  array(
  'title' => '画像を小さく',
  'selector' => 'img',
  'classes' => 'img_so_small'
  ),...以下略

という記述のファンクションで規定されている。

これを自分の子テーマの functions.php で上書きする。
 

functions.php へ記述

サンゴのバグだと書いたが、実は問題は入れ子構造にある。

スマホでは、TinyMCEの入れ子構造の選択ができない。

スマホの時は、これを上書きして入れ子構造をなくす以外に方法はない。

if ( wp_is_mobile() ) { // スマホ(タッチパネルデバイスのタブレット含む)の時だけ
function yuya_style_init( $init ) {
	$style_formats_headlines = array(
      array(
        'title' => 'Q&Aの「Q」',
        'block' => 'p',
        'classes' => 'hh hhq',
      ),
      array(
        'title' => 'Q&Aの「A」',
        'block' => 'p',
        'classes' => 'hh hha',
      ),
      array(
        'title' => '見出し1:下線',
        'block' => 'p',
        'classes' => 'hh hh1',
      ),
      array(
        'title' => '見出し32:フラット塗りつぶし',
        'block' => 'p',
        'classes' => 'hh hh32',
      ),
      array(
        'title' => '見出し33:角丸ぬりつぶし',
        'block' => 'p',
        'classes' => 'hh hh33',
      ),
      array(
        'title' => '見出し34:肉球',
        'block' => 'p',
        'classes' => 'hh hh34',
      ),
      array(
        'title' => '見出し35:リボン(1行のみ)',
        'block' => 'p',
        'classes' => 'hh hh35',
      ),
      array(
        'title' => '見出し36:片側リボン(1行のみ)',
        'block' => 'p',
        'classes' => 'hh hh36',
      ),array(
        'title' => '1.黒の囲み線',
        'block' => 'div',
        'classes' => 'sng-box box1',
        'wrapper' => true,
      ),
      array(
        'title' => '2.グレイの囲み線',
        'block' => 'div',
        'classes' => 'sng-box box2',
        'wrapper' => true,
      ),
      array(
        'title' => '3.薄い水色の背景',
        'block' => 'div',
        'classes' => 'sng-box box3',
        'wrapper' => true,
      ),
      array(
        'title' => '4.薄い水色+上下線',
        'block' => 'div',
        'classes' => 'sng-box box4',
        'wrapper' => true,
      ),
      array(
        'title' => '5.二重線囲み',
        'block' => 'div',
        'classes' => 'sng-box box5',
        'wrapper' => true,
      ),
      array(
        'title' => '6.青の点線囲み',
        'block' => 'div',
        'classes' => 'sng-box box6',
        'wrapper' => true,
      ),
      array(
        'title' => '7.背景グレイ+両端二重線',
        'block' => 'div',
        'classes' => 'sng-box box7',
        'wrapper' => true,
      ),
      array(
        'title' => '8.橙色の背景+左線',
        'block' => 'div',
        'classes' => 'sng-box box8',
        'wrapper' => true,
      ),
      array(
        'title' => '9.赤の背景+上線',
        'block' => 'div',
        'classes' => 'sng-box box9',
        'wrapper' => true,
      ),
      array(
        'title' => '10.ミントカラー+上線',
        'block' => 'div',
        'classes' => 'sng-box box10',
        'wrapper' => true,
      ),array(
        'title' => '11.影+ネイビー上線',
        'block' => 'div',
        'classes' => 'sng-box box11',
        'wrapper' => true,
      ),
      array(
        'title' => '12.水色立体',
        'block' => 'div',
        'classes' => 'sng-box box12',
        'wrapper' => true,
      ),
      array(
        'title' => '13.青の立体',
        'block' => 'div',
        'classes' => 'sng-box box13',
        'wrapper' => true,
      ),
      array(
        'title' => '14.水色ステッチ',
        'block' => 'div',
        'classes' => 'sng-box box14',
        'wrapper' => true,
      ),
      array(
        'title' => '15.ピンクステッチ',
        'block' => 'div',
        'classes' => 'sng-box box15',
        'wrapper' => true,
      ),
      array(
        'title' => '16.水色ストライプ',
        'block' => 'div',
        'classes' => 'sng-box box16',
        'wrapper' => true,
      ),
      array(
        'title' => '17.シャープ型',
        'block' => 'div',
        'classes' => 'sng-box box17',
        'wrapper' => true,
      ),
      array(
        'title' => '18.左上と右下くるん',
        'block' => 'div',
        'classes' => 'sng-box box18',
        'wrapper' => true,
      ),
      array(
        'title' => '19.カギカッコ',
        'block' => 'div',
        'classes' => 'sng-box box19',
        'wrapper' => true,
      ),
      array(
        'title' => '20.両端ドット点線囲み',
        'block' => 'div',
        'classes' => 'sng-box box20',
        'wrapper' => true,
      ),
      array(
        'title' => '21.グラデーション',
        'block' => 'div',
        'classes' => 'sng-box box21',
        'wrapper' => true,
      ),
      array(
        'title' => '22.影付き+左に青線',
        'block' => 'div',
        'classes' => 'sng-box box22',
        'wrapper' => true,
      ),
      array(
        'title' => '23.丸い吹き出し',
        'block' => 'div',
        'classes' => 'sng-box box23',
        'wrapper' => true,
      ),
      array(
        'title' => '24.吹き出し水色',
        'block' => 'div',
        'classes' => 'sng-box box24',
        'wrapper' => true,
      ),
      array(
        'title' => '25.右上に折り目',
        'block' => 'div',
        'classes' => 'sng-box box25',
        'wrapper' => true,
      )
    );
 $init['style_formats'] = json_encode($style_formats_headlines);
 return $init;
}
add_filter( 'tiny_mce_before_init', 'yuya_style_init', 30 );

上記は一例で、極端な話、入れ子構造をなくして、全ての文字修飾を表示することもできる。

しかしそうすると、あまりにも長くなるので、よく使う20個ぐらいを選んで並べておいて、他はスマホでは非表示にする方が使いやすいかもしれない。

何を残すかは、

themes/sango-theme/library/functions/style-shortcode.php の中の

function sng_editor_setting($init) {
...以下略

の中から選んで、順にコピペしていけばいい。

【解決済み】ZenfoneなどでPlayストアが「ダウンロード中」から動かない場合の対処法

GoogleのPlay Storeで、突然新しいアプリがダウンロードできなくなった

ASUSのゼンフォンシリーズは動作も安定していてバッテリーも長持ち。
なにより安いので人気のスマホ。

Zenfone 3, Zenfone 4, Zenfone 4 MAX, Zenfone 5, Zenfone max M1, Zenfone Laser, Zenfone max plusで確認されるバグ。
(もしかしてゼンフォン全部?)

ちなみにGoogleの公式ヘルプなどで、紹介されている解決方法は全く役に立たない

ダメだった解決法

4Gの場合はWi-Fi接続に切り替える
 → 元々WiFiだし、複数のWiFi環境で試し済みで無理。
・Play ストアのキャッシュとデータを削除する
 → やったけどダメ。
・端末を再起動する
 → 何回やってもダメ。
・ストレージの空き容量を確認する
 → たっぷり。
・SD カードを確認する
 → そもそも入れてない。
・ダウンロード マネージャーからキャッシュとデータを削除する
 → 何回やってもダメ。
・Google Play 開発者サービスからキャッシュとデータを削除する
 → 効果なし。
・Play ストアのアップデートをアンインストールして再インストールする
 → 効果なし。
・Android システムのアップデートを確認する
 → 元々最新。ちなみに、ダウングレードしてもダメだった。
・端末から Google アカウントを削除して再度追加する
 → 効果なし。
 

というわけで解決法

ASUSのスマホのアプリの「自動起動マネージャー」をオフにすると解消される。

ZenFoneの、「本体設定の歯車」→「電力管理」→「自動マネージャー」→「すべてのアプリ」をオフにする。

これだけで、後は普通にPlayストアからダウンロードもアップデートも可能になる。

※ 元々オフの場合は、一旦「すべてのアプリ」をオンにしてから、すぐにオフにするとダウンロードが開始される。

【家電量販店アプリ比較】ケーズデンキの携帯アプリは使う意味がある?K’s電機評価

電器屋さん家電量販店が出してるアプリってどうよ?-ケーズデンキ編-

家電量販店大手各社のアプリを比較してみよう、使えるアプリ、クーポンなどは様々だがその機能を使ってみてレビュー。

K’sデンキのスマホ用アプリ

—————————————
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

————————————-

ケーズデンキの公式アプリの主な機能

機能
・ケーズデンキ安心パスポート(会員サービス)
・ネットショップ機能
・値引きクーポン機能

代表的な機能は上記3点。その他お気に入り店舗などは特に使いどころもない。

以下に解説していこう。

ケーズデンキ安心パスポート(会員サービス)

他の量販店と同じ感じだ、店舗で使う時に、スマホにバーコードを表示させてあんしんパスポート会員としての値引きを受けられる。

ケーズはポイント制度がなく、会員特別価格という形で還元するスタイルをとっている。

ただ実質は「会員になればお得」という点で、ポイント還元とほぼ同じ。無料長期保証があるので、ケーズをメインで使っている人は安心パスポートは必要。

アプリのあんしんパスポート
評価:フツー
 

ケーズデンキ通販のネットショップ機能

ブラウザ(Safari等)で起動する。

Amazonと比べるとサイトは重く、表示は遅い。
個人差はあるかもしれないが、ヨドバシやビックカメラよりは使いやすいような気がする。

ただ、ケーズデンキオンラインショップのためにアプリを入れる必要は全くない。

SafariやChromeなどのブラウザでお気に入り登録しておけばいいだけだ。

アプリのネットショップ
評価:不要
 

ケーズの店頭で使える あんしんパスポートクーポン

ケーズで現金値引きが得られるクーポンが貰える。

しかしクーポンは使いどころが限られているものが多い。

結果的にあまりメリットがない

1万円以上で500円引きなど。

ジョーシンのクーポンとスタイルは似ている。

ケーズの株主優待の方がお得なので、アプリクーポンは必要ない

他社のアプリクーポンでは、
ヨドバシクーポンは最低
エディオン・ヤマダはクソ
ジョーシンは誕生日の来店ポイントなどは良い
ビックカメラは結構使える

 
ケーズデンキのクーポン
評価:使い物にならない
 

=============================
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析