Newscrap![ニュースクラップ]

~芸能ニュースから、ちょっとタメになるネタまでニュースをスクラップ!~

サイドバーを横からぬるっとスライドインするドロワーメニュー化させるプラグイン作ったったw【wordpress/stinger5】

【文春砲】柏木由紀(ゆきりん)手越祐也と浴衣で抱き合いお泊りデート!箱根一泊温泉旅行、ラブラブの夜!【AKB48/NEWS】

【名前判明!?】手越祐也が柏木由紀(ゆきりん)と二股・妊娠・堕胎・中絶させたAKB48メンバーは誰なのか!?【小嶋陽菜?峯岸みなみ?河西智美?】

【犯人は身内!?】柏木由紀(ゆきりん)と手越祐也の温泉浴衣抱擁写真を流出させたAKB48メンバーは誰なのか!?【峯岸みなみ?渡辺麻友?明日花キララ?】

手越「キス!?しましたよ!?」文春記者の突撃取材に堂々と答える!柏木由紀(ゆきりん)スルーも温泉一泊旅行の夜を赤裸々に答える!

犯人は小嶋陽菜w柏木由紀(ゆきりん)のスキャンダル画像を流出させた犯人が判明!BLACKザ・タブー7月13日発売号を買ってきた!

【画像】橋本奈々未(ななみん)トイレ姿を盗撮されるw盗撮した犯人は誰!?日にちは?どこのトイレで騒動が起きたか調べてみた!

清水富美加の不倫・交際相手は誰?告白本を出版した千眼美子の元彼氏はロックバンドAのメンバー【アレキサンドロス/アシッドブラックチェリー/オカモトズ】


おススメ記事

【画像】NGT48一期生メンバーの名前、プロフィール、ニックネーム一覧まとめ。気になるセンター候補はこの子だ!【NGT48】

【第8回AKB48選抜総選挙】順位・ランキングは?名言・名スピーチは生まれたのか?AKB48がオワコンと言われながらもヲタがメンバーに貢いだ金額が凄すぎる件!【2016】

【画像】今泉佑唯(ずーみん)のすっぴん画像、卒アル、Eカップ水着DVDが流出! 整形疑惑を検証してみた!【ゆいふる】

      2015/11/22

乃木坂46人気メンバーランキング!乃木坂46が選抜総選挙を開催したら握手会人気と人気ランキングは一致するのか?【個別握手会歴代完売部数の集計あり】

【画像】北野日奈子が素人盗撮AVに映り込む動画が流出!ついでにすっぴん画像、卒アルもまとめてみた!【乃木坂46/きいちゃん】

【画像】酒鬼薔薇聖斗(少年A)の本名・実名・顔写真を週刊ポストが公開!現在の氏名や住所、手記「絶歌」の印税金額も判明!?

【画像】 牧野結美(レーズン牧野)の卒アル、すっぴん画像が流出!不倫・行為中写真をフライデーされめざまし降板、退社か!?

【動画あり】15歳JKアイドル大場美優佳、彼氏に胸を吸われている動画が流出!スキャンダル発覚でドリィムアビリティを解雇される。一部では弟説も浮上w【gif画像あり】

サイドバーを横からぬるっとスライドインするドロワーメニュー化させるプラグイン作ったったw【wordpress/stinger5】

この前「トレンド系のアフィリエイト」サイトでアクセスが多そうなサイトをsimilarwebを使って調べていたのですが。。。

【まとめ】トレンドアフィリエイトで稼いでいる(アクセスの多い)サイトの分析一覧表!初心者が参考にするトレンドサイトはこれだ!【保存版】

他のサイトをイロイロ調査したり、改めてこのサイトのアクセス解析をしたりしたのですがやっぱスマホからの流入が多いですよね!

今の時代当たり前かもですが。

特にジャンルが芸能系ならほとんどスマホからの流入じゃないかな!?

技術系のブログとかならパソコンからのアクセスのが多いサイトとかもあるだろうけど。

そこで頭を悩ますのがスマホでのUX(ユーザーエクスペリエンス)ですよね。

UX(ユーザーエクスペリエンス)とは。。。

UXとは、ある製品やサービスを利用したり、消費した時に得られる体験の総体。個別の機能や使いやすさのみならず、ユーザが真にやりたいことを楽しく、心地よく実現できるかどうかを重視した概念である。

出典:http://e-words.jp/w/UX.html

らしい。

まぁ超簡単に言えばサイトを訪問してもらってユーザーさんに満足してもらえるような体験を提供できるか?みたいな感じなんでしょうか。

レスポンジブのサイトはスマホで見た時にサイドバーがどこにあるとベストなのか?

で、そう考えた時にスマホ表示のレイアウトって悩みますね。。。
もちろんサイトの目的やジャンルによって正解、いや正解らしきは違うと思うのですがイロイロなサイトを見ていてレスポンシブで構築されてるサイトのサイドバーってどうなん!?という意見をちらほら見かけました。

要するに、一般的なレスポンシブデザインのサイトではスマホで見た時にサイドバーがメインコンテンツの下にカラム落ちしちゃうじゃないですか。
それってユーザーから見たら使いにくくね!?

というご意見。

確かにそうかも。。。

このサイトも上述の通り「stinger5」というwordpressのテーマで作っているので、スマホで見た場合サイドバーのコンテンツが下の方にいっちゃってかなりスクロールしないと見れません(> <) じゃあ、どうするか? 面白い記事を見つけました。

http://o-ands.net/sidebar_stinger5_smapho/

サイドバーをスライドインするドロワーメニュー化させればいいんじゃない!?という発想。
よくグローバルメニューとかはこんな感じにしているサイトは多いですがレスポンシブでサイドバーのメニューをここにぶち込んでいるようなサイトはあまり見かけないなーと。

もちろんこれが正解というワケではないですが試してみる価値はありそうです。

簡単なプラグインにしてみた。

と言うワケでユーザーさまの反応を見てみるため当サイトにも導入してみました。

で、一連のコードをプラグイン化したので使いたい人がいれば自由に使って下さいね。。。ってことですw

使い方は後日、記事にしたいと思いますが「stinger5」を使っている方でしたらプラグインを有効化するだけでよいかと思います。
その他のテーマをお使いの方も少し「管理画面」→「設定」→「サイドバー復活」を少しいじいじして頂いたら分かるかも!?

ただ、ぱーって短時間でyoutubeの「perfumeの作業用リスト」聞きながら作ったのであまりテストはしてません笑
なので完璧なプラグインではないのであしからず。

一応プラグインを有効化するとこんな感じになります。

[左上にボタンが出現します]
1.jpg

タップすると。。。

[サイドバーの中身が表示されます。]
2.jpg

※上記ではカスタマイズして人気記事を出しています。。。

[スクロールすると追随してきます。]
midle.jpg

[閉じます。]
last.jpg

※ボディをタップしても閉じれます。

もしよかったら使ってみて下さいw

ダウンロードされたzipファイルを解凍し「sidebar-revive」フォルダを「plugins」フォルダ直下に置くか、もしくはプラグインの新規追加で管理画面よりzipファイルをアップロードしてください。

具体的な使い方などは後程記事にしたいと思います。
需要がなさそうならこのままスルーかもwww

ではでは。

 - web, ハウツー

この記事が気に入ったら
いいね!

Twitterで「newscrap」をフォローしよう!

【画像】齋藤飛鳥(あしゅ)痴漢・盗撮されるw犯人が痴漢行為の感想を自慢げにツイートし炎上!齋藤飛鳥は犯人の似顔絵をモバメで公開!【乃木坂46】

【プロフィールあり】地下アイドル・富田真由、イベントで刃物で首や胸、背中など約20ケ所刺され意識不明の重体。犯人は住所・職業不詳、岩埼友宏容疑者(27)

【文春砲】柏木由紀(ゆきりん)手越祐也と浴衣で抱き合いお泊りデート!箱根一泊温泉旅行、ラブラブの夜!【AKB48/NEWS】

【名前判明!?】手越祐也が柏木由紀(ゆきりん)と二股・妊娠・堕胎・中絶させたAKB48メンバーは誰なのか!?【小嶋陽菜?峯岸みなみ?河西智美?】

【犯人は身内!?】柏木由紀(ゆきりん)と手越祐也の温泉浴衣抱擁写真を流出させたAKB48メンバーは誰なのか!?【峯岸みなみ?渡辺麻友?明日花キララ?】

手越「キス!?しましたよ!?」文春記者の突撃取材に堂々と答える!柏木由紀(ゆきりん)スルーも温泉一泊旅行の夜を赤裸々に答える!

犯人は小嶋陽菜w柏木由紀(ゆきりん)のスキャンダル画像を流出させた犯人が判明!BLACKザ・タブー7月13日発売号を買ってきた!

【画像】橋本奈々未(ななみん)トイレ姿を盗撮されるw盗撮した犯人は誰!?日にちは?どこのトイレで騒動が起きたか調べてみた!

清水富美加の不倫・交際相手は誰?告白本を出版した千眼美子の元彼氏はロックバンドAのメンバー【アレキサンドロス/アシッドブラックチェリー/オカモトズ】


おススメ記事

【画像】NGT48一期生メンバーの名前、プロフィール、ニックネーム一覧まとめ。気になるセンター候補はこの子だ!【NGT48】

【第8回AKB48選抜総選挙】順位・ランキングは?名言・名スピーチは生まれたのか?AKB48がオワコンと言われながらもヲタがメンバーに貢いだ金額が凄すぎる件!【2016】

  関連記事

アダルトアフェリエイトは儲かるのか?月90万PVいくまで検証してみた。
アダルトアフィリエイトは儲かるのか?月90万PVいくまで検証してみた。

アベノミクス効果で日経平均が¥20,000円にタッチするか!?とマーケットでは盛 …

【おじさん必見】若者言葉・SNS用語の意味と使い方・例文まとめ一覧!若者用語を使いこなし社内でイケてる上司を目指そうw【2016年版】
【おじさん必見】若者言葉・SNS用語の意味と使い方・例文まとめ一覧!若者用語を使いこなし社内でイケてる上司を目指そうw【2016年版】

今最も熱い映像系のメディアの1つであろうAbemaTV『AbemaPrime』で …

【ランキング】トレンドブログで稼いでいる100万PV超えのアクセスの多いサイトはこれだ!トレンドアフィリエイトするならまずは稼いでいるメディアのサンプル・例を見て傾向を掴もう!【随時更新】
【ランキング】トレンドブログで稼いでいる100万PV超えのアクセスの多いサイトはこれだ!トレンドアフィリエイトするならまずは稼いでいるメディアのサンプル・例を見て傾向を掴もう!【随時更新】

最近は記事を更新するモチベーションが非常に低くなってきており、気づけばいつも朝か …

【アクセス・収益データ公開】もしプロのweb屋・マーケターが1年間トレンドアフィリエイトをやったらいくら稼げるのか?アドセンスで月10万以上儲けるために必要な記事数とは?【検証結果】
【PV・収益データ公開】もしプロのweb屋・マーケターが1年間トレンドアフィリエイトをやったらいくら稼げるのか?アドセンスで月10万以上儲けるために必要な記事数、アクセスとは?【検証結果】

巷で溢れかえっている怪しいネットビジネスのあれこれ。 日本の経済成長の右肩上がり …

エックスサーバー(xserver)の限界同時接続数は?1000ユーザー!?サーバーダウン(アクセス制限)したらどうなるのか?
エックスサーバー(xserver)の限界同時接続数は?1000ユーザー!?サーバーダウン(アクセス制限)したらどうなるのか?

最近天下のgoogle様からアドセンスの規約違反のメールが届きまして凹みまくって …

サイトをSSL(https)化するとアドセンス収入が激減するという噂は本当か?SSL化前後の「ページRPM」のデータを比較し検証してみた!
webサイトをSSL(https)化するとアドセンス収入が激減するという噂は本当か?SSL化前後の「ページRPM」のデータを比較し検証してみた!

2014年8月7日、グーグルが「HTTPS」をランキングシグナルに使用します!っ …

HIKAKIN(ヒカキン)の年収公開!今まで稼いだ生涯年収を総再生回数から計算してみた!他のYoutuberの年収も調べれるツールも作ってみたw【youtuber】
HIKAKIN(ヒカキン)の年収公開!今まで稼いだ生涯年収を総再生回数から計算してみた!他のYoutuberの年収も調べれるツールも作ってみたw【youtuber】

ブンブン、ハローユーチューブ!でお馴染み、恐らく日本で最も有名なユーチューバーで …

無料低額診療
【無料低額診療のススメ】貧困で病院に行くお金がない。。。!という時に無料で診察を受ける方法

お金は大事ですが何やかんや言ってやっぱり健康が一番大切です。 とはいえ、「貧困女 …

【まとめ】トレンドアフィリエイトで稼いでいる(アクセスの多い)サイトの分析一覧表!初心者が参考にするトレンドサイトはこれだ!【保存版】
【まとめ】トレンドアフィリエイトで稼いでいる(アクセスの多い)サイトの分析一覧表!初心者が参考にするトレンドサイトはこれだ!【保存版】

最近メルマガのスパム的な情報商材の怪しいメールがよく届きます。 どうも。 ワタク …

【まとめ】国・役所から「お金をもらう」「お金を取り返す(返してもらう)方法、制度一覧まとめ!申請しなきゃ損!要保存2016年版
【知らなきゃ損】国・役所から「お金をもらう」「お金を取り返す(返してもらう)方法、制度一覧まとめ!申請しなきゃ損!要保存2016年版

消費税10%時代が目前に迫った現代。 2016年は消費税8%の最後の年ですね。。 …

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です