【WordPress】プラグイン無しでAMP（Accelerated Mobile Pages）に対応にする手順
プラグインを有効化するとこんな感じになります。パープルのヘッダーにグレーの背景でこちらもシンプルな見た目になります。AMPは制約が多いので凝った作りにすることが難しいためです。テーマに組み込んでいた関連記事のショートコードもむき出しになってしまいました。 AMPをプラグインを使わず自分で対応したい 上記のプラグインは完全なAMP対応とは言えずまだまだβ版です。今から数年前にスマホサイト対応でWPtouch Mobile Pluginが流行ったのと同じように、プラグインを使っている人と全く同じデザインになってしまうので「とりあえず対応しました感」があって何か嫌なんですよね。 というわけで今回はWordPressでプラグインを使用せずAMPに対応させた手順をご紹介します。このページもAMPに対応しているので、URL末尾に「?amp=1」を付けてレイアウトの違いを見て下さい。 https://c
WordPressをマジメにAMP（Accelerated Mobile Pages）対応させた話 #AMPlify | PSYENCE:MEDIA
WordPressをマジメにAMP（Accelerated Mobile Pages）対応させた話 #AMPlify ku-suke 2016.10.06 474 6616395150 こんにちは、2016年中途入社のku-sukeです。現在はkidslyという保育園むけサービスのプロダクトオーナーを担当しています。今回は個人的にも注目しているAMP（Accelerated Mobile Pages）をこのテックブログに実装した話を書きたいと思います。特に、WordPressプラグインを入れるだけの簡易対応ではなく、フッターまわりやデザインの調整などをまじめに対応させたので、企業をはじめメディア運営をWordPressで運用されている方のお役に立てば幸いです。 事業サイドがAMPに乗っかるか考える事 - ku-sukeのブログ AMPとは？ AMPとはAccelerated Mobile
WordPressのプラグインでブログをAMP対応にしてみた
[レベル: 上級] この記事では、WordPressをAMP対応させるプラグインについて解説します。 AMPプラグインを使えば、WordPressで構築したサイトをいとも簡単にAMP化できます。 しかし初期ステージでのバージョンの公開のため機能が不完全です。 今すぐに利用する必要はまったくありません。 AMPにものすごく興味があったりSearch Consoleに実装予定のAMP機能のベータテストに参加したかったりする場合のみ、試してみるとよさそうです。 WordPressのAMPプラグインの設定方法や仕上がり WordPressのAMPプラグインのインストールや設定の方法、仕上がりをここから説明します。 インストール WordPressのプラグインサイトにあるAMPプラグインのページからファイルをダウンロードし、 /wp-content/plugins/ ディレクトリにアップロードします
スキレットで焼き芋焼いた - みけねこグラフィコはてな版
2016 - 01 - 03 スキレットで焼き芋焼いた 食べる 年末に実家の大掃除を手伝った際の戦利品ｗとして安納芋をいくつかもらったので、さっそく スキレット （鋳鉄のフライパン、うちのは ニトリ 製）で焼き芋を焼いてみました。『 石焼き芋 用の石』というのを持っていないので、単に焼いただけの焼き芋。 スキレット は２枚使って、ひとつをフタとしてかぶせます。 ▼こんな感じで 最初は中火で５分、 スキレット をひっくり返して反対側も中火で５分 弱火にして20～30分（５分ごとに、 スキレット をひっくり返すかフタを開けて芋を転がして向きを変える、を繰り返す） 楊枝を刺して、すっと通るようなら出来上がり これだけで、ほっくほくの甘い焼き芋が焼きあがります。だれでもできます簡単簡単（＾＾） 寒空の下で窓ふきをしたので、熱々の焼き芋うれしすぎる。次は鳴門金時で試してみたい。 yasunori68
アニメウェブデザイン ~ アニメのウェブサイトまとめ ~
Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/machonne/aniweb-design.com/public_html/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/machonne/aniweb-design.com/public_html/wp-content/plugins/jetpack/_inc/lib/cla
スキレットで焼き芋！を焼く方法 | ABBM OUTDOOR
先日、公園で息子と遊んでいたら焼き芋Carが通りがかり、無性に焼き芋が食べたくなってしまいました。 で、夕方の買い物のときに嫁さんに安納芋を買ってもらいました～！ 嫁さんからは「どうやって焼くのよ」といわれましたが、 スキレットで焼けるんだぜ！（ｷｭﾋﾟｰﾝ） と頼もしく返事。 時間はかかりますが、スキレットで簡単に焼けちゃうのでご紹介しま～す。 石焼きではないですが、個人的にはおいしく焼けると思います。 用意するもの蓋つきスキレット 又は 同サイズのスキレット二つお芋芋は言わずもがな、スキレットに入るサイズにしてください。 もちろん、蓋が閉まる程度のもので。 蓋がないスキレットの場合は同サイズのものを二つ用意してください。 ちなみに我が家のスキレットはロッジの蓋つきのやつです。 LODGE（ロッジ） 9インチスキレットセット なんだか、このスキレットセットの値上がりがものすごいのですが・
東京都内の焼き芋を食べ歩きました！おすすめのお店をご紹介！ | TRIP'S（トリップス）
Tycho おでかけと食品サンプルが大好きな大学生。今は引退しましたが、フリーペーパーサークルに所属していまし... more おいしい焼き芋が食べたい！ 食欲の秋が深まるにつれ、ほくほくの焼き芋が恋しくなりますよね。しかし、思い立ったときにはもう日が落ちて、遅くなっては困るから遠出はできないし……とか、移動式のお店がいつやっているか分からないし、今日は諦めよう……なんてこと、ありませんか？ そこで今回は、仕事帰りにも寄れる都内のおいしい焼き芋屋さんを、付近の寄り道スポットと併せてご紹介！ 日々の忙しさからほんの少し離れて、プチお散歩がてら、おいしい焼き芋屋さんに行ってみませんか？ 【千駄木・日暮里】あめんどろや こちらの「あめんどろや」は、日本で唯一の「蜜芋専門店」。1868年から、芋蜜づくりの伝統を守り続けてきました。そのため、ほかでは食べられない水飴を使わない大学芋や、ソフトクリーム
入力するだけでデザインが良くなる、新作フリーフォント素材40個まとめ 2016年11月度
文字を入力するだけでデザインがグッと良くなり、デザイン制作も楽しくなる、無料ダウンロード可能な新作フリーフォント素材をまとめてご紹介します。 人気の高いナチュラル系の筆記体や筆ブラシ文字、ウェブサイトでも可読性の高いスタイルの他、ひらがなやカタカナ、漢字も使える日本語フォントなど幅広いデザインに活用できるアイテムを中心に揃えています。 詳細は以下から。 入力するだけでデザインが良くなる、新作フリーフォント素材まとめ Cool Sans Family Free Demo ゴージャス＆ミニマルなデザインに最適なフリーフォントで、今回は Regular スタイルを無料ダウンロードできます。 ※ 個人利用可能 Sagona Typeface Demo 19世紀頃に利用されていた書体を元に作成されたセリフ書体で、あらゆるデザイン制作に活躍してくれるでしょう。 ※ 個人、商用利用可能 Five Bor
iCloud ストレージを管理する
iCloud のストレージが足りなくなったら、簡単にストレージを管理して空きを作ることができます。また、iCloud+ にアップグレードする方法もあります。 iCloud を設定すると、5 GB 分のストレージを自動的に利用できるようになります。この容量は、iCloud バックアップを作成する、写真やビデオを iCloud 写真に保存する、iCloud Drive で書類を最新の状態で同期したりするなど、さまざまに活用できます。iCloud ストレージをどのくらい使っているのかは、デバイスの「設定」や iCloud.com でいつでも調べることができます。容量が不足してきたら、いつでもストレージを管理して空き領域を増やしたり、iCloud+ にアップグレードしたりできます。 デバイス本体の容量と iCloud のストレージの容量の違いについて詳しくはこちら iCloud ストレージが容量不
2017年に注目しておきたい、JavaScriptのライブラリのまとめ | コリス
数多くあるJavaScriptのライブラリの中で、どれを勉強すればいいか判断することはなかなか難しいものです。いくつかのライブラリは放置され衰退し、またいくつかは急速に成長し、広範囲に採用されることがあります。 jQueryやReactは多くの人が知っているでしょう。 2017年に注目しておきたい、急成長しているJavaScriptのライブラリを紹介します。 D3.js ビッグデータは成長産業で、データ ビジュアライゼーションも同じくらい重要になっています。グラフ作成やマッピングのライブラリはたくさんありますが、D3.jsほど目立つものはほとんどありません。このJavaScriptライブラリはSVGやCanvasの要素と連携して、Web上のグラフ、チャート、動的なビジュアライゼーションをレンダリングします。 D3.jsは完全に無料で、JavaScriptで構築された最も強力なビジュアライゼ
Webデザインでよく使うUI要素の名称・用語一覧 - Qiita
Overview Webサイトを作っているとよく出てくるUIの名称を、ざっくばらんにまとめました。 人や会社ごとで固有の呼び方があると思いますが、私の場合こんな感じです。 コミュニケーション円滑にな〜れ ※2016/11/28 はてブコメントなど参照させていただき、少し更新しました。 ポップアップ表示系 ▼ アラート JSのalertかブラウザのデフォルト機能で出るやつ。ダイアログとも。 ▼ モーダル・モーダルウィンドウ 閲覧中のページにカバーを重ねて表示させるやつ。 modalは「このページはいま入力モードだぜ」といった意味合いでmodeを形容詞化したことば。 ▼ ツールチップ・ポップアップ表示 マウスオーバーすると吹き出しとかで表示されるUI。 補足説明などで使用されることが多い。 ▼ ポップアップウィンドウ 閲覧中のウィンドウとは別に、勝手に立ち上がるウィンドウ。 スパイウェアなどの
Amazon.co.jp: ブラックアンドデッカー(BLACK+DECKER) ワークメイト WM225: 家の修繕
【耐久性】最大負荷荷重204kgの高耐久設計 【しっかり固定】正確な組立て作業や穴あけ作業の際、しっかり部材を固定 【コンパクト収納】コンパクトに収納できるワンタッチ折りたたみ式フレームを採用 【高さ調整】作業台の高さが2段階に調整できる折りたたみ脚方式を採用 "【付属品】ペグ×4、バイス前・後×各1、バイス・スクリュー×2、ピボット・ナット×2、ハンドル×2、ソケット・レンチ×1、フロント・ブロック×2、リア・ブロック×2、ボルト×4、留めピン×2(非常に小さい部品の為、見つけにくい場合がございます)、ノブ×2、ワッシャー×2 ※全て1つのビニール袋にて梱包されており、開梱時ご確認お願い致します。 【その他付属品】ゴム製フット×4 ※付属品のゴム製フットは本体脚部に装着済"
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
夜のリラックスタイムにぴったり。心もカラダもすっぴんで聴きたい〈ジャズアルバム7選〉 | キナリノ
CSS Reference
https://geechs-magazine.com/tag/lifehack/20161115_3
【WordPressテンプレートタグ】get_permalink()：投稿または固定ページのパーマリンクを取得
iemo[イエモ]｜インテリア＆リフォームから100均グッズまで。住まいの情報サイト![iemo[イエモ]｜インテリア＆リフォームから100均グッズまで。住まいの情報サイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a801504ce509de1fab864d52e06d7aa98fd8efc/height=288;version=1;width=512/https%3A%2F%2Fiemo.jp%2Fimages%2Fogp.png)