ラベル一覧をプルダウンでスッキリ表示させるには。ラビットしま子のカスタム備忘録Excitingラビットしま子ブログをどうやって作ったか、思い出しながら備忘録としてまとめました。ラベル一覧をプルダウンでスッキリ表示させるには。2015年4月12日ラベル一覧をプルダウンでスッキリ表示させるには。スポンサードリンクプルダウンだと、コンテンツの長さが短くスッキリします。PCは通常の方が探しやすいかもしれません。私はモバイル表示、スマホで見る時の為に、ラベル一覧をプルダウンにしてみました。ラベル一覧はプルダウン。コンテンツの長さを取り過ぎないまずは管理画面のレイアウトへいきましょう。ウィジェットの中からラベル一覧を見つけて、追加します。ラベル一覧の内容をどうするかを指定します。全てのラベルあいうえお順/頻度順リスト表示ラベルごとの投稿数を表示で作ります。各自好きなように変えて大丈夫です。リスト表示にしておいて下さい。このままだと通常の表示のままなので、テンプレート編集へ、コードを入力し、プルダウンへ変更していきます。今回参考にしたのはこちらのサイトです。「ラベルをプルダウンメニューにする/ガジェット間の距離を調整する」この通りにすれば大丈夫です。該当ウィジェットのLabelを展開します。ラベルのHTMLはこのようになっています。name='quickedit'/></div></b:includable></b:widget>これを変更します。必要な方のみで大丈夫。モバイルでラベル一覧を非表示にするなら、mobile='yes'は削除してください。デフォルトでは、mobile='yes'は載っていません。ここからプルダウン式にするために変更します。}</style></b:if></b:includable></b:widget>このように変更します。モバイルでラベル一覧は表示されます。通常のリスト表示から、プルダウン表示に変更するコードへ変えました。}</style></b:if>で、モバイルのみでこのラベル一覧を表示させています。プルダウンにしたいのは、モバイル表示だけだったのでこのように指定しました。それ以外(PC)では、#Label1は非表示にしてね、という指示です。管理画面→レイアウト→Label2を追加。Label2は、テンプレートで何も触らなくてOKです。こちらをPC用のラベル一覧にすれば良いんですね。モバイル要はコードを修正して、プルダウン表示にしました。全ての方に応用できるとは限りません。テンプレートはバックアップを取っておいて下さいね。ご利用は自己責任でお願い致します。ラビットしま子は美容ライターであり、サイト制作のプロではありません。乗ってあげたいけど、乗れません。Check!Google無料通話&メッセージアプリ:ハングアウトがオススメ☆ラビットしま子愛用中レビュー読む人気の投稿ブラウザの横スクロールが出ないようCSSで指定。headerを広げた方は横揺れに注意。PC起動+自動アプリ立ち上げ設定。Windows10のスタートアップを追加する方法。メールや予定表が便利。Windows10通知領域の不要なアイコンを消す。アンインストールしたソフトの通知マークを消したい。新しいサイトのテスト用ページ、index.htmlを作成してディレクトリに置く。ステータスバー・ヒントの文字サイズを調整。免責事項・コピーライト・利用規約!必ずお読み下さい!カウンターGoogle無料通話&メッセージアプリハングアウト:無料通話できるメッセージアプリ☆Googleユーザーすぐ利用可能で超便利。ハングアウト、というメッセージアプリがあります。SkypeやLINEの代替アプリとして使えますよ。