babomuraのブックマーク (245)

  • 【スパム対策】Contact Form 7のreCAPTCHA設定方法

    今回は、WordPress(ワードプレス)のContact Form 7(コンタクトフォーム)を利用していて、スパムメールに困っている人向けにGoogleのサービス「reCAPTCHA(v3)」を導入する方法をご紹介します。 reCAPTCHA(v3)のサイトは「https://www.google.com/recaptcha/admin」からアクセスください。 reCAPTCHAの有料化に関する注意事項 2025年3月現在、reCAPTCHAの10000件/月のスパム判定評価まで無料枠として利用できます。 Google reCAPTCHAの使用量 参考Contact Form 7でreCAPTCHAの上限を超えた際の挙動を知りたい Google reCAPTCHAは今後さらに有料へ強化される方向になっているようで、Cloudflare Turnstileが今後代替手段として有力候補挙がっ

    【スパム対策】Contact Form 7のreCAPTCHA設定方法
    babomura
    babomura 2020/09/28
    コンタクトフォーム7のスパム対策、ロボットによる自動メールを阻止。
  • Inkscapeで四つ葉のクローバーを描く | 上野メモ帳

    babomura
    babomura 2020/06/22
    四つ葉のクローバーを超簡単に描く方法。
  • Xeory Base:Google Adsenseを設置する方法

    babomura
    babomura 2019/11/24
    Xeory Baseのテーマファイルに直接アドセンスコードを挿入。子テーマを作ってやった方がよい。
  • スマホ版FC2ブログで表示される『スマートフォン版で表示』ボタンを非表示にする方法

    スマホ版FC2ブログで表示される『スマートフォン版で表示』ボタンを非表示にする方法 2013. 12. 26 紹介情報 ハック術 CSS FC2ブログ ボタン Ads by Google http://degiteku.blog.fc2.com/blog-entry-563.htmlスマホ版FC2ブログで表示される『スマートフォン版で表示』ボタンを非表示にする方法

    babomura
    babomura 2019/08/16
    FC2ブログでレスポンシブデザインを適応させた場合、スマートフォン版の表示設定を無効にすると思いますが、それでも「スマートフォン版で表示」ボタンが消えない。それを消す方法。
  • 「10分で終わらせてくるっ!」WordPress子テーマの作り方を2ステップで簡単解説!

    とりあえず作りきる!知識は後半! 記事ページをカスタマイズしたい。え?記事下にこんな「いいね!ボタン」も設置したいし。 こんなオリジナルシェアボタンだって作りたい。 せやでぇ?カスタイズしたいねんけど、直接テーマファイル触わるんコワいやんけ んでテーマをアップデートしたらせっかくのカスタマイズが消えるらしいやんけ んで子テーマ作れば解決するらしーやんけ ややこしそーやんけー手ぇ出しにくいやんけー億劫やんけぇ! わかる!わかるぞ!私もしばらく見て見ぬふりをしていた一人。 でもやってみたら作業は簡単。知識が先行すると億劫になるだけ。安心するために、ラクになるために。子テーマなんてサクッと作ってしまおう。 まずは「作り方」のみにフォーカス。ややこしい仕組みは後で説明。実作業は10分で終わらせよう。早く寝よう。明日も早い。 簡単2ステップの作業順

    「10分で終わらせてくるっ!」WordPress子テーマの作り方を2ステップで簡単解説!
    babomura
    babomura 2019/07/24
    wordpressテーマを編集する際は子テーマを作った方が無難。
  • F168 🎖️ Trang Chủ F168.COM Chính Thức ⭐️ Ưu Đãi +168k

    F168 | F168.COM – Thương Hiệu Uy Tín Số 1 Châu Á #2026 F168 khẳng định vị thế là cổng giải trí trực tuyến uy tín, thu hút đông đảo người chơi tham gia mỗi ngày nhờ hệ sinh thái trò chơi đa dạng và chất lượng dịch vụ vượt trội. Nền tảng ứng dụng công nghệ mã hóa SSL 256-bit tiên tiến nhằm bảo vệ tối đa thông tin khách hàng, đồng thời cung cấp hàng loạt sản phẩm hấp dẫn như cá cược thể thao, casino

    F168 🎖️ Trang Chủ F168.COM Chính Thức ⭐️ Ưu Đãi +168k
    babomura
    babomura 2019/07/24
    wordpressテーマを解凍したところ、テーマらしきものと_MACOSXという謎のフォルダが、どっちが本来のテーマ?MAC OSで元々作成されたファイルをWindowsでDL、解凍すると生成される無視していいフォルダーだそうです。
  • 最適なテキストリンクの色は? | ウェブ力学

    青系統の色が使われていることに変わりはありませんが、検索エンジン以上にバラつきが見られます。特に、Yahoo!の場合は、各ジャンルごとのページでも微妙にテキストリンクの色が変わっていました。それぞれのサイトデザインの特徴に合わせて変化させているのだろうと思います。 楽天のようにデフォルト色を使用しているサイトもありましたが、全体からすると少数派のようです。 Q&Aサイトの最大手OKWaveはGoogleと同一でした。また、ユーザビリティといえばビービットさん、ということで調べてみましたが、やや暗めの青を使用していました。ビービットさんのことなので何か意味があるのかもしれません。 クックパッド クックパッドは、日最大級のレシピ検索のサイトです。ユーザービリティには細心の注意を払っていて、ユーザー一人当たりの平均PVが高いことでも知られています。 そんなクックパッドですが、サイトをのぞいてみ

    babomura
    babomura 2019/02/10
    リンク色を様々なサイトごとに比較。自サイトの参考に。
  • Windows10でインストールしたAtom.exeが無い、場所が不明という状態に。

    2016.03.26に行いました。 Windows7 64bitWindows10 64bit にアップグレードした環境となります。 ずっと拒み続けていたのに強制的にアップグレードさせられましたよちくしょう。 最近仕事のツール関連効率化のため、色々試しております。 GitHub製でフリーなテキストエディタ、Atomのインストールから日語化までの流れを解説。 解説と言うと大げさな位、簡単に行えました。 そう、日語化までは。。 Atomのダウンロードhttps://atom.io/ 環境によって最適なバージョンが表示されるようになっていると思います。 (Macの人だったらFor Macと出るはず。) AtomSetup.exe をダウンロードします。 exeを実行!! (インストール中) 起動!! Atomの日語化このままでは英語環境なので、日語化したいと思います。 起動後の画面

    Windows10でインストールしたAtom.exeが無い、場所が不明という状態に。
    babomura
    babomura 2019/02/04
    テキストエディターAtomのPC上での場所とデスクトップショートカットを作成する方法。
  • WordPressアドレス(URL)とサイトアドレス(URL)を別にする方法

    ドメイン名が「sample.com」でプロトコルが「http(wwwなし)」でWordPressを、「/www/wordpress/」ディレクトリにインストールした場合、インストール後の「WordPress アドレス(URL)」は「http://sample.com/wordpress」となってしまいますが、サイトアドレス(URL)を「http://sample.com/」に変更したい場合、下記のように「サイトアドレス(URL)」に「http://sample.com」と入力して「変更を保存」してください。

    WordPressアドレス(URL)とサイトアドレス(URL)を別にする方法
    babomura
    babomura 2019/02/03
    サイトアドレスとwordpressアドレスを別にする場合、サイトアドレスにアクセスしても表示されないが、この方法を使えばサイトアドレスで表示される。
  • WordPressの投稿やアーカイブページにパンくずリストをプラグインなしで追加する

    パンくずリストを、TOPページ以外の記事やカテゴリページなどの一覧ページに設置することで、ユーザーがサイトのどの位置にいるのかを視覚的にわかりやすくし、内部リンクによるSEO的な効果も期待できます。 今回は、WordPressのテーマにプラグインなしでパンくずリストを設置する方法を各ページごとにご紹介します。 パンくずリストの要素を各テンプレートを追加する 各ページごとのパンくずリストは、『TOPページ>各ページごとの内容>現在のページ』という構成で作成していきます。ページによって出力する内容が違うので、一つ一つ作成し・設置していきましょう。 記事の投稿ページのパンくずリスト まずは、ユーザーに一番見られる投稿記事のパンくずリストを作成・設置しましょう。 パンくずリストを投稿記事に追加するためのコードは下記の通りです。 single.phpのパンくずリストを出力したい箇所に追加 <div

    WordPressの投稿やアーカイブページにパンくずリストをプラグインなしで追加する
    babomura
    babomura 2019/02/02
    wordpressでプラグインを入れずにパンくずリストを作る方法。
  • SEOに有効で巡回を促す404エラー・検索エラーページをWordPressで作成する

    ユーザーがサイトを巡回している際、URLの変更によるリンク切れやエラー・検索してもページが無いなどの理由で探しているページが見つからなかったときに、何もページに表示されないと離脱してしまう可能性があります。 ユーザーの利便性を高めるためにも検索エンジンのクローラーに回遊してもらうためにも、エラーページの充実は非常に重要な対策の一つですのでWordPressのテーマ内にテンプレートを作成しておきましょう。 今回は、SEO対策にも効果的でユーザーの利便性を高める404エラー・検索エラーペー ジのWordPressでの作成方法についてご紹介します。 404エラー(not found)ページとは 404エラーページとは、アクセスしたページが存在しないときにサーバーから自動で返されるHTTPのエラーコードです。 404エラーがサーバーから返されたときの表示方法はサイトの設定によって異なりますが、適切

    SEOに有効で巡回を促す404エラー・検索エラーページをWordPressで作成する
    babomura
    babomura 2019/02/02
    エラーページの作成。
  • WordPressのブログ記事に「前の記事へ」と「次の記事へ」のリンクを設置する | 福岡のホームページ制作会社 | シンス株式会社

    こんにちは、福岡のホームページ制作シンス株式会社の越水です。 WordPressで制作したホームページのブログ記事に、前後のページへのリンクを設置する方法を紹介します。 前の記事や次の記事へのリンクを設置することで、Webサイトの訪問者に別ページも見てもらうきっかけを与えることができ、直帰率の低下にも繋がります。 今読んでいる記事の前後ページへのリンクはWordPressが勝手に生成してくれる!WordPressならば便利なテンプレートタグが用意されているので前後の記事へのリンクを作る場合も簡単です。 テンプレートタグprevious_post_linkとnext_post_linkを使う前の記事へのリンクを作るときはprevious_post_link、次の記事へのリンクを作りたい場合はnext_post_linkというテンプレートタグを使うことで、簡単にリンクの設置ができます。 Wor

    WordPressのブログ記事に「前の記事へ」と「次の記事へ」のリンクを設置する | 福岡のホームページ制作会社 | シンス株式会社
    babomura
    babomura 2019/02/01
    今見ている記事の前後のページへのリンクを作る方法。wordpressにもともと備わっている機能で、関数を使えば実装できる。
  • WordPressのおすすめプラグインは8つだけ。断言します

    2016/09/05 (更新日: 2019/10/06) WordPressのおすすめプラグインは8つだけ。断言します PROGRAMMING WordPress [WordPress プラグイン おすすめ]でぐぐったところ… エグい…/(^o^)\ なぜエグいのか? プラグイン50個もいれたらメンテナンス不可能になります。メンテナンス(定期アップデート)しないとセキュリティホールが生まれやすいので、ハッキングされる可能性が高まります。 最近のハッキング事例としては、WordPressの「All in One SEO Pack」に深刻な脆弱性だったり、キャッシュプラグイン「WP Super Cache」に複数の脆弱性などがあります。 All in One SEO PackとWP Super Cacheは超有名プラグインなので、逆に狙われやすいのかなと。ニュースにも出ないようなマイナープラグ

    WordPressのおすすめプラグインは8つだけ。断言します
    babomura
    babomura 2019/02/01
    最低限必要なプラグイン。
  • WordPressのサンプルサイトやテストサイトの記事をCSVで一括登録する

    サンプルサイトやテーマを編集・作成するためのベースサイトには、サンプル記事を複数登録する必要があります。しかし、記事を一つ一つ投稿画面から登録していると骨が折れますよね? サンプル記事などの面倒な投稿は、プラグインを使って一括で登録してしまいましょう。 今回は、面倒なサンプル記事をCSVファイルで簡単に一括投稿できるプラグインとその使用方法についてご紹介します。 CSV一括登録ができるプラグイン『Really Simple CSV Importer』 『Really Simple CSV Importer』は、記事文だけでなく、カスタムフィールドやアイキャッチ・タクソノミー情報・カテゴリ・タグなどのCSV一括登録に対応しているのでとても効率よく記事を投稿することができます。 テストサイトやサンプルサイトは、SEOに対応させたり検索エンジンにインデックスさせたりするわけじゃないので、同じペ

    WordPressのサンプルサイトやテストサイトの記事をCSVで一括登録する
    babomura
    babomura 2019/01/31
    wordpressのサンプル記事を手早く作る方法。Googleスプレッドシートを使います。
  • ATOMとローカル環境のWordPressを連携してテーマの作成・編集をする

    あなたは、WordPressのテーマを作成したり編集したりするときどうしていますか?私はローカル環境のWordpressでデザインを実際に確認しながらATOMで作成・編集を行っています。 WordPressのテーマの編集を行うときは、管理画面から直接編集するのはなるべく避けるようにしましょう。管理画面からの直接編集は、何のサポート機能もないので編集がし難い上にコードミスによるトラブルも起こりやすくなります。 この記事では、私が実際に使っているATOMを使ってWordPressテーマの作成・編集する方法についてご紹介します。 ATOMとは ATOMとは、GitHubが主体となって開発しているオープンソースのコードエディタです。WindowsMAC OS X・Linuxに対応しているため環境を選ばずに使用することができます。 さらに、沢山のプログラム言語も扱うことができるうえに、パッケージを

    ATOMとローカル環境のWordPressを連携してテーマの作成・編集をする
    babomura
    babomura 2019/01/31
    wordpressをローカル環境で編集するためにXAMPPとATOMを連携。ATOMの設定方法が解説されている。
  • XAMPPを使ってWordPressテーマをローカルで作成・編集する

    WordPressのテーマを作成・編集する際に、公開しているサイトで直接編集するのはあまり好ましくありません。Web上で直接編集するのではなく、ローカルの自分のパソコン上でWordPressを編集したりプラグインの動作を確認したりできる環境を作っておくと自分好みのサイトを作成する際に便利です。 私は、ローカル環境をフリーで構築できるXAMPPを使ってWordPressをテーマを作成・編集しています。この記事では、XAMPPのインストール~WordPressの導入までをご紹介します。 WordPressをローカル環境で動かすには? WordPressなどのWeb環境を構築する際には、動作させるためのソフトウェアが必要です。ソフトウェアが入っていなければきちんと動作してくれません。 WordPressは、 Webサーバ → Apache SQLデータベース → MySQL Webで動作するプロ

    XAMPPを使ってWordPressテーマをローカルで作成・編集する
    babomura
    babomura 2019/01/31
    wordpressをローカル環境で起動させ、操作する方法。XAMPPを使う。
  • 【ワードプレス】簡単!コメント機能をcomments.phpでゼロから作成

    【ワードプレス】簡単!コメント機能をcomments.phpでゼロから作成 製作 プログラム 最終更新日:2017/11/14 ワードプレス:comments.phpの超カンタンな作り方! 「自作テーマのコメント機能がうんともすんともいわないっ!」こんな状態になっていませんか? ブログなんかだと必ずといっていいほどコメント機能はついていますよね。ワードプレスにももちろんコメント機能があります。テーマをダウンロードした場合は管理画面でコメント機能の有効・無効を変更できますが、自作テーマなんかの場合だとそもそも管理画面でいくらコメント機能を有効にしてもコメントは表示されません。実はワードプレスでコメントを表示するためには特別なphpファイルを用意する必要があるのです。 今回はワードプレスのコメント機能をゼロから作成していきます。わかりやすく書いていますので、自作テーマにコメント機能を追加したい

    【ワードプレス】簡単!コメント機能をcomments.phpでゼロから作成
    babomura
    babomura 2019/01/31
    自作テーマの際、コメント機能を追加する方法。サンプルコードあり。
  • 実演!!自作のWordPressオリジナルテーマを作成する方法を徹底解説

    記事一覧までスキップ WordPressは、テーマを変更することでWEBサイトのデザインや機能を変更することができます。 配布されているWordPressテーマは、有料・無料に関わらず豊富にありますが、専用に作られたものではないため、制約を受けたりカスタマイズを繰り返したりするうちに複雑化し、余計な機能も盛りだくさんの重たくメンテナンスしづらいサイトになってしまいます。 自作のWordPressのテーマを作成するのは、既存のテーマをそのまま使うよりも大変かもしれませんが、それ以上にたくさんのメリットがあります。 WordPressのテーマを自作するメリットは?? 既製のテーマを使用せずに、自作テーマを制作できるようになると、下記のメリットを感じることができるかと思います。 機能的な制約に縛られることなく自由に作成できる テーマの構造を理解できているのでカスタマイズしやすい 一つベースを作れ

    実演!!自作のWordPressオリジナルテーマを作成する方法を徹底解説
    babomura
    babomura 2019/01/31
    wordpressテーマの自作をする方法。サンプルデータあり。
  • JPEG/PNG/GIFからアイコンを作成する「アイコン コンバータ」

    このWebアプリケーションは、ブラウザ上でJPEG/PNG/GIFからWindowsMacAndroidiPadiPhoneなどのfaviconとして利用されるアイコン(.ICO形式、.PNG形式)ファイルへ変換するものです。 アイコンファイルは、正方形として出力いたします。最大出力サイズは、ICO形式で128x128ピクセル、PNG形式は、144ピクセルとなります。小さい画像の場合は、足りない部分を透明で塗りつぶします。 どなたでもご利用いただけます。 変換したファイルをご利用の際には、ファイル名を変更の上、お好きなサイズを保存してご利用ください。 ご質問等はこちらの記事の投稿フォームからお願いいたします。

    JPEG/PNG/GIFからアイコンを作成する「アイコン コンバータ」
    babomura
    babomura 2019/01/31
    画像をico形式に変換。様々なサイズに対応。
  • 【常時SSL化】「Search Regex」画像URLを「http→https」に一括置換する方法【WordPressプラグイン】 | おすすめ方法.com

    【常時SSL化】「Search Regex」画像URLを「http→https」に一括置換する方法【WordPressプラグイン】 time 2016/07/02 folder SEOに役立つ方法 wordpress WordPressプラグイン 常時SSL化 「常時SSL化」をしたら、サイトの全ての画像URLを「http」から「https」に変更しましょう! URLを変更するには、 画像を削除→再アップロードする 投稿画面でビジュアルエディタからテキストエディタに変更し、画像URLのhttpを1つずつhttpsに変更する といった手順を、全ての画像に1つずつ行う方法もありますが、大変です。 そこで、WordPressプラグイン「Search Regex」で、画像URLを「http→https」に一括置換(ちかん:置き換えのこと)しましょう。 WordPressプラグイン「Search R

    【常時SSL化】「Search Regex」画像URLを「http→https」に一括置換する方法【WordPressプラグイン】 | おすすめ方法.com
    babomura
    babomura 2019/01/28
    指定の文字列を一括して置換してくれるプラグイン。httpをhttpsにする際などに便利。