WordPressの表示速度を高速化させる為にやった５つのこと
今まで、やらなきゃいけないと思いつつもプラグインでちょこちょこ対応していた程度だった「表示速度の高速化」ちゃんと取組もうと思い、いろいろとやりました。 表示速度を改善する為には、キャッシュをいじるので下手するとWEBサイトが表示されなくなったり、WordPressが壊れたりするのでドキドキでした。 なぜ高速化が必要なのか？ 一般的にWEBサイトを訪問して最長3秒で閲覧を続けるか、ほかのWebサイトに移動するかを判断されるといわれており、Webページを表示するだけで４秒も５秒もかかっていたのでは、機会損失なわけです。 GoogleもWEBページの表示速度は評価ポイントとして見ているので、速ければ速い方がいいわけです。 ブログの表示速度をチェックする PageSpeed Insights（Google Developers） PageSpeed Insights GTmetrix GTmetr
WordPressのテーマ開発、ブログの執筆作業を効率化する方法のまとめ
今回は、私が実践している WordPress のテーマ開発、およびブログの執筆作業を効率化するために行っている施策をいくつかご紹介します。前半はテーマ開発について、後半はブログの執筆作業についてまとめてみましたのでぜひご参考にしてみてください。 Sublime Text 3 の開発環境の共有によるテーマ開発の効率化 ブログの開発環境には Sublime Text 3 を利用しています。過去にもSublime Text に導入しているオススメのプラグイン 23 選としてオススメのプラグインをご紹介していますが、開発環境が変わるたび（たとえば、iMac から MacBook Pro）にプラグインを再インストールすることは非常に面倒な作業です。 そこで、この作業を簡略化するためにプラグインを共有するようにします。今回は共有するための環境として Dropbox を利用していますが、 環境によって読
WordPress 4.1から title 要素の作り方が変わるという話 | バシャログ。
映画『インターステラー』を主に TARS 目当てに観てきた kagata です。『キカイダーREBOOT』といい『her／世界でひとつの彼女』といい、今年はロボットや人工知能の出てくる映画が印象に残っています。年末公開の『ベイマックス』も期待。 さて、WordPress の次期バージョン4.1が今月リリースを目指して準備されています。そのバージョン4.1から、title 要素の自動生成という新しい機能が盛り込まれる予定です。バシャログ読者に多いであろうフロントエンド畑の方々や、WordPress テーマカスタマイズの初心者のみなさまにもかかわりがありそうということで、ちょっと調べてみました。 おさらい：これまでの WordPress での title 要素 これまで、WordPress での title 要素はテーマの header.php にテンプレート関数 wp_title() を使っ
えっ？これも！？wordpressで制作されたハイクオリティWEBサイト100選！
最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPressの成長は著しく、日本国内でもwordpressを活用したサイトを本当によく目にするようになりました。 実際に2014年5月29日の最新調査結果によると、世界のトップ100万サイト中、約22.3％のWebサイトでWordPressが活用されております。さらにCMSを使って構築しているWebサイトのうち、過半数以上の60.0％はWordPressで構築されているようです。 この数値はまだまだ増加傾向にあり、世界の開発チームが日々システム改善の開発・向上をおこなっております。その開発スピードも凄まじくwordpressの虜となる要因の１つでしょう。 参照データ：w3techs wordpressは、もともとのブログ作成CMSというスタートでしたが、今では企業サイトやECサイト等、幅広いジャンルで
超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法
WordPress で Web サイトの制作を請け負って保守契約も結ぶときに意識しておいたほうが良い5つのこと
反応をウォッチしていると「WordPress を導入する場合、セキュリティを考えると当然システム保守契約を結んで保守することが必要」という意見がちらほらあって、僕としてもそれは当然のことでむしろやっていない人は作成した後えらいことになってないのか少し心配になったりしてしまうのですが、じゃあクライアントと保守契約を結べたとしてどういうことに気をつけたほうが良いかということを少し書いてみたいと思います。 コア・プラグインのアップデートは必ず実施する 大前提すぎてあれなのですが、セキュリティを維持して攻撃を防ぐためにお客様にシステム保守契約を結んでいただくわけなので、コアやプラグインのバージョンアップは必ず行わないといけません。企業さんのサイト制作の場合だとテーマはオリジナルのことが多いと思いますが、テーマも自作でないのであればきちんとアップデートするべきです。 「コアの自動アップデートをとめる
カードローンレイクで土日祝日でも即日で融資を受ける方法
カードローンレイクは、大手消費者金融の1つで、多くの利用者がいる金融サービスです。 レイクは、2023年1月4日にレイクALSAから名称変更をしました。 レイクは、即日で融資を受けられるため、急ぎで現金が必要になる場合でもお金借りる事が出来ます。 消費者金融業者の中には、土日祝日でも即日融資に対応しているところがありますが、レイクもその1つです。 この記事でわかること レイクは土日祝日でも即日融資を受けられる可能性がある 早めに申し込みをするなど土日祝日での即日融資を受ける際には注意点がある 必要書類の事前準備などスムーズな融資申し込みのための用意をしておくと良い レイクでお金を借りる方法は3種類ある 土日祝日にどうしてもお金が必要になった場合には、カードローンレイクの利用を検討してみましょう。 カードローンレイクなら土日祝日でも即日で融資が受けられる カードローンのレイクは、土日祝日に初
1111 – ページ 548 – H2O space
{“id”:”6c77e872-b499-47bc-8871-f34e728efcf0″,”type”:”UPDATE_RECORD”,”app”:{“id”:”9″,”name”:”サイト制作実績”},”record”:{“レコード番号”:{“type”:”RECORD_NUMBER”,”value”:”64″},”更新者”:{“type”:”MODIFIER”,”value”:{“code”:”master@h2o-space.com”,”name”:”TANIGUCHI Makoto”}},”作成者”:{“type”:”CREATOR”,”value”:{“code”:”master@h2o-space.com”,”name”:”TANIGUCHI Makoto”}},”文字列__1行_”:{“type”:”SINGLE_LINE_TEXT”,”value”:”1231″},”sta
WordPressを巡る理想と現実、あるいは誤解
ブコメでもすでに色々言われていて、自分のFacebookのタイムラインでも軒並み言及されているので、触れたくない理由は色々あるのだが、CMSで仕事をしている以上、反応しとかないといかんかなと思って筆を取る。そう、この件だ。 WordPressで「ささっと作る」で請けれなくなってる現状。 まとめると、WordPressは作り手にとっても楽に作れて、ウェブサイトを持ちたい人にとってもイニシャルコスト・ランニングコストともに安く済ませられる、みんながハッピーなツールだったはずが、そうではなくなってきた、と言う話。そうではなくなってきた根拠は何かと言うと、セキュリティ対応と管理画面の使いにくさ、カスタマイズ範囲の肥大化、の３点があるようだ。 セキュリティ対応は必要ですし、ランニングコストもかかります セキュリティ対応については、WordPressの導入によく使ってきたロリポップサーバーでWordP
初めてのWordPressで集客できるブログを作るまでの使い方まとめ
WordPressはオープンソースのCMSとして、日本で圧倒的なシェアを確保しており、2020年8月時点で83.1％がWordPressを利用している。人気の理由は誰でも簡単に無料でWEBサイトを作れることだろう。 通常、ホームページの制作を行うには「HTML」や「CSS」といった言語を自分で記述して作成する必要がある。そして、面倒なことにせっかくHTMLでホームページを作成しても新しいページを作成したり、既存のページを修正する際にもHTMLやCSSで記述する必要が出てくる。 WordPressのようなCMSはHTMLやCSSの編集を極力無くし、管理画面上でホームページ全体や、ページ単位での投稿・加工・編集を可能にするシステムなのだ。 簡単に言ってしまえば、「コードが書けず、専門知識がない人でも簡単にサイト・コンテンツを管理できるシステム」ということになる。 ※参考：Distributio
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
WordPressサイトの引っ越しやバックアップがとれるプラグイン「Duplicator」 – ワードプレステーマTCD
WordPressで運用しているサイトをほかのサーバに引っ越しをしたり、あるいはテスト用に別の環境にコピーするのは意外と骨が折れる作業です。データは何とか移したものの、重要なプラグインが入ってなかったり、テンプレートも移してなかったりなどなど、やらなければならないことが多いことに気がつかされます。 そこでオススメしたいのが、「Duplicator」というWordPressのプラグインです。これを利用すると、記事だけではなく、テンプレートやプラグインも含めて、まるごとそのままほかの環境にコピーできます。 「Duplicator」とは 「Duplicator」はサイトの引っ越しやバックアップがとれるWordPressプラグインです。 無料版でも引っ越しやバックアップは可能。 元サイト→新サイトへの引っ越しが可能 バックアップデータを取ることも可能 WordPressダッシュボードの左メニュー（
Wordpressで会員制サイトを構築してみよう（GianismでSNS連携） - Qiita
"Gianism" というプラグインを利用すると、最近流行りのSNS連携を利用したログインを簡単に実装することができます。今回はFacebookとの連携を試してみます。 元記事 下記エントリの転載になります。 WordPressで会員制サイトを構築してみよう（GianismでSNSログイン） 利用プラグイン Gianism バージョン 2.2.1 で試しています こちらの製作者さんは日本人で、プラグインの更新頻度も高いです。 Facebookの事前設定 Facebookアプリの作成 SNSログインを行うには、事前にFacebook Developersにてアプリの申請が必要になります。 まずDevelopersサイトにログインして、「Add a New App」を選択します。 今回はWebサイトへのログインなので、一番右の「Webサイト」を選択します。 サイト名を記述し、「Create〜」
wordpress テーマ制作で scss / compass を使う時、はじめに設定すること
最近、前から気になっていた「scss」と「compass」を使い始めてみました。 まだまだ使いこなせていないまでも、初歩的なことを覚えるだけでも、グッと効率が上がります。今回はWordPressのテーマ作成を行う際に、準備しておくと使いやすい設定をまとめておきます。 使い始めなので、記述にミスがあるかもですが、その際はご指摘いただければありがたく。 また、環境は「Mac OS X Maverick ＋ coda 2」で制作しています。 なお、インストールについてはまとめておりませんので、記事末尾の参考URLをご確認いただければ。 WordPress テーマのファイル構造に合わせる ご存知の通り、WordPressのテーマは「style.css」を元にしています。通常のテーマではcssファイルは、この「style.css」のみを利用することになります。 scss / compass では、分
不動産向けプラグイン(β) - nendeb
不動産プラグインの特徴 WordPressに簡単にセットアップできます。 物件条件検索機能も標準でついております。 GoogleMapsで物件の位置情報を表示できます。 WordPressの「ブログ」としての機能もそのまま使用できます。 会員・マップ等、追加プラグインで機能アップも簡単にできます。 不動産プラグイン導入をお考えの方へ 不動産プラグイン(本体)は WordPress(CMS)で使える追加機能プログラム（プラグイン）です。不動産プラグインをWordPressの管理画面からインストールするだけで簡単に不動産ホームページに必要な機能がインストールされ、すぐに不動産ホームページを開設できます。 不動産プラグインは 不動産の物件表示に必要な入力項目が揃っており、賃貸・売買のホームページに対応可能です。 さらに地域や路線から物件を探す機能や条件検索機能も標準で完備しています。これらすべて
Wordpressのサイトパフォーマンスが劇的に改善した4つの高速化施策
あまりにもうちのブログが遅いので、とりあえずやれるだけの事はやってみようと思い立ち、色々なサイト高速化に取り組んでみました。やったこととしてはざっと以下の感じです。 キャッシュ系のプラグインをつっこむ.htaccessに画像やフォントの有効期限＆圧縮転送の設定を入れるSixcoreでAPCを有効化するアップロードしている画像を片っ端からロスレスに変換■まずは結果からとりあえず、GTmetrixで計測した結果、最初がEランクという残念きわまりない結果だったのに対し、 キャッシュ系の対策後はページスピードがかなり改善（53%⇒74%） 指摘されている項目「Minify CSS」はこの後Head Cleanerというプラグインの設定をいじったら改善されました。「Enable gzip compression」はプラグインでgzip化してもダメだったので「Leverage browser cach
WordPressテーマを作成するのに役立つサイト・ツール・サービスまとめ
テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi
WordPressダッシュボードの「更新」について | Gatespace's Blog
ぼんやりとしたタイトルですが、WordPress のダッシュボード（管理画面）から WordPress本体（コアファイル） プラグイン テーマ のアップデートを行った場合の挙動や注意点をまとめてみました。 また、WordPress のサポート対象のバージョンやメジャーアップデートとセキュリティアップデートの違いにも触れます。 「ボタン押したら真っ白になった！どうしよう！！」という方のための対処法も合わせて記載しておきます。 WordPressのバージョン番号 記事執筆時点での WordPress の最新バージョンは 4.0.0 です。 その前は 3.9.2 でした。 WordPressのメジャーバージョンは左から 4.0, 3.9 となり、それ以下はマイナーバージョンとなります。 ブログなどでは 3.9.X系（3.9系）, 4.0.X系（4.0系）と書かれることもあります。 4.0 といっ
WordPress 4.0 における言語関連実装の変更とその注意点
翻訳バックエンドの強化にともない、WordPress 4.0 では言語関係の実装に多くの変更が行われました。 言語選択機能について インストール時 WordPress 4.0 英語版ではインストール時に言語選択を行い、その場で言語パック（翻訳ファイル）をダウンロードして自動インストールする画面（Language chooser）が現れます。日本語版では不要な言語選択のステップは省略され、日本語でインストールされることになります。 サイトの言語設定 WPLANG 定数の代わりに、管理画面の 「設定」 > 「一般」 > 「サイトの言語」のドロップダウンからサイトの言語設定を行うように仕様が変更されました。日本語版ではデフォルトで、日本語と English (United States) が選択可能となっています。こちらで English (United States) を選択すると機能的に完全
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress のカスタムフィールドを簡単・便利に使えるようになるプラグイン「Smart Custom Fields」作った。