WordPressにお問い合わせフォームや資料請求などを簡単に設置できる「MW WP Form」。本格的な確認画面も表示させることができるので、かなり重宝しますよね。 ただ、利用するサーバーによっては、確認のメールが届かなかったり、送信されない、といったことがよくあります。そんな場合はプラグインの「WP Mail SMTP by WPForms」で、SMTPの設定をすることで、ほとんどの場合が正常にメールが送信されるようになります。 「MW WP Form」の場合には、「送信元」の設定もしないと、メールが届かない・送信されない現象が改善されないので、設定をきちんとするようにしましょう。 （2018年6月29日 追記） フォームに入力して「確認する」ボタンをクリックしても、確認画面に進まない・表示されない（遷移しない）場合には、こちらの記事をご覧ください！ >> MW WP Formで確認画

functions.phpにコピペ /********************* 画面下部に次の見出しを表示する *********************/ function kjk_fixed_headline_script() { ?> <style> .kjk_fixed_headline { width: 90%; max-width: 600px; padding: 0 0.5em; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, -20px); background-color:#f89174; color: #fff; font-size: 1em; font-weight: bold; z-index: 50; text-align:center; border-radius: 10px;

Kome こんにちは！ はてなブログでWordPressよりも可愛く洗練されたブログを作ることを目指しているKome（@chankomeppy）です♪ こんな吹き出し、見たことありませんか？ 吹き出しを使うと、文章ばかりの記事やお堅い内容の記事がカジュアルで読みやすくなったり、ブログにオリジナル感がでたりするので、使ってみたいなぁ～と思っている方は多いはず。 WordPressではテーマに実装されていたり、プラグインを使うことで簡単に吹き出しを利用することができますが、はてなブログに吹き出しの機能は標準装備されていないので、自分でCSSをいじってカスタマイズするしかないんですよね。 初心者ﾌﾞﾛｶﾞｰ やってみたいけど、難しそうだから手を出せてないんだよね～ Kome はてなブログでも簡単に吹き出しを導入できるんだよ！ この記事で紹介するコードをコピペして、自分好みにカスタマイズするだけ！

「WordPressで吹き出しを使いたい」 「プラグインを使わずにhtmlとcssで吹き出しを作りたい」 と、WordPressで吹き出しを作りたいが、プラグインは使用せずにhtmlとcssで作成するにはどうしたいいかと悩んでいる方がいるのではないでしょうか。 そこで、今回はWordPressでプラグインを使用せずにhtmlとcssで「アイコン付きの会話風の吹き出し」を簡単に作成する方法をご紹介します。 htmlとcssを使用して、多様な吹き出しを作成できるようになるために、以下の3つの方法をご紹介します。 アイコンの形を変更する方法吹き出しの形を変更する方法アニメーションをつける方法htmlとcssは全てコピーペーストして使用して大丈夫です。自分で好きなようにカスタマイズして、htmlとcssを使ってオリジナルの吹き出しを作成してください。 ちなみにプラグインを使った吹き出しの作り方を解

WPプラグイン「Basic Google Maps Placemarks」は、Google Maps APIを2種類、制限ありで設定する必要がある Google Maps APIが2018年6月以降、サービスが変更になったことで、Maps APIを使用したグーグルマップが表示しない、または機能しないなど、問題が起こっている。 もちろん、APIキーを新規取得するか、新しいサービスへのAPIアカウントの移行を行えば問題は解消する。 今回は、WPプラグイン「Basic Google Maps Placemarks」、上記の関係と、このプラグインのアップデート[2016/08/19]で、Google Maps APIが追加された点から、変更点およびGeocoding APIの取得・設定方法について記す。 変更を余儀なくされたのは、「Basic Google Maps Placemarks」プラグイ

多言語（日本語、英語、ハングル、ベトナム語、繁体字、簡体字）対応のWordPressサイトを構築する際にあった不具合と、それを解消するTipsを残しておきます。 2バイト文字対策のプラグイン「WP Multibyte Patch」を有効化しているとハングルや中国語、ベトナム語といった他言語の送信内容が文字化けしました。 MW WP Form（私はここ2年ほどこのプラグインを愛用しています）だと、多言語対応しているプラグインなのでデータベースに蓄積される内容は化けません。 送信内容を送信する際の文字コードの問題でした。 WP Multibyte Patchを有効化していると文字コードが「JIS (ISO-2022-JP) エンコーディング」で送信されるためです。 これを解消するにはWP Multibyte Patchの設定ファイルを作り、設定を変更します。 pluginsフォルダ内のwp-m

2015/07/14 (更新日: 2017/09/18) WordPressプラグインなしでLazy Loadを実装する方法 PROGRAMMING WordPress 画像読み込みを遅延させたほうがSEOに良いとのことで、遅延読み込みを実装しました。実装先は現在運営中のPhil Portalです。全記事に実装していますので、デモ変わりにご覧ください。 » デモ用記事：フィリピン留学で失敗する『ゆるふわ留学生』が続出している件【出合いに感謝！】 Lazy Loadプラグインを利用 Lazy Loadプラグインを利用します。数多くのサイトで紹介されており信頼できるプラグインです。 » Lazy Load Plugin for jQuery ダウンロードはgithubからどうぞ。ファイルがいっぱいありますが、使うのは「jquery.lazyload.min.js」だけです。 » tuupola

WordPressで自分用のショートコードを作成するのは通常、function.phpを触らないといけないので、少し面倒です。管理画面で簡単にショートコードを作成でき、管理もできるWordPressのプラグインを紹介します。 ショートコードはHTML, CSS, JavaScriptに対応しており、単独でも組み合わせても利用できる優れものです。 Snippy Snippyの特徴 Snippyのダウンロードとインストール Snippyの使い方 Snippyの特徴 Snippyは、独自のカスタムショートコードを素早く作成できます。 function.phpを編集する必要はなく、管理画面で簡単に作成できます。 Snippy 対応しているコードは、下記の通り。 HTML CSS JavaScript YouTube動画を埋め込むコード、Googleマップを埋め込むコードなど、自分用にカスタマイズし

##この記事について jQueryのプラグイン DataTables の応用方法を紹介します。 [画像イメージ] DataTables はテーブル装飾用のプラグインなのでフラットなデータしか扱えないように思われますが、工夫次第でテーブルの中に階層化したデータを表示することができます。 セルの中に出力するデータを自分で作ったHTMLで置き換えることができるので、応用範囲は広いです。 Datatablesについて 公式：https://datatables.net/ 基本の使い方：https://qiita.com/nissuk/items/7ac59af5de427c0585c5 ##サンプルコード サンプルページ https://okoppe8.github.io/datatables_responsive_hack/index.html サンプルコード github やりかた 入れ子にな

2 このプラグインは最終更新が4年前で、WordPressの最新3回のメジャーリリースに対してテストされていません。 参考程度に留めていただいた方が無難ではないかと思います。

前から気になっていた、「ブログの記事タイトルとURLをコピーするボタン」を設置することにしました。 カゴブロではWordPressを使ってますので、WordPressへの設置方法です。 この2点を実現しようと思ったら知識不足によりかなり手間取ってしまいました。 テキストウィジェットとして配置できること コピーできなかった場合にはエラーメッセージを表示すること ウィジェットエリアでもPHPを使えるようにするプラグインは使用してません。 もっとスマートに実現する方法や、ここの記述はこっちの方がいいよ！などありましたらコメントにてお教えください┏○ﾍﾟｺ ブログの記事タイトルとURLをコピーするボタンを設置する どのようなボタンか このブログにも配置してあります。タイトル下のSNSボタンの下、アイキャッチ画像の上と、記事下のSNSボタンの上です。 ↓こういうやつ。 ウェブ企画ラボさんの記事を見て

㈱自給人代表取締役 / ブログマーケッター / ブログ集客の専門家 湘南茅ヶ崎で、ブログを中心としたWEBマーケティングのコンサルティングを個人や法人の方にしつつ、趣味で畑で野菜を育てています。 ブログも野菜もコツコツ育てることが大好き。 【自給人＝人生をコンテンツ化できる人】を育てていきます！ 自給自足アフィリエイターの斉藤です！ あなたのブログ、HTTPS化していますか？？ HTTPS化というのは、以下のように緑のカギマークが付くサイトにすることです。 カギマークが表すように、HTTPS化すると、セキュリティ対策になります。また、読者にとっても、「このサイトは安全ですよ！」と伝える効果があります。 さらに、最近では、GoogleがHTTPS化を推奨していることもあって、HTTPS化がどんどん進んでいます。 しかし、HTTPS化って、聞くとややこしく感じますよね。僕もやってみるまでは、め

BuddyPressという言葉はWordPressを利用している方なら聞いたコトがあるでしょう。日本では数年前に流行ったんですが、定着はしなかったように感じます。 きっとコミュニティサイトを作ろうとして導入してみたものの、設定方法の情報の少なさに諦めた方もいるんではないでしょうか。 ボク自身もこのプラグインを使って、コミュニティサイトを制作しようと色々と検索しましたが、殆どの記事が数年前のもので最新バージョンとは合わない記事が多かったです。 頼みの綱であるBuddyPressの日本公式サイトを見ても完全に動きがなく、404エラーになるページもチラホラ…海外では今でも結構使われているんですけどね。 しかし、WordPressでSNSコミュニティサイトを制作するなら、やはりBuddyPressが簡単なんじゃないかなと思います。この記事ではBuddyPressの導入から設定方法などを紹介していき

サブドメインだけ常時SSL化したい理由 まず、今の私の悩みとしては過去の私が １つのドメイン内にワードプレスやサイトやツールを あれこれと詰め込んでしまっていた事で常時SSL化に唸ったという事が発端となります ググレ！ 常時SSL化とは というか 「SLL化」みたいなトーマス的な事じゃなく 「SSL化」ね って今はその説明がメインじゃないので とりあえず超簡単に言うと・・ http:// ドメイン.com だとセキュリティー的になんか知らんけど安全じゃないってなってしまうらしいから https:// ドメイン.com でサイトの表示が常にされるようにしないさいね （これを常時SSL化という） という凡人の私にはたがが「S」が付くかどうかで 何がそんなに違うのかわからんけど どこぞの賢い人達がそうしろと言うならそろそろ やらにゃしゃ～ね～な～ って今後の対応しざるおえない状態になってきている

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