WordPress記事にYouTube動画を挿入しても読み込みが遅くならない方法
前記事でカラオケでおすすめの選曲を50曲も紹介しようと、動画を埋め込みまくったら、記事を開くのに30秒以上かかってしまいました。 他の方の記事も見てみると、やはり動画を10個以上挿入していると、記事の読み込み速度が大幅に遅くなるようです。 記事の読み込み速度が遅いと、読者的にもGoogle的にも良いことはありませんので対応する必要があります。 今回は『Youtube SpeedLoad』というプラグインを使って、コードの記入なしで対応できましたので備忘録として残しておきます。 【参考にさせていただいた記事】 参考 youtubeの埋め込み動画を軽くするwordpress plugin「Youtube SpeedLoad」【CREATIVETIPS】 ※追記：参考記事が削除されてました… ただ、参考記事の通りにやっても、やり方によっては上手くいきませんでしたので、僕の記事も参考にしてください
これは凄すぎ！WordPressでランディングページやポートフォリオやブログなど、さまざまなデザインで簡単に作成できるテーマ -Ultra | コリス
最近人気のあるさまざまなデザイン、レイアウト、エフェクト、インタラクションをカスタマイズして、企業サイト・プロダクトやアプリのランディングページ・ブログ・ポートフォリオ・ショッピングサイトなどが作成できるWordPressのテーマファイルを紹介します。 GNU ライセンスで、個人でも商用でもクライアントワークでも無料で利用できます。 ↓こんな感じのが、簡単に作成できてしまいます。 ページサンプルは、まだまだありますよ！ Ultra Theme (Free) 追記：2015/5/25 5/24に、本キャンペーンは終了しました。 参考：Ultra: the Most Flexible & Powerful Theme Ultraの特徴 Ultraのデモ Ultraのダウンロード Ultraの特徴 Ultraは、レスポンシブ対応のどんなタイプのサイトでも簡単に作成できるWordPressのテーマ
WordPressでサイト作成するときに知っておくといいことあれこれ
2014年9月13日、山梨ウェブ研究会 [ Vol.1 ] ライトニングトーク特集でのスライドです。 山梨ウェブ研究会 http://yama-web.com/
WordPressのデバッグプラグイン「Query Monitor」をサイト制作・カスタマイズに役立てよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアの段田です。 WordPressでテーマ作成やカスタマイズする際に便利なプラグインの紹介です。 元々WordPressでは、見ているページで使用されているテンプレートファイルや条件分岐タグの種類、実行されたSQLなどを確認できません。 ですが、この「Query Monitor」プラグインを導入すると確認することができます！ Query Monitorの導入方法 さっそく導入方法から見ていきましょう！ ダウンロード まずは「Query Monitor」をダウンロードしましょう。 https://wordpress.org/plugins/query-monitor/ もしくは管理画面のプラグイン新規追加画面にいきましょう。 インストール つぎに、インストールしましょう。 ファイルをダウンロードした方 ダウンロードしたらファイルを解凍し、pluginフォルダに設置する 管
Coming Soon
We're under construction. Please check back for an update soon.
フリーランスが実務で使ってる厳選WordPressプラグイン21個
みんな大好きWordPress！プラグインは宝の山やで!! 近年ではブログサイトのみならず、企業サイトやウェブサービスの基幹としても使われて久しいWordPress。 その最大の魅力ともいえるのは、膨大かつ便利なプラグインの数々。 ただ、あまりにプラグインの数が多すぎて、似たような機能を持つプラグインの中からどれを選んだら良いのか、迷うケースも多々あって。 キャッシュ系は「W3 Total Cache」か「wp Super Cache」か、バックアップなら「BackWPup」「WP-DBManager」か、などなど。。。 そんなワケで今回のエントリーでは、素晴らしいWordPressのプラグインの中から、実際にフリーランスのワタクシがクライアントワークでも使わせて頂いている「smkn的スタンダード」なモノだけを、総計21個まとめてみました。 実務においてジャンルを問わず利用できる基本的なモ
[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10
ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');
![[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c6e8d439bbe9e018807c9d2af64018ebe3412b1/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2FDashboard-Customize-TIPS-10.png)
WordPressを巡る理想と現実、あるいは誤解
ブコメでもすでに色々言われていて、自分のFacebookのタイムラインでも軒並み言及されているので、触れたくない理由は色々あるのだが、CMSで仕事をしている以上、反応しとかないといかんかなと思って筆を取る。そう、この件だ。 WordPressで「ささっと作る」で請けれなくなってる現状。 まとめると、WordPressは作り手にとっても楽に作れて、ウェブサイトを持ちたい人にとってもイニシャルコスト・ランニングコストともに安く済ませられる、みんながハッピーなツールだったはずが、そうではなくなってきた、と言う話。そうではなくなってきた根拠は何かと言うと、セキュリティ対応と管理画面の使いにくさ、カスタマイズ範囲の肥大化、の３点があるようだ。 セキュリティ対応は必要ですし、ランニングコストもかかります セキュリティ対応については、WordPressの導入によく使ってきたロリポップサーバーでWordP
コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション
WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数（PHP）PHPHTMLCSSJavaScript（jQuery）ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ？」「あれなんて関数だったっけ？」なんて時に見ると便利なカンニングペーパー（チートシート）の紹介です。 WordPressチートシートWordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日本語版 WordPress チートシート
WordPressで、古い記事に警告を表示する方法
このブログのようにWeb関連の技術ブログの場合、古い記事の内容は現在の実情にあわない場合があります。 このブログでは、そのような古い記事の場合に、記事の上に警告を表示しています。 この記事では、その方法について解説します。 ソースコード プラグインにする方法もありますが、今回はテーマファイルに追記することで簡単に実装してみます。 まず、テーマファイル内の single.php を開き、記事本文を表示する「」などの上に以下のように書きます。 解説 2行目の get_the_modified_date() 関数は、WordPress の独自関数で「記事が更新された日時」を返すものです。 引数で ‘Y’ と指定しているので、この場合は「記事が更新された年」が返ってきます。 2行目右側の date(‘Y’) は、現在の年を返します。 – 2 で、現在の年から 2 を引きます。 例えば、記事を書いた
WordPressでアフィリエイトサイトを作る時に役立つショートコードと条件分岐 | アフィリエイト野郎！
私は、もうだいぶ前からWordPressでしかサイトを作っていませんが、WordPressでアフィリエイトサイトを作る時に便利なショートコードと条件分岐について軽く書いておきたいと思います。 どちらも記事数が多いサイトでないと逆に面倒な作業になる可能性があります。広告を貼り替える時に、複数の記事の修正が大変だった人や、記事ごとに異なる広告を表示したい人などにはオススメです。 あと、ショートコードは、投稿画面に書いたコードがWordPressに勝手に書き換えられてしまう時に使うこともあります。 ショートコードの使い方 ショートコードは、記事の中に広告を貼る時に便利です。記事の中に直接アフィコードを張ってしまうと、あとでそのコードを変更する時に、記事の修正が必要になります。 ショートコードを挿入しておけば、仮に広告の貼り替えが必要になった時でも、1ヶ所修正するだけで済みます。WordPress
「WordPressサイト制作におけるデプロイメントを考える」フォローアップ #wckansai | Waviaei
先の投稿でも書いたとおり、6月7〜8日開催されたWordCamp Kansai 2014に参加し、公募枠で登壇してきました。 セッションを聞いてくださった皆様、ありがとうございました。 セッションのタイトルは「WordPressサイト制作におけるデプロイメントを考える〜Gitとデプロイメントサービスの活用〜」です。概要はというと、WordCamp Kansaiのサイトからの引用になりますが： 現在WordPressサイトの構築や更新には、FTPもしくはSFTPソフトを利用したデプロイメントが主流です。サイト全体の引っ越しであれば、あるいはrsyncやscpといったコマンドを使う場合もあるでしょう。しかし手動で行う作業や、不慣れなコマンドを使うことにより、ミスしたり、時間が掛かったりしませんか？ 一方で、最近は開発にGitを用いたVCを実践している、あるいは検討、勉強しているという方も少しず
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
プラグインを使わずに WordPress カテゴリーページに説明文を表示する方法 | セオリコ
WordPress カテゴリーの「説明」に入力したテキストを、カテゴリーページに表示するカスタマイズ方法を解説します。 以下 2 パターンの解説です。 クラシックテーマ（ category_description() を使用 ） ブロックテーマ（ ブロックを使用 ） WordPress カテゴリーの「説明」 カテゴリーの「説明」入力欄は、投稿 > カテゴリー と進んだ先にある「新規カテゴリーを追加」の部分にあります。 追加済みカテゴリーの場合は、「編集」をクリックした先です。 テーマによっては、「説明」に入力したテキストがカテゴリーページに表示されます。 ブログ運営に関する記事一覧 | セオリコ 「説明」に入力してもどこにも表示されないテーマは、カスタマイズが必要です。 クラシックテーマの場合 従来のテーマ（クラシックテーマ）の場合、以下の手順でカスタマイズを進めていきます。 カテゴリーペ
[WordPress] functions.phpを編集、修正、管理しやすくする書き方
WordPressをカスタマイズする時、もっともコードを追加したり、編集したりするのはfunctions.phpになるのではないでしょうか ネット上の情報でも便利な機能を追加、拡張するために「functions.phpにこのコードを書きます。」という説明によく出会うと思います。 もちろん、それで実現したいことができるので間違いではありません。 しかし、そのままコードを追加していくと管理が難しくなります。 functions.phpに関数を増やすと管理が難しくなる？ WordPressの機能を拡張する方法には大きく分けて2つあります。 プラグインを入れる functions.phpにコードを書く プラグイン 2つを比べると分かると思いますが、1つ目のプラグインを使う方法はとても管理がしやすいです。管理しやすさには以下の点があげられます。 フォルダで管理されプラグインが何を行なう物か明白に分か
![[WordPress] functions.phpを編集、修正、管理しやすくする書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e5474958574310504f6db4f8639c1ef6a4eeff/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fmillkeyweb.com%2Fwp-content%2Fuploads%2F2014%2F05%2Fmedium_3769771267_mini.jpg%3Ffit%3D640%252C510%26ssl%3D1)
wordpressのcontact form 7で確認画面を表示するプラグイン | Web活メモ帳
WordPressでお問い合わせフォームを作る際に便利に使わせていただいてるContact Form 7ですが、一つだけネックなのが確認画面が無い事です。 企業サイトやコーポレートサイトを作る際にはクライアントからの要望でどうしても確認画面が必要な場合があります。本日はContact Form 7に確認画面を出すライブラリ「contact-form7-confirm」を見つけたのでブログでご紹介します。 これでどんなサイトでもContact Form 7を使えますね。 使ってみた様子 以下が使ってみた様子です。送信ボタンが自動で確認ボタンに変更してます。 確認画面の実装。入力フォームの部分が入力値に変更されており、 戻る、送信ボタンが自動で表示されています。 使い方 ライブラリをダウンロード ライブラリをダウンロードすると、JSとCSSが含まれていますので、 headタグ内で読み込むよ
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
howa-tarou.info
WordPress のカスタムフィールドを簡単・便利に使えるようになるプラグイン「Smart Custom Fields」作った。
http://11neko.com/sns_bt/
