wordpressでサイトを構築中、jQueryを使ったコードを書き込むことがよくあるかと思います。 でも、動かない・・・。 ネットで「このコードをコピペしたら動くよ」っていうのを参考にきちんとやっているはずなのに。 でも、動かない・・・。 そんな時に役立つ「Google Chrome」を利用した原因の特定方法と、一般的な「$の別名定義」エラーに起因するトラブルの解決方法を紹介します。 １．エラー原因の特定 何はともあれコードが実行されない原因の特定を行います。Javascriptのエラーは「Google Chrome」のデベロッパーツール Developer Toolsを利用すると簡単に調べることができます。 以下の手順でエラーをチェックしてみてください。 (1) Developer Toolsを表示する jQueryのコードが実行されないページを表示した状態で、「F12」キーを押します

WordPressでCSV登録・更新するには？ WordPressサイトを運営していると「記事をCSVで一括登録、編集がしたい」場合があります。 CSV編集するためにはWordPressプラグインを使います。 WordPressでCSV編集のためのプラグイン CSV Importer & Exporter（CSVインポート、エクスポート） WP CSV Exporter（CSVエクスポート）※今回の記事で紹介 Really Simple CSV Importer（CSVインポート）※今回の記事で紹介 今回の記事では、２・３のプラグインを使った方法を解説します。 WordPressをCSV編集で便利になることは？ CSV編集ができれば、複数の記事の複数個所を一括で更新できます。 WordPressで記事投稿していると、過去に記事の特定の文言をまとめて、修正したい場合があります。 例えば、「ワ

個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす

サイト内検索を拡張してくれる有名プラグインもあるのですが、今回は functions.php に記述して検索条件をカスタマイズする方法をご紹介します。 プラグインを使うと本文の検索結果がでてこない？ 実はこの方法を実践する前に、Search Everything　と　Relevanssi を試してみたのですが、何故か本文やタイトルに入っているキーワードにも関わらず、検索結果が『なし』になる状態が発生していました。 プラグインのおかけで、カテゴリー名やタグ名は問題なく検索結果にでてきましたが、細かいキーワードへの対応ができないほうが嫌だったので、今回の方法を導入してみました。 検索条件に、カテゴリー名、タグ名、投稿者名を追加 WordPress標準のサイト内検索では、『投稿ページ』と『固定ページ』のタイトルと本文、抜粋が検索対象となっています。 下記を functions.php に記述する

投稿公開日:2022年11月1日投稿カテゴリー:COLUMN&TIPS / TIPS WordPressには標準で複数のユーザーを管理する機能が備わっていますが、それ以外にもページ単位でパスワードを利用したり、プラグインを使ってサイト全体に共通のパスワードを設定したりできます。 この機能を利用することで、メルマガの読者や自社商品を購入した方だけにプレゼントするページを用意したり、毎月パスワードを変更してお客さまだけに伝える簡易な会員サイトを構築したりできます。 このように便利なパスワードをWordPress（ワードプレス）で使う方法についてまとめた記事です。 パスワードをかける方法WordPressで投稿や固定ページにパスワードを付けるには、次の3つの方法があります。 .htpasswdファイルを利用するWordPress本体の機能を使うプラグインを使うそれぞれについて解説いたします。 .

郵便番号から住所を表示するライブラリーAjaxZip3を使うと、リンクするだけで大量の郵便番号から住所を取得することができます。 最近そのAjaxZip3を仕事で使うことがあったり、Facebookでそれに関する書き込みを見たりコメントをいただいたりしたのでこの機会にAjaxZip3を使ってContact Form 7で郵便番号を入れたら住所が入るようにする、について前回の記事より簡単にできる改訂版の記事を書こうと思います。 AjaxZip3に関する情報 — googlecode.com が利用できなくなる 昨年末に、 Google Codeの閉鎖に伴い、設置済みajaxzip3が2016年1月死亡確定。引き続き利用するにはjsの読み込みをgithubに変更が必要。 というこの記事がたまたまタイムラインに流れました。これを見たときに「あ～！そうかー、それじゃぁ変えなくっちゃ」と思ったのです

ライトボックス系で画像の拡大表示をしたい時など、aタグに独自クラスを付与したい場合があると思います。そんな時に自動的にHTMLにクラス付けする方法です。 image_send_to_editor フィルターフックを使う image_send_to_editor フィルターフックを使用すると、投稿画面から画像挿入する際に出力されるHTMLを加工できるので、これを使うのがよいようです。 画像へのリンクタグに一律でクラス付与する場合は以下のように、functions.php へ記入すればOKです。 add_filter( 'image_send_to_editor', 'addClass' ); function addClass( $html ) { $class = 'myClass'; // ←付けたいクラス名が入ります。 return str_replace( '<a ', '<a cl

CTAを作れる神プラグイン「WordPress Calls to Action」設定方法 2015年11月24日 WordPress プラグイン CTAを作れる神プラグイン「WordPress Calls to Action」設定方法CTAを作れる神プラグイン「WordPress Calls to Action」設定方法 への1件のコメント yonaminetakayuki バズ部のXeoryのように、記事の下にLPへのCTA作成機能を実装できないかずっと考えていたのですが、やっと望み通りのプラグインを発見しました。その名も「WordPress Calls to Action」。 記事毎に細かくCTAを変えることが出来たり、ABテストが出来たりするという、メルマガLPの登録率を上げたい人にとってはまさに神プラグイン。 今回はWordPress Calls to Actionの設定方法を解説

WordPressの子テーマを作成する時にハマった3つのこと 更新日: 2019/10/18 公開日: 2014/04/26カテゴリー: WordPress 「Template」の指定はフォルダ名で子テーマとして認識させるにはstyle.cssが必要です。このスタイルシートには最低限、 /* Theme Name: childtheme Template: twentyfourteen */という2行の記述をしておく必要があります。この「Template」の項目は親テーマのフォルダ名を指定しましょう。間違えると以下のエラーが発生してしまいます。 「壊れているテーマ 以下のテーマはインストールされていますが不完全です。テーマにはスタイルシートとテンプレートが一つずつ必要です。 親テーマが見つかりません。”◯◯” の親テーマをインストールしてください。」 例えば自分は「Template」の項目

作成したWordpressブログカード 今回作成したブログカードは、以下のような表示になります。（追記：はてブ数やサイトリンクは、後に機能追加されたもので以下の方法では表示されません。） サムネイルを左側にした以外は、はてなみたいな感じにしてみました。 これは、単に以下のようにエディターで書いたのみです。 WordPressブログカードの仕様 今回試しにカスタマイズしてみたブログカードの仕様は以下のようになっています。 本文記事の1行にサイト内URLのみが記載されていたらブログカード化する 1行にURL以外も記載されているとブログカード化しない カード化されるのは「投稿ページ」「固定ページ」のみ あくまで自サイトURLのみで他サイトのURLではカード化されない WordPressエディターなどで編集していて、その本文中の1行を「サイト内URL」のみで使用していれば、URLがブログカードに置

皆さんブログのフッターにコピーライトを表記しているでしょうか? 実は現在コピーライト表記に法的な意味はないので、表記してもただのデザイン上の飾りでしかありません。 しかし作者や作成年の確認になったりデザイン的に見栄えもするので、多くのサイトで表記されています。法的な意味は持たないとしても、歴史あるサイトなら開設年と最新年を併記してアピールしましょう。 本記事では最新年をPHPで自動更新する方法と、プロフィールページなどの年齢が誕生日に自動更新されるショートコードを紹介します。 コピーライトの自動更新 ワードプレスにおいてコピーライトを表示する場所は多くの場合でfooter.phpだと思います。 フッターのテンプレートの該当位置に下のコードを挿入してください。 Copyright© 2011–<?php echo date('Y'); ?> <?php bloginfo('name'); ?

WordPress - 大全集 2015.09.11 2017.08.26 誰でも簡単にできる、WordPressを別ドメインに移設する方法 WordPressでサイト制作を行っていると、はじめは仮ドメインに設置 → 公開のタイミングで本ドメインに切り替えるという作業が必要になることがあります。 また、先の記事で紹介したテスト環境から本番環境に移設する時にも必要な工程です。 XAMPPを用いてテスト環境を構築する方法 MAMPを用いてテスト環境を構築する方法 移設の難しさ しかしながら、初めてこの作業を行うと結構苦労します。 移設を行う場合の一番の問題点は、公開URLが変更になることです。 公開URLが変更になることで下記のような問題点が起こります。 公開URLの設定が正しくないとWordPressの管理画面にログインができなくなる。 テーマファイルのCSSやJavaScriptが読み込ま

TL;DR レンタルサーバでの運用を止め、VPS に移行し、Apache の制約から開放されるため軽量・高速な Nginx に変更し、テーマをカスタマイズし軽めのリニューアルをしました。随分と早く使いやすくなったので、会社 HP とコムテブログに行った高速化への手順を全公開します。 今回のリニューアルに伴い、今回行った高速化処理。ちなみに会社 HPはこちら。 PC は 96 点、アナリティクスとメインの CSS を外せば 100 点が出そうでしたが断念。 Pingdomでは 97。ブログの方は、アドセンスや外部読み込み（こちらで調整できないため）で、どうしても遅くなってますが、これに近づけるようにしていきたいです。 なにはともあれ、サーバのスペックそのものを変えないと駄目だということでさくらの VPS 4G（SSD 4G）をチョイス。コーポレートサイトなら 2G くらいでもよいですが、ブロ

今回は、SEOとWordPressテーマの関係について解説していきます。 WordPressでメディアやブログを始める際、テーマによってSEOに強い弱いはあるのか気になるかと思います。 この記事では、SEOに強いWordPressテーマは存在するのか、そしてどのテーマを選ぶべきなのかを解説します。 これを読めばSEOとWordPressテーマの関係が理解できると思います。 SEOとは？ SEOは「Search Engine Optimization」の略で、検索エンジン最適化を意味します。 SEOを行うことで、Googleなどの検索サイトにおいて上位に表示されやすくなります。 SEO施策は簡単なものではなく、「これをやったら検索上位になる」という明確な正解があるわけではありません。 とはいえ、ある程度効果が見込める施策はあるので、それらを最低限行なっておきましょう。 検索結果を決定する要因

Xeory はバズ部の運営ノウハウをもとに完成させたコンテンツマーケティングのためのWordPressテーマです。どなたでもコンテンツマーケティングを行い、WEB上に良質なコンテンツを数多く生み出して頂けるように無料で提供させて頂いております。 どうぞ、ご自由にお使い下さい。

先日、「WordPress 4.4」が正式にリリースされた。 普段はアップデート内容を気にすることはほとんど無いが、今回、アップデートしてからサイトの一部に表示崩れが発生してしまったため、一通りアップデート内容を調べてみることに。その結果、WordPressの最新バージョンではURLを貼り付けるだけでリンクを生成してくれる埋め込みカード（Embed）機能が実装されていることが判明した！ この新機能を一言で解説すると「はてなブログの埋め込みカードのWordPress版」。この埋め込みカードのデザインをカスタマイズする方法や無効化する方法、そして代わりに利用できる内部または外部リンクの埋め込み方法などについてまとめたので、参考にどうぞ！ 埋め込みリンクのデザインをカスタマイズする方法 今回調べたページの中で必要な情報がほとんどまとまっていたのが以下のページ。表示される埋め込みカードの機能解説だ

WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ