ChatWPThe WordPress docs chatbotI'm an AI chatbot that gives direct answers to your WordPress questions. I've been trained on all the official WordPress documentation and will do my best to answer your questions accurately and truthfully. Let's chatAsk me about WordPress Ask me anything about WordPress and I'll do my best to answer! Be sure to check my sources as I might occasionally make things u

フジワラ この記事は「note」で書きましたが、せっかくなのでこちらに移行しました。 今回、目標である「PageSpeed Insights」でスコア100点を取ることに成功しました。高速化は去年くらいから本格的に手を出し始めて、約1年位試行錯誤の上、このような結果を得ることができました。 「PageSpeed Insights」モバイルスコア 「PageSpeed Insights」パソコンスコア 「GoogleAdSense」を使用してるページは流石に100点は取れませんが、90台をキープできています。 AdSenseを貼っているページのモバイル’スコア AdSenseを貼っているページのパソコン’スコア サイトスピード計測サイト「GTmetrix」ではこんな感じ。 「Pingdom Website Speed Test」はこんな感じ。 僕のブログは画像を使いまくった記事が多めですが、

Web AMP for WordPress プラグインを使って WordPressサイトをAMP対応する手順※当サイトにはプロモーションが含まれています。 1. AMP とは？AMP というのは Accelerated Mobile Pages（高速化されたモバイルページ）の略で、Google が主導している モバイルページ高速化プロジェクト、またはこのプロジェクトによって提供されるAMP フレームワークを指します。 ※ Google の紹介動画を見てみると、AMP は「エーエムピー」ではなく「アンプ」と呼ぶのが正しいようです。 ※ AMP はモバイル専用というわけではありません。 AMP 公式サイトなぜ、AMP が必要なのか？近年ではスマートフォンやタブレットPCからウェブページを閲覧するユーザーが増えてきました。 しかし、スマートフォンやタブレットPC は通常のパソコンと比較してスペッ

Gutenbergでより凝ったレイアウトを簡単に作成できたり、いろいろと細かく設定ができるブロックをさらに追加してくれるプラグインのまとめです。 中には特定のテーマ向けとして作られているプラグインもあるので一般的なテーマでは一部ブロックが使えないとか機能が制限されている場合もあるものの、基本的にはどのテーマでも利用することができます。 また、容易にブロックを追加できるだけでなく、オリジナルブロックを自作しようと思っているときに作り方などの参考にもなると思います。 紹介しているブロック数・機能・設定については、このエントリー公開時のものになります。 Snow Monkey Blocks プラグイン名にも含まれている「Snow Monkey」というテーマ向けとして作成されたプラグインで、作者が日本の方なのでブロックの使い方や更新情報などについても日本語でチェックすることができます。 テーマと併

＼全手数料無料自動適用リンク(公式特設ページへ)／詳細はLINEMO公式サイト特設ページ（https://www.linemo.jp/）でご確認ください ※格安SIMは通常、契約事務手数料3300円、SIMカード発行手数料446円がかかります。 2つめのLINEアカウント作成やTinderなどの出会い系アプリのアカウント作成,SMS認証用に大人気！LINEの年齢認証もでき・初月日割り計算で当月解約でもペナルティなし！最安でアカウントを作るチャンスです！ こんにちはこんばんは＠Zakkiです。私は月に500サイト以上お客様のサイトや個人のサイトをSSL化（HTTPS化）をしていますが WordPressで運用しているtamezatu.comのこのサイトもSSL化（HTTPS化）しました。SSL化（HTTPS化）の方法と手順、注意点やハマる部分の原因と対策方法やハマるポイントなどを詳しくまとめ

バージョン管理をすることで、過去の制作物と比較しながら作業を遂行することができるので、Gitをはじめとしたバージョン管理システムは、エンジニアの必須環境となっています。 一方、Webクリエイターの中には、黒い画面にUNIXコマンドを打ち込むのに苦手意識がある方もいるでしょう。バージョン管理をしたいけれど、従来のバージョン管理システムでは難しいと感じている方もいるはずです。そこでオススメなのが、*コラボレーションツール「universions」*です。 そこで今回は、*いろんな用途に使えるバージョン管理ツール「universions」*の概要や使い方をご紹介します。内製のHTMLサイトも、WordPressサイトも簡単に設定できるので、ぜひ使い方を学んでみましょう。 universionsは、*「Webクリエイターのためのファイル管理コラボレーションツール」*を標榜している、直感的に使えるバ

事前にGoogle AdSenseに申し込みを行い、承認が完了し、広告配信が可能な状態にしておく必要があります。 ここでは、既にGoogle AdSenseの広告が利用可能な状態である前提にて解説します。 ログイン後、左側のメニューから　【広告の設定】→【新しい広告ユニット】を選択します。 インフィード広告を選択します。 テーマで表示しているアーカイブレイアウトに最も近い広告のデザインを選びます。 左側の広告プレビューを確認しながら、インフィード広告としてWordPressのアーカイブページのデザインに合うように、全体、広告タイトル、サムネイルイメージ、ボタンなどの広告要素のデザインをカスタマイズし、完成したら「保存してコードを取得」ボタンをクリックします。 「コードスニペットをコピー」ラベルをクリックして、クリップボードに出力されたコードをコピーし、作業を完了します。 テーマオプションに

事前にデータベースのバックアップをとる まずは、事前にデータベースのバックアップをとっておきます。 これは、何かしら作業に手違いがあった場合でも、作業前の状態に復元できるようにしておく保険的なものです。 データベースのバックアップには、WordpressプラグインのBackWPupを利用します。 データベースのバックアップを手っ取り早く行うには、プラグインのインストール・有効化後、Wordpress管理メニューの「BackWPup → Dashboard（ダッシュボード）」メニューを選択します。 ダッシュボード画面が表示されたら、「One click backup」項目の「Download database backup」をクリックしてSQLファイルを取得してください。 すると、サイト名とデータベース名から名前が付けられた以下のようなSQLファイルがダウンロードされます。 ちなみに、これに

移転しました。 ブログ・メディアの構築にもお手軽便利なWordPressですが、一般的なビジネスサイト・コーポレートサイトの制作にもWordPressは向いています。この記事は実際に使用された例・サンプルサイトと共に、コーポレートサイト制作にうってつけのWordPressテーマをご紹介していきます。 （基本的には私がカスタマイズで実際に使用・動作を確認し、安心して利用できたテーマをご紹介させていただきます。） WordPressで構築されたサイト例 大阪大学理学研究科・理学部 星野リゾート 100%GPL コーポレートサイト向きの無料WordPressテーマ BizVektor Lightning Habakiri テンプレートキング Sydney OnePress コーポレートサイト向きの有料WordPressテーマ CORPORATE 有料カスタマイズのご案内 WordPressで構築

このたび、ブログトップページを全面リニューアルしました。 参考 NaeNote | Life Be Nice And Easy そこで今回は なぜトップページを作ったか？どうやって作ったか？結果、どうなったか？ をご紹介します。 ブログトップページは本当に新着記事一覧でいいのか？ ブログトップといえば通常、新着記事一覧です。 しかし記事一覧だと不便な点があります。 何のブログかわからない、目当ての記事が探しにくい、見栄えに特別感がないの3点です。 何のブログかわからない まず、新着記事の一覧では一体何のブログなのかがパッと見わかりません。 ブログトップページにアクセスすると見えるのは ブログヘッダー（ブログ名）グローバルメニュー記事の一覧サイドバー（PC） です。 特化ブログの場合はブログ名やグローバルメニューからだいたい把握できるでしょう。 しかし雑記ブログは違います。「NaeNote」

WordPressでブログを書いているみなさん！サイドバーにプロフィールは設定していますか？ 「プラグインは重くなるから嫌だな……」と思ったので、自作のLINE風のプロフィールを作ってみました！ コピペだけで設置できるので、ぜひ参考にしてみてください♪ <div class="sidebar-profile"> <div class="profile-center"><img src="プロフィール画像のURL" width="100" height="100" class="profileimg" /></br> <span class="profile-name">名前</span></div> <p>自己紹介文</p> <div class="profile-center more"><a href="プロフィールページのURL">詳しいプロフィールを見る/a></div> <ul

どうも！modeetです！ ワードプレスには数えきれないほどのテーマが存在しています。 大きく分けると無料テーマと有料テーマがあり、多くのサイト運営者は無料から始めます。 たしかに最近の無料テーマはデザイン性も良く、「こ...

SANGOってどんなテーマ？画像出典元:WordPressテーマ「SANGO」20の魅力SANGOは、Webメディア「サルワカ」から生まれた有料WordPressテーマです。SANGOにはたくさんの魅力があります。ブログ、アフィリエイト、企業ホームページ、様々な用途できっと活躍するはずです。 引用元:WordPressテーマ「SANGO」20の魅力 美しく、ついつい訪れたくなるデザインは、販売開始直後からブロガーを中心に大きな話題になりました。 テーマを作成したサルワカのファンだった私。もちろん購入したので、今みなさんが見ているこのブログのテーマはSANGOを使っています。 なぜSANGOをカスタマイズするのか？SANGOはそのままで使っても、本当にすばらしいテーマです。カスタマイズの必要もないくらいに。 それでも私がSANGOをカスタマイズするのは…ただの趣味です。 あとは「読まれるブロ

単なるテンプレートとは異なり、WordPressのテーマはいろいろな部分で役に立ちます。 ブログ名やカテゴリなど、基本的な部分がしっかりと設定されていれば、テーマを適用するだけですぐにでも使い始めることができるからです。 今回は、エレガントだけど使いやすいWordPress無料テーマをご紹介していきます。 無料だからといって決して質が低いわけではなく、むしろさまざまな目的で活用できそうなテーマばかりです。 ぜひ、お気に入りのものをストックしておきましょう。 エレガントだけど使いやすいWordPress無料テーマ 1. i-design スクリーンショット：2017年9月 i-designは、フルスクリーンのスライダーやチームメンバーの署名など、さまざまなコンテンツを挿入することができる、洗練されていて柔軟性の高い無料テーマです。 非常にカスタマイズ性が高いので、企業のホームページからクリニ

WordPressを使って自社のホームページやブログを制作しようと考えているWeb担当者もいるのではないでしょうか。 WordPressは、デザインのテーマや機能のプラグインを組み合わせることで制作できるので、スキルが無くとも自身でホームページを制作できるのが特徴です。 とはいえ、WordPressは海外製のツールです。「日本語 — WordPress」にて日本語版も提供されているため、管理画面の操作やコンテンツ編集は日本語で利用できますが、海外製プラグインを導入した場合一部英語表記になる場合があり、不便に感じることもあるでしょう。 今回は、日本語で利用できるデザインのテーマ、海外製のテーマとプラグインを日本語化できるプラグインをまとめました。今後、更新を円滑に進めたい方、後任への引き継ぎを想定している方はぜひ活用してみてください。 日本語対応のWordPressテーマ7選 1.STING

サイトの表示速度を上げるメリット 読み込み速度を上げることには、大きなメリットがあります。 メリット1：ユーザービリティの向上 Googleの公式調査によると、モバイルページにおいての「読み込み速度の遅延」と「直帰率」の関係は以下のようになるそうです。 読み込みが1秒から3秒になると、直帰率は32%上がる 読み込みが1秒から5秒になると、直帰率は90%上がる 読み込みが1秒から6秒になると、直帰率は106%上がる読み込みが1秒から10秒になると、直帰率は123%上がる これは致命的に感じられますね。もっと言うと、読み込み速度の低下により直帰する訪問者は、ただの他のページを見てくれないだけではなく、すぐに帰っていること予想されます。「3分滞在して直帰」ではなく「5秒待って遅いから直帰」という状態なわけですね。 現在のGoogleは検索順位を決めるうえで、検索ユーザーの動きまで見ている説もあり

「STORK」を辞めて「AFFINGER4」に変更した理由「STORK」は簡単にオシャレなブログが作れるテーマとして満足度も高かったんですが、色々とやりたいことや管理面に限界を感じていました。 またAFFINGER4に比べるとアップデート頻度も低く、どちらかというと作り置きされたテーマを使わせてもらっているという印象。（※アップデート自体はあります：参考 ストークのお知らせページ ） 前向きに考えれば“更新”という面倒な作業をしなくて良いんですが、AFFINGER4のように常に「改善・向上」を目指しているようなテーマには感じませんでした。 そんなSTORKを辞める理由を簡潔に言うと、 STORKをずっと使い続けるモチベーションが無くなった。。。 ということ。 とても使いやすくていいテーマなんですけどね。 そこからテーマ変更を検討していたんですが、実は当サイト以外にもAFFINGER4を使っ

WordPressをインストールしてサイト作成を始める時、私がいつも悩んでいたのがどのプラグインをインストールすべきかってことでした。 でもあれもこれもとプラグインを入れちゃうとサイトが重くなるんですよね。 プラグインの管理も大変だし。 でも今はfunctions.phpを大活用することでかなりプラグインを減らすことに成功（？）してます。 しかも時短効果あり。 プラグインの場合はインストールから設定までやってたらまる1日かかっちゃうこともあるけど、これまで集めてきたTipsをfunctions.phpにコピー＆ペーストするだけなら、自分好みの設定が短時間で復元できちゃいます。 取扱注意のfunctions.phpだけど慣れれば最強説 ここでは私がワードプレスでサイトを作り始める時、最初にコピー＆ペーストしておくとワードプレスが一段と使いやすくなるTipsを随時追加＆修正していきます。 とだ

Local by Flywheelとは と、その前に、Local by Flywheelについて簡単に紹介したいと思います Local by Flywheelは、WindowsやMacで利用できるWordpressローカル環境作成ツールです。 WordPressは基本的に公開サーバー上で利用するものです。けれど、テーマなどをカスタマイズするとき、公開サーバー上のテーマを直接編集してしまった場合、少しでもコード記載ミスがあると、エラーが出たり、画面が真っ白になってしまったなんてことがあります。こういった、経験のある方は結構おられるのではないかと思います（自分含む）。 今回紹介するLocal by Flywheelのようなローカル環境作成ツールは、そういった問題を出さないようにクライアント側のパソコン（ローカル）で、サーバーを動作させて、開発環境として利用することが主な目的のツールです。 これ

Webデザインをしている知人から「最近Habakiri試してるんだけど、Bootstrapベースだしなかなか良いよ」という噂を聞きました。 なかなか良いよ、というのはデザインや機能が豊富ということだそうでまずはやってみないとわからないということで試してみました。 Bootstrapベースの高機能なテーマ Habakiri とは？ 聞いただけでよくわからないのでまずはHabakiriのサイトを見てみました http://habakiri.2inc.org/ このページを見てわかったことは ・開発者が日本人かな？ ・デザインかっこいい ・トップページにBizVectorのような横に３つ並んだブロックがある ・マニュアルやアドオンがある！ ・フォーラムがあってわからないことも聞けそう？ かなということです。なんか期待できそうです。 HabakiriをWebサイトに適用してみる ローカルPCで動か