Yearly Archives: 2019

New!

WordPress: 管理画面・固定ページ一覧のカラムにページ id を表示させる

WordPress で page id が知りたい場合、リンクの URL から調べることが可能です。 ただ、やはり functions.php で設定し、管理画面のページ一覧に表示できればと考えてしまいます。 今回は、固定ページ一覧のカラムにページ id を表示させてみたいと思います。 目次 管理画面・固定ページ一覧のカラムにページ id を表示させる まとめ 管理画面・固定ページ一覧のカラムにページ id を表示させる functions.php に以下のコードをコピーすればページ id が表示されるようになります。 実行前 実行後 まとめ WordPress Codex 日本語版の manage_pages_columns に関する情報は、プライオリティの低い要件なのか、数年前から更新されていません。 今回のソースコードは動作確認済みですので、実運用で利用しても問題ないと思います。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。
New!

CSS3: flex でマージンが設定された行のカラム数を調整する

CSS の flex レイアウトでレイアウトを組むのが当たり前になりました。 今回は flex コンテナ内のマージンが設定されたボックスの1行カラム数を、好みのレイアウトに調整する説明をしたいと思います。 目次 flex でマージンが設定された行のカラム数を調整する まとめ flex でマージンが設定された行のカラム数を調整する 今回は li に margin: 10px が設定されたリストの1行のカラム数をコントロールしたいと思います。 HTML flex(flex-basis)を 33%(100%/3 = 33.333% を切り上げ)とすることで margin が存在するボックスも 2列でレイアウトすることができます。 CSS 1行を3列にしたい場合は flex: 26%(100%/4 = 25+1% )とすることで 4列ではなく 3列になります。 まとめ 2014年の CSS Flexible Box Layout Module Level 1 最終草案から、多くの年月が経過し、デバイス環境の変化により float レイアウトが不要となりつつあります。 これからも float が必要なコーディングはなくならないと思いますが、メインのレイアウトは、コスト面において flex で行うのがメリットが多い時代になってしまったと思います。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。
Update!

WordPress: 親テーマのスクリプトを子テーマ内のファイルへ置換する

WordPress である親テーマの子テーマを作成した場合、スクリプトファイルは親テーマのものを参照しています。 スクリプトファイルに変更を加えたい場合、親テーマのスクリプトファイルを直接書き換えるのも間違いではないですが、テーマファイルのアップデートにより変更内容が消失するリスクがあります。 今回は、親テーマ内のスクリプトファイルに変更を加えたい場合、子テーマ内のファイルに置換するための function.php のサンプルを掲載したいと思います。 目次 親テーマのスクリプトを子テーマ内のファイルへ置換する まとめ 親テーマのスクリプトを子テーマ内のファイルへ置換する 親テーマ(テーマ名 xyz)の wp-content/themes/xyz/js/xxx.js を、子テーマ(テーマ名 abc)内の wp-content/themes/abc/js/xxx.js に置換する説明となります。 あらかじめ、親テーマのスクリプトファイルを子テーマの同階層へコピーし、子テーマの function.php に以下のコードを記載することで、スクリプトファイルが置換され読み込まれるようになります。 まとめ 親テーマにはなるべく変更を加えず、子テーマの function.php や style.css 等でカスタマイズすれば、WordPress 本体や、テーマファイルのアップデート時に予期せぬ動作不良を回避できます。 ゼロからテーマファイルを制作できるのも WordPress の魅力ですが、参考になる親テーマから子テーマを派生させカスタマイズし、WordPress を利用したい方は今回のサンプルをご活用ください。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。
Update!

WordPress: ログイン画面をカスタマイズする(子テーマ対応)

Web 案件を WordPress で納品する場合、ログイン画面をオリジナルのものにすれば格段に品質が向上します。 今回はログイン画面カスタマイズの基本であるロゴ画像や、ボタンのデザインを変更してみたいと思います。 目次 ログイン画面をカスタマイズする(子テーマ対応) まとめ WordPress: ログイン画面をカスタマイズする(子テーマ対応) みなさんもご存知の WordPress デフォルトのログイン画面です。 ここからは https://xxx.com で運用されている WordPress に以下のような xxx という子テーマがあると仮定し説明します。(※印のファイルは今回使用するファイルです) functions.php 以下のようにログイン画面が変更されました。 まとめ 久しぶりに WordPress を触っていますが、基本構造はあまり変化ないにも関わらず、できることが増え、ユーザビリティが格段に良くなっていることにびっくりしました。 これまで WordPress のテーマファイルは自作していたのですが、なるべく工数をかけず優秀なテーマファイルを利用し、子テーマで運用するのも面白いと感じました。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

JavaScript: Gulp, EJS, SASS, browser-sync の gulpfile サンプル(Gulp4.0対応)

Web アプリの HTML フロントモック開発プロジェクトを Gulp4.0 対応にし、gulpfile.js を書き換えました。 EJS(HTML)/SCSS でのアプリ UI 作成等にご利用ください。 目次 Gulp, EJS, SASS, browser-sync の gulpfile サンプル(Gulp4.0対応) まとめ Gulp, EJS, SASS, browser-sync の gulpfile サンプル(Gulp4.0対応) プロジェクトフォルダ構成 public フォルダに静的ファイルが出力されます。 package リスト autoprefixer -> CSS ベンタープリフィックス自動付与 browser-sync -> ファイル更新時にホットリロード cssnano -> CSS を Minify する del -> ファイル削除に使用 gulp -> タスクランナー gulp-ejs -> EJS コンパイル gulp-notify -> 通知 gulp-plumber -> エラー時の処理停止を回避する gulp-postcss -> CSSパーサー(autoprefixer,cssnano) gulp-rename -> 出力ファイル名変更 gulp-replace -> HTML head の CSS にタイムスタンプを追加し書き換える gulp-sass -> SASS コンパイル npm install package.json scripts 追加 gulpfile.js 実行 public フォルダのクリーン&ファイルコピー EJS SASS ウォッチ まとめ Gulp4.0 アップデートにより gulpfile の更新が必要となりましたが、3.9 と比べ直列・並列処理が実装され、コード全体の見通しもよくなりました。 ちょっとしたフロント開発なら、このプロジェクトでサクサクと進められるので、必要なモジュールを追加しご利用いただければと思います。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

Apple: iTunes アルバムアーティスト or コンピレーション どっち?

先日ホームサーバーの入れ替え時に iTunes ライブラリデータを破損してしまいました。 幸いなことに iTunes Match を利用していたため、バックアップから復元できたため被害は最小で済みました。 iTunes ライブラリのデータも一旦すべて破棄し、ダウンロード同期したため、すっきりとまとまりました。 ところが、すっきりとしたライブラリフォルダをみていると、予期しない コンピレーションアルバム が多く存在したため、手作業で仕分けました。 今回は、iTunes の アルバムアーティストとコンピレーションの使い分け方 をメモしておきます。 目次 iTunes アルバムアーティスト or コンピレーション どっち? まとめ iTunes アルバムアーティスト or コンピレーション どっち? 今回は Macy Gray のアルバム、Coverd を例に説明したいと思います。 こういったカバーアルバムはアーティスト名が複数存在するため、何も考えずに「コンピレーション」にチェックを入れ、ひとつのアルバムとしてまとめてる方も多いと思います。 ただ、このアルバムは明らかにコンピレーションではありません。様々なアーティストがフィーチャリングしていても、Macy Gray のアルバムであるため、アルバムアーティスト を Macy Gray とし、コンピレーションのチェックを外すことで、アーティストのアルバムとして扱われます。 こうすることで、ライブラリフォルダ(iTunes > iTunes Media > Music)内の「Macy Gray」にアルバム「Coverd」が格納されます。 注意するべきは、アルバムアーティストを指定しても、コンピレーションのチェックを外さないと、iTunes > iTunes Media > Music > Compilations に仕分けられてしまいます。 iTunes では コンピレーション > アルバムアーティスト という優先順位であることを念頭に、適切に整理を行いましょう。 まとめ 何年も iTunes を利用していると、バージョンの相違による仕様変更が吸収しきれておらず、「ライブラリを整理」や「ファイルを統合」でも解決できない問題もあり、そういった場合、今回のように手作業でデータを仕分けていく必要があります。 しかしながら、今回作業に費やした時間を考えた場合、Apple Music や Amazon Music Unlimited のような、月額課金の音楽サービスを利用するのが賢明だと感じてしまいました(笑) この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

macOS: iTunes ライブラリフォルダを整理整頓する

ホームサーバで iTunes ライブラリを管理しているのですが、久しぶりに iTunes ライブラリフォルダを見てみると、Temp File がたくさん生成されてしまってました。 ライブラリフォルダを放置していると、どのファイルを削除してもいいのか分からなくなり、事なかれで残してしまうと、結局次のメンテナンス時へ問題の先延ばしとなってしまいます。 今回は iTunes ライブラリフォルダメンテナンス時の必要・不必要なデータのメモをしておきます。 目次 iTunes ライブラリフォルダを整理整頓する まとめ iTunes ライブラリフォルダを整理整頓する iTunes ライブラリフォルダを開くと Temp File.tmp ファイル プレイリスト編集時に発生するテンポラリーファイルです。 ホームサーバや外部ストレージに iTunes ライブラリを置いていると、このファイルがいつの間にか生成されています。 そこそこの容量を使用しているので、気が付いた時には全て削除した方がよいです。 iTunes Library.xml 削除してしまっても iTunes 起動時に自動生成されるので、削除の必要はありません。 iTunes に自動的に追加 フォルダ 現行バージョンでは iTunes Media フォルダ内に作成されますが、iTunes ライブラリフォルダの第1階層に生成されているものは、旧バージョンで作成されています。 中身が存在しないようであれば、第1階層のフォルダは削除しても構わないと思います。 Previous iTunes Libraries フォルダ 過去の iTunes ライブラリのヒストリデータで、iTunes Library.itl ファイルが壊れた時、このフォルダ内にあるデータで復元が可能です。 あまりに古いデータは削除した方が良いと思いますが、直近1年程度のものは万が一に備えて残しておくようにしましょう。 iTunes Library Extras.itdb / iTunes Library Genius.itdb 削除しても起動するたびに自動生成されるため、わざわざ削除する必要はないと思います。 まとめ Album Artwork iTunes Library Extras.itdb iTunes Library Genius.itdb iTunes Library.itl iTunes Library.xml iTunes Media Previous iTunes Libraries 最終的に iTunes ライブラリフォルダの第1階層は上記の構成になります。 これ以外のファイル・フォルダは不必要ですので、定期的にライブラリをチェックしデータの見通しを良くしておきましょう。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

Amazon: Amazon ミュージック Unlimited プレイリスト一覧(Alexa 対応)(1)

昨年末より Amazon Echo Dot を3台導入しました。 それに合わせて Amazon Music を Unlimited にアップグレードし快適な音楽ライフを送っています。 今回は Alexa のために Amazon Music のプレイリストの一覧を作成しました。 目次 Amazon ミュージック Unlimited プレイリスト一覧(Alexa 対応) まとめ Amazon ミュージック Unlimited プレイリスト一覧(Alexa 対応 プレイリスト名 説明 2018年 上半期洋楽ランキング Prime Music 2018年 上半期にお客様に支持されてきた洋楽をピックアップ ※期間限定公開 Best of Prime 2018 2018年のPrime Musicでよく聴かれた楽曲を集めました HOT in Prime いまPrime Musicで人気の高い楽曲をまとめたプレイリスト ※毎週火曜日更新 晴れた朝に聴きたい洋楽 爽やかに晴れた朝のお供に・・・ J-POP Prime Musicヒッツ 新旧問わず、J-POPの名曲がズラリ ディズニー・ヒッツ 歴代ディズニー作品から選りすぐりの名曲をお楽しみください ポップス ヒッツ 新旧ポップス名曲が一挙に勢揃い! 冬うたJ-POP in Prime 冬のマストアイテムとなるJ-POP決定版 サウンドトラック ヒッツ in Prime 近年公開されたヒット作をはじめ、往年の名曲を中心にサントラをまとめたプレイリスト マルーン5 in Prime 世界が認めるスーパーバンドとなったマルーン5の軌跡をまとなたプレイリスト テンションがあがる映画音楽 映画を観ていなくても楽しめる歌ものを集めました はじめてのPrime Music 有名曲やヒット曲をコンパイル。色々なタイプの音楽をお楽しみください ポップス・バラード ヒッツ 美しいメロディーとエモーショナルなヴォーカルをお楽しみください 新着楽曲ピックアップ in Prime Prime Musicに最近追加された楽曲を新旧併せてご紹介 2010年代ポップス Prime Music EDMが音楽シーンを席巻した2010年代は美メロの宝庫 90年代 J-POP ドラマ主題歌~J-POPの黄金時代を築いた90年代ヒットソングが集結 仕事がはかどるアンプラグド・ポップス 集中しやすいアコースティックサウンドを中心にオリジナル・カバー名曲を揃えてみました 眠りのためのヒーリング・ミュージック 疲れを癒して心地よい眠りへと誘う音楽 カフェ・スムースジャズ(秋・冬編) 温かいコーヒーを片手にぬくもりサウンドを エド・シーラン in Prime 爽やかかつ力強いギターサウンドとエドの素敵な声がたっぷり詰まったプレイリスト 2010年代 グラミー賞を振り返る 2010年代の主要部門にノミネート楽曲からピックアップ 2000年代 J-POP Prime Music 純愛ラブソング~J-RAPまで多様化が進んだ’00年代ヒッツでテンションアップ ブルーノ・マーズ in Prime 第60回グラミー主要3部門を獲得したブルーノ・マーズの名曲たち J-POPバラード ヒッツ 幸せと切なさが詰まった珠玉のバラードをお楽しみください いないいないばあっ! 「ワンツー! パンツー! 」や「まる、まるっ」キッズ大好きソングが集合 おかあさんといっしょ ソングス いっしょにうたえるかな? ワークアウト用EDM ワークアウトがはかどるEDMを集めました アリアナ・グランデ in Prime R&B、ポップス、EDMを自在に操る新世代のディーバの美声には思わずため息 友達と盛り上がるポップス 盛り上がる曲でお祭り気分 朝に聴く爽やかなジャズ 気持ちよく目覚めた朝にぴったりのジャズを集めました。 長時間ドライブの眠気を飛ばすEDM 爆音ビートにシンガロングで眠気も吹き飛ぶトラックをコンパイル! アウトドアで聴きたいロック 心地よい風と共に流れるソフトロックの調べ 出先の待ち合わせポップス 退屈だった待ち時間をカラフルに彩るポップスワールドをお楽しみください ハッピーなJ-POP アレクサ、ハッピーなJ-POPかけて ザ・ビートルズ名曲集 ザ・ビートルズの名曲を50曲集めました。アルバムのリリース順で並べてあります。彼らの音楽性の変遷も同時にお楽しみください。 2000年代 グラミー賞を振り返る 2000年代の主要部門にノミネート楽曲からピックアップ ジブリ・オルゴール 幻想的で優しい童心に返るオルゴール・サウンド 2000年代ポップス Prime Music シンガーソングライターの躍進が目を引いた00年代ヒッツ 休日に聴きたい懐メロ・歌謡曲 いろんな思い出が詰まった懐かしのヒット曲を集めました ジャスティン・ビーバー in Prime あどけない少年からワールドクラスのポップスターまでの軌跡をまとめたプレイリスト スウィートソングス for ディナー ロマンチックなディナーに寄り添うスウィートソング集 冬に聴きたいポップス 寒くなってきたこの時期にぴったりな曲を集めました! 英語学習リスニング(中級編) 日常会話に頻発するフレーズがシンプルなメロディーに乗る曲をピックアップ カフェで・ボサノバ(秋・冬編) カフェ・ボッサが体を温め癒します テラスで聴きたい春ポップス ウキウキ&チル系ポップスで、コーヒー片手に春を満喫! 槇原敬之 ソングス 鉄板ラヴソングの数々に胸キュンさせられます 心のリズムを整えるジャジーなヒップホップ メロウなサウンドと心地よいビートで疲れた心をリセットしませんか? 自律神経を整えるヒーリングサウンド 季節や気候の変わり目に身体をいたわるやさしい音を カップルで聴きたいポップス デートにピッタリな洋楽を集めました ドライブに最適なJ-POP 解放感あふれるJ-POPで快適なドライブを お休み前に聴くピアノソロ 静かな旋律と共に夢の中へ 一発屋・オブ・ザ・ワールド 時代を牛耳ってきた有名曲ばかり! 英語学習リスニング(上級編) 歌詞に出てくるフレーズの使い回しや比喩にも注目です TV ソングス in Prime ドラマやCMなどTVで流れていた曲をまとめたプレイリスト ノラ・ジョーンズ in Prime ブルージーな世界観をお楽しみください 寒い日に家で聴きたいポップス 凍えるような寒い外出先から戻ったら温かい飲み物と柔らかい音楽でリラックス… 続きを読む

iOS: カレンダー.app でスケジュールを共有する

今回は iOS 標準アプリの カレンダー.app で第三者とスケジュールを共有する方法をメモ。 目次 カレンダー.app でスケジュールを共有する まとめ カレンダー.app でスケジュールを共有する カレンダーを追加 よりメンバーと共有する関連ダーを作成します。 カレンダー追加画面で追加する カレンダーの名称 を入力します。ここでは 共有カレンダー としました。 先ほど追加した 共有カレンダー が一覧表示され、チェック済みであることを確認したら 完了 します。 イベントを設定したい日時に移動し、右上の + をタップします。 イベントの名称、開始時刻、終了時刻等を入力し、カレンダーは先ほど追加した 共有カレンダー を選択します。 予定出席者を + をタップし、アドレス帳等から追加すればイベントの共有は完了です。過去に共有したメンバーであれば、履歴一覧で選択が可能です。 まとめ カレンダーを共有すると、共有者全員にイベントが表示されますが、イベント通知を受け取りたい場合は各自で通知設定を行う必要があります。 共有者の通知をイベント作成者がコントロールできれば便利なのですが、セキュリティ上できないのが少し残念なところです。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

iOS: iPad Pro 2018(11インチ)を強制再起動する

最近 iPad Pro がフリーズしてしまいました。 以前であれば、スリープボタンの長押しだけで再起動していましたが、今回の自分のケースでは全てのアクションを受け付けず、文鎮化してしまい非常に焦りました。 このようなときに、強制的に再起動する方法がありましたのでメモしておきます。 目次 iPad Pro 2018(11インチ)を強制再起動する まとめ iPad Pro 2018(11インチ)を強制再起動する 以下の順に各ボタンを押していきます。1,2 のボタンはすぐ放し、3は長押しになります。 音量(大)ボタンを押す 音量(小)ボタンを押す スリープボタン(上辺ボタン)を Apple ロゴが表示されるまで長押し まとめ iOS 自体がフリーズするケースが以前より増えてきたように思います。 もしもの時に備えて、強制再起動の手順を覚えておけば慌てずに済みますね。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。