サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
naifix.com
WordPress のお問い合わせフォーム用プラグイン「Contact Form 7」は検証機能が備わっており、メジャーアップデートなどのタイミングで以下のメッセージが表示されます。 間違った設定があるとメール配送の失敗やその他のトラブルにつながります。コンタクトフォームの設定を検証しましょう。 » Contact Form 7 の設定を検証する 検証するまで左メニューには ❶ という赤色の丸数字が表示されますが、何を指しているのかわからず放置している管理者も多いようです。 本記事で検証機能の使い方と修正方法を解説していますので、ご参考になればと思います。 Contact Form 7 検証機能の使い方 Contact Form 7 を最新版に更新したときなど、検証が必要なタイミングで以下のように数字とメッセージが表示されます。 そのまま「» Contact Form 7 の設定を検証する
検索サイトからのアクセス数を伸ばすための施策「SEO(検索エンジン最適化)」を調べると、様々なノウハウが出てきます。 残念ながらそのノウハウがすべて正しいとはかぎりません。なかには、まるで効果のない施策を真実かのように伝えている人もいますからね。いろいろ試してみるのはよいことですが、明らかに効果がないものに時間を使うのはもったいないと思いませんか? ブログ運営においてはまったく必要のない / 気にしなくてよいノウハウがたくさんあります。本記事では、もはや都市伝説にもなっている SEO のあれこれを紹介していきます。 SEO 都市伝説 10 選 本記事で取り上げる「SEO 都市伝説」は、次のようなものがあります。 検証なしに憶測で語られているもの ごくわずかな量・時間で検証されたもの 伝言ゲームで本来の意味から大きく外れて解釈されているもの 過去に効果はあったが現在は意味のないもの 検索順位
Twitter のシェア数を表示しておくことで「人気度」をアピールすることができましたが、残念ながら現在はシェア数を取得することができなくなってしまいました。 Facebook や Google+ などほかの SNS カウントを表示しておいても、Twitter が抜けているとなんだかちょっと寂しい気がします。 そこで、Twitter 以外の各 SNS シェア数をすべて足し、合計シェア数を表示する方法をご紹介します。 過去のTwitterカウントもすべてゼロに 公式ボタンのデザインが変わること、それに伴いシェア数は非表示になることが 2015 年 9 月に発表されました。 We are simplifying the Tweet button by removing the share counter displayed alongside the button. A new design
WordPress で目次を自動的に表示してくれる Table of Contents Plus( TOC+ ) は、初期設定のままだとちょっと味気ないデザインですよね。 設定画面から横幅や背景色を変更しても、ちょっと物足りないと思います。そこで、CSS でおしゃれなデザインにするカスタマイズしてみましょう。 サンプル付きで具体的な手順を解説していきます。 カスタマイズ前の設定 Table of Contents Plus の基本的な使い方は以下の記事をご覧ください。 「Table of Contents Plus」の設定方法・使い方 設定画面で、横幅・フォントサイズ・背景色などを指定できます。 初期設定のままだと、以下のようなデザインです(テーマ:Twenty Twenty-One)。 シンプルすぎるので、サイトのテイストに合わせてカスタマイズしたいところですね。 プラグインが出力してい
WordPress の管理画面から記事を書く場合、エディタに標準装備されているボタンを使って見出しの設定や文字の装飾ができますよね。 しかし、なかにはまったく使わないボタンもあるんじゃないでしょうか。逆に、オリジナルの CSS があるときは専用ボタンがほしくなると思います。 そこでプラグイン「AddQuicktag」を使ってボタンを自分好みに変えてしまいましょう。記事を書くスピードが格段に上がります。 それでは、設定方法と使い方を解説していきます。 AddQuicktag は開発が停止されており、最新版 WordPress では動作しない or 不具合を起こす可能性があります。ブロックエディターで本プラグインを使う必要はないため、特別な理由がなければ使用はおすすめしません。
2013 年 10 月にスタートした Naifix はおかげさまで 2 周年を迎えることができました! 更新頻度がまちまちなのに定期的に読んでくださる方、Twitter で絡んでいただいている方、ブログについて真剣に学びたいと熱心に励んでいる会員の方。 心より御礼申し上げます。本当にありがとうございます。 積極的に記事を更新していくことが恩返しになるのかと思いますが、本日はささやかながらプレゼントをご用意いたしましたのでぜひお受け取りください。
「いずれ近いうちにリリースします!」と言っておきながら、しばらく放置してしまった WordPress 無料テーマ Gush シリーズ最新作。 ようやく ver.0.8 ぐらいになったので Gush2 からの変更点などを覚書として残しておきたいと思います。カスタマイズ前提というのが本テーマのコンセプトですが、そのわりに汚いコードを書いていたのでスッキリ整頓しました。 見た目も前作よりスッキリしましたね。現在 Betz というブログでテスト&微調整していますのでご覧ください。配色などはいじっておらずデフォルトのままです。前テーマで使っていたショートコードもそのまま見えちゃってます ^^; Gush4の新機能 ん、そういえば “ Gush3 ” はドコいったんだよという感じですが、これは Betz でもともと使っていたテーマを Gush3 としていまして、配布はしていません。 Gush2 をちょ
先日、お客様の AdSense アカウントで無効なトラフィックが検出されました。Google ではこの事態を受け、お客様のアカウントでの広告配信を制限いたしました。今後もお客様のサイトのトラフィックは継続的にモニタリングされ、配信制限は Google 側で自動的に見直しおよび更新されます。 Google AdSense から届くメールの例 「無効なトラフィック = AdSense 狩り」というわけではなく、いくつかの原因が考えられます。 AdSense 狩りかどうかに関わらず、上記のようなメールが届いた場合、残念ながらすぐに広告配信を再開させる手段はありません。無効なトラフィックが継続しないよう改善し、Google AdSense 側の再開許可を待ちましょう。 無効なトラフィックとは 無効なトラフィックに関して、Google AdSense では以下のとおり説明されています。 無効なトラフ
マイクロソフトのAIとLINEで会話ができる ・・・なんて真面目っぽく書いてみましたが、マイクロソフトに「どうすればアクセスアップできるんですか!?」なんて聞いたところで門前払いされるのがオチ。 自動的にフィルタリングされて、メールすら届かないかもしれません。 しかし、先日から話題になっている “ある方法” を使えば、その答えが返ってくるかもしれない。 その方法がこちら。 日本マイクロソフトの LINE 公式アカウントとして登場した、女子高生 AI です。名前は「りんな」。 LINE で友達に追加すると自由にトークが楽しめるということで、多くの男性がハマっているとか。どんな内容で会話しているのかは想像にお任せしますが、だいたい合ってると思いますw 「りんなAPI for Business」のリリースも正式発表され、今後導入する企業も出てくるでしょうね。 参考【LINE】日本マイクロソフトと
「ブログを始めるなら X (Twitter) も必須」「検索流入は不安定だから SNS もやるべき」というノウハウを見かけて、ブログ専用のアカウントを作成したかもしれません。 うまく活用すればブログ運営にプラスとなりますが、残念ながら良いことづくめではないんですよね。ブログの URL や運営状況を公開するのはメリットもデメリットもあります。 実際に相談を受けた SNS でのトラブル例を交え、解説していきます。 X でブログを公開するメリット X でブログを公開するメリットは、次の 3 つ。いずれもすぐに実感できるものだと思います。 ブログのアクセス数を増やせる 運営上の疑問や悩みを解決できる モチベーション維持につながる それぞれ具体的に見ていきましょう。 01. ブログのアクセス数を増やせる 始めたばかりのブログはだれにも存在を知られておらず、すぐに検索流入が見込めるわけでもありません。
WordPress おすすめプラグインに「All in One SEO」などの SEO プラグインが含まれているのをよく見ますが、本当に必要なのでしょうか。 実のところ、ほとんどのサイト・ブログでは導入する意味がなく、むしろ悪影響となっています。少なくとも、SEO プラグインを入れるだけで検索上位に入りやすくなる、ということはありません。 プラグインの役割や注意点を解説すると共に、導入が必要なサイトに向けて 2024 年時点でのおすすめ SEO プラグインをご紹介していきます。 SEO プラグインの役割 SEO プラグインの役割には、以下のようなものがあります。 ページタイトルとして使われる <h1> と <title> を別々にできる 各ページの meta description を設定できる OGP を出力・制御できる 各ページの noindex / nofollow を制御できる ペ
Facebook カバー写真を簡単に作りたいなら、無料オンラインツール「FotoJet 」がおすすめです。 テンプレートからベースを選んでテキストを編集するだけ。さらに、このツールはアカウントを作成しなくても使えます(有料版にする場合はアカウントが必要)。 コラージュ画像なども簡単に作れるので、ぜひ試してみてください。使い方を解説していきます。 Facebook カバー写真のサイズ・画像形式 Facebook カバー写真の最適なサイズ・形式について、ヘルプページに記載されています。 幅851ピクセルx高さ315ピクセルで、100キロバイト未満のsRGB JPGファイルだと読み込み時間が短くなります。 ロゴやテキストを含むプロフィール写真やカバー写真には、PNGファイルを使用すると、より良い結果を得ることができます。 ページのプロフィール写真とカバー写真のサイズ | Facebookヘルプ
「カスタマイズで CSS を書いたのに反映されない」とお悩みですか? CSS が効かない原因は、おもに以下の 4 つです。 キャッシュが効いている 書き方を間違えている CSS を書く場所が違う 優先順位が間違っている それぞれ詳しく解説していきますので、デザインが反映されないときは順番にチェックしてみてください。 キャッシュをクリア(削除)する CSS が反映されないとき、わりと見落としがちなのがキャッシュです。 キャッシュはサーバーまたはブラウザで一時的に記憶されているデータのことで、カスタマイズ前の古い CSS データが残っている可能性があります。 「CSS を調整したあとはキャッシュをクリアする」のを忘れないようにしておきましょう。 サーバーのキャッシュ サーバーのキャッシュ機能は、そのサーバーによって効き具合が異なります。 CSS を更新するとキャッシュがすぐにクリアされる場合も
WordPress の SEO プラグインは、「All in One SEO」と「Yoast SEO」が有名どころです。 では、この 2 つのうちどちらを使うのがよいのでしょうか。また、インストールすることでどのような SEO 効果が得られるのでしょうか。 人気度と機能を詳細に比較してみましたのでご覧ください。最後に、どちらがおすすめかをまとめてあります。
CSS の position プロパティの使い方を覚えると、画像と画像を重ねる、画像と文字を重ねる、というのが簡単にできるようになります。 画像編集ツールで加工してもよいのですが、CSS で表現すると画像の上に表示されているテキストを検索エンジンが認識してくれるので SEO 効果が期待できる、というメリットがありますね。 それでは position:relative と position:absolute の使い方を見ていきましょう。 position プロパティの使い方基本 positon プロパティで聞いたことがあるのは「相対配置」と「絶対配置」という言葉だと思います。 何となくイメージはできるものの、検索して解説を読んでもイマイチわからず…という状態ではないでしょうか。 position プロパティで使える値をおさらいしておきましょう。 static
WordPress で 会員制サイトを作るときに便利な「BuddyPress」と「bbPress」という 2 つのプラグインがありますが、設定方法やカスタマイズに関する日本語の情報はかなり少ないです。 古いバージョンだといくつか見当たるのですが、最新版となるとほぼ海外のサイトを頼るしかありません。 両プラグインを使ってサイトを作るにあたって、役立った情報・サイトを備忘録としてまとめておきます。 BuddyPress と bbPress を使ってできること この 2 つのプラグインはもともと一つだったようですが、のちに SNS を担当する「BuddyPress」とフォーラムを担当する「bbPress」に分かれたようです。 どちらも単独で動きますが、それぞれのプラグインでできることを簡単にご紹介します。 BuddyPress BuddyPress は会員制の SNS を作れるプラグインで、以下
答えがすぐにわかったあなた。熱心に勉強していますね。 そう、UA(ユーザーエージェント)です。簡単に言うと、『わたしはこんな環境でアクセスしています』という情報を Web サイトに伝えるものです。 PC からアクセスした場合は、『わたしは Windows で IE10 を使って見ています』というような情報が伝えられ、その情報をもとにサイトが表示されます。 しかし、PC で閲覧しているにも関わらず、『わたしは iPhone で見ています』という情報を伝えることができたらどうでしょう。スマホ用のサイトを見ることができそうですね。 これを処理してくれる機能が Google Chrome に備わっているんです。 デベロッパーツールでスマホ表示に切り替える この機能は「デベロッパーツール」から使うことができます。 ブログカスタマイズで重宝するブラウザ開発ツールの使い方 それでは、切り替え方法を見てい
読みやすいブログデザインを目指すなら、余白と配色がポイントです。 以下の記事でブログ記事本文の横幅と左右の余白に関して解説しています。 これが読みやすいブログデザイン!有名サイトの記事幅と余白設定を大公開 本記事は横ではなく縦の余白に着目してみたいと思います。つまり、1 行目と 2 行目の行間、段落ごとの余白ですね。 加えて、余白に深く関わってくる文字のサイズや色をどのようにすれば読みやすくなるのか、サンプルと合わせてご覧ください。 余白が必要な理由 ブログ記事は小説と違い、読者が一字一句逃さないよう読むことはほとんどありません。 よほど文才があってぐいぐい引き込まれる記事、または惚れこんでいるブログなら別ですが、たいていはざっと流し読みしていきます。 そのうえで、自分に必要な情報があると判断したらもう一度読み直したり、あとで読み返すためにブックマークやシェアといった行動に移ってくれます。
WordPress ブロックエディターを使ってブログを書いているなら、細かい HTML タグを覚える必要はないかもしれません。 でも、記事を書くことにちょっと慣れてきたなら、各タグの使い方と役割を理解しておくことでさらに読みやすい記事が書けるようになると思います。 そこで今回はブログ記事内でよく使うタグをまとめました。もしかすると使ったことがないタグがあるかもしれません。 HTML タグの基礎 まず基本の “キ” からおさらいしておきましょう。 01. 小文字で書く タグは半角英数字と半角記号を使います。英字は大文字でも小文字でもかまいません。 ただ、HTML に似た XHTML というものがあり、XHTML ではすべて小文字にしなければならない、というルールがあります。 そうした経緯もあって、混同を避けるために「HTML タグは小文字で書く」というのが一般的です(タグを大文字で書いている
WordPress の運営にはエラー・不具合がつきもので、細かく分けると原因は無数に存在します。 本記事で、一般的によく見かけるエラーや不具合への対応方法をまとめました。トラブルが起きたときの解決のヒントになれば幸いです。 どうしても解決できないときはお気軽にお問い合わせください。 WordPress エラー修復サービスはこちら 症状別の原因と対処法 エラーの主な症状と、考えられる代表的な対処法を紹介していきます。 症状によってはまったく別のところに原因があることも考えられるため、あくまで解決の糸口としてご参考になればと思います。 管理画面にログインできない(404 エラー) /wp-login.php にアクセスしてもログインページが表示されない場合、セキュリティプラグインが原因になっていることがほとんどです。 とくに「SiteGuard WP Plugin」は、有効化しただけでログイン
ブログの本文で強調したい部分には <strong> や <b> を使いますが、デフォルトのスタイルではただの太字になるだけです。 これだとちょっと味気ないときは、CSS でデザインしてみましょう。 文字や背景の色を変えたり、蛍光ペンでマーカーをひいたような感じにすると、重要なポイントをより一層伝えやすくなりますよ。 強調文字の CSS デザインサンプル 強調の意味を持たせる HTML タグには <strong> <b> <em> があります。 これらは主に検索エンジンに対して重要性を伝えるタグで、見た目だけ強調したいなら <span> で指定することもできます。 それぞれの使い分け方などは後述します。まずはデザインサンプルをご覧ください。 デフォルトのスタイルは太字 現在使用しているテーマ・テンプレートで特に指定がない場合、<b> や <strong> で囲ったテキストはただの太字になりま
WordPress は基本的にトップページでも下層ページ(投稿・固定ページ・アーカイブ)でも同じ CSS を読み込んでいます。 場合によっては、特定の CSS をそのページでのみ読み込みたいケースもあるんじゃないでしょうか。たとえば「CSS を使った見出しのデザインサンプル」といった記事を書くときや、オリジナルテーマを制作して納品するときですね。 すべて style.css やカスタマイザーの「追加 CSS」に書くと管理が面倒ですし、他の記事でまったく使わない CSS が大量にあると表示スピードにもわずかながら影響します。 そこで、そのページにだけ個別のスタイルを適用する方法をご紹介していきます。 個別の CSS を設定する方法 01. <head> 内で条件分岐する 投稿編集画面での CSS 編集を必要としないなら、特定のページに適用する CSS ファイルを FTP でアップロードしてお
WordPress のバックアップは専門知識が必要で、手作業で行うのは初心者には少し難しいと思います。 そこでおすすめしたいのが、プラグイン「UpdraftPlus WordPress Backup Plugin」。クリックのみでバックアップ&復元ができますし、一度設定しておけば自動バックアップできるので手間もかかりません。 一般的なブログでの UpdraftPlus 推奨設定と、復元方法を解説していきます。
WordPress でお問い合わせフォームを簡単に設置したいなら、プラグイン「Contact Form 7」がおすすめです。 デフォルトのデザインだと味気ないので、ブログの雰囲気に合わせてカスタマイズしてみましょう。 基本設定やスパムブロックとの連携、CSS によるデザイン変更などのカスタマイズ方法を解説していきます。 WordPress 初心者におすすめの定番プラグイン 8 選 Contact Form 7 の基本的な使い方 まずは Contact Form 7 のインストールからページ作成まで、基本的な使い方を見ていきましょう。 Contact Form 7 – WordPress プラグイン | WordPress.org 日本語 インストール・有効化 プラグイン新規追加画面で「Contact Form 7」を検索し、インストール・有効化します。 フォーム作成 プラグインを有効化する
ブログの記事数が増えてきてふと振り返ってみると、わりと適当なカテゴリーにしてしまっていた、ということがありますよね。 また、1 つのカテゴリーに属する記事が増えすぎて、もう少し細かく分類しないと読者が記事を見つけづらい状態になっているかもしれません。 100 記事ごとに見直すなど、定期的にカテゴリーを整理するのがおすすめです。一括してカテゴリーを変更する方法や最適化のヒントを解説していきます。 カテゴリーの役割と整理するポイント ブログにおけるカテゴリーの役割 WordPress ブログにおいて、カテゴリーは重要な位置づけです。 特殊なカスタマイズをしていないかぎり、トップページに最も多くの内部リンクが集中し、次いでカテゴリーページにリンクが集中するからです。 Search Console のリンクレポートを見ると、以下のようにカテゴリーページが上位に並んでいると思います(もし上位になって
スマホ対応の WordPress テーマや HTML テンプレートを使っていても、広告や表が画面からはみ出してしまったり、ぐらぐらと横揺れしてしまうことがありますよね。 レスポンシブ web デザインはそうならないように設計されていますが、HTML タグの使い方や CSS の指定によっては表示が崩れてしまいます。 よくある横揺れの原因と具体的な対策方法、一発で解消できる CSS コードを見ていきましょう。 スマホの横揺れがおきる原因 横揺れは、Web サイトの幅(≒ スマホの画面幅)より大きな要素があるときに発生します。 枠内におさまっているように見えても、はみ出している要素のぶんだけ横スクロールが発生してしまうわけです。 どの要素が飛び出しているか探るときは、以下の CSS を追加してみてください(色や太さはお好みで)。
2013年10~12月に始めたブログが2015年2月時点でどうなっているのかを調べてみました。スタート時と変わらず運営を続けていたのは28ブログ中14という結果に。今から約 1 年前のこと。「同期ブログ」という言葉が一部ブロガーのあいだで話題となりました。 仕掛け人はどこかに行ってしまいましたが、そういえば僕も記事を書いていたのを思い出して 2013 年 10 ~ 12 月に開設した同期ブロガーはどうなったのか調べてみました。 それではさっそくご覧ください。 あれから1年。同期ブログの現在 きちんと調べればたくさんいると思いますが、僕がリストとして残してあるのは 27 ブログ。このブログを含めて 28 です。 2013年10~12月の同期ブログからご紹介するオススメ記事28選 でご紹介している順に追っていきましょう。 甲乙人生珍道中(削除) 同期ブログの仕掛け人である甲乙人さん(@kino
水平線タグ <hr> や、CSS の border をおしゃれにする CSS デザインサンプルをご紹介します。 背景色が濃い要素でさりげない演出ができるので、ぜひお試しください。
次のページ
このページを最初にブックマークしてみませんか?
『初心者ブロガー指南:Naifix-起業バカ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く