企画・ディレクション・デザイン・システム等の各分野から専門的な目線で、技術的な役立つ情報を発信します。 WordPressでの更新が増えてくると、管理画面を使用する時間も長くなります。 すると「こういった機能があると便利なのにな〜」と思うことも増えてくるのではないでしょうか。 今回は一番使用する機会の多い「投稿一覧画面」に、カスタムフィールドの検索機能を追加する方法を紹介します。WordPressでは主にタイトルと本文しか入力することができませんが、 カスタムフィールドを設定するとそれ以外の項目を公開できるようになります。 何も設定していない投稿一覧画面は下図のようになっています。 タイトルや本文、日付、更にはカテゴリーから絞り込み検索を行うことができます。 これでも十分に検索機能は充実しているのですが、カスタムフィールドの検索には対応していません。 試しにカスタムフィールドに値を設定し、
WordPressの管理画面に、オリジナルのメタボックスを追加する方法です。 メタボックスというのは、公開ボックスとか、カテゴリー選択ボックスみたいなやつです。 カスタムフィールドでも実現できますが、プラグインの制作時などに追加したいときに使えます。 コード // 中身 function nskw_meta_box_inside() { echo 'I added a new meta box myself! Bravo!!'; } // メタボックスを追加する関数 function nskw_meta_box_output() { add_meta_box('nskw_meta_post_page', 'Test Meta Box', 'nskw_meta_box_inside', 'post', 'side', 'low' ); } // フックする add_action('admin
jqueryでhtmlを書き換える方法はいろいろとあります。 テキストを書き換える方法 $("セレクター").text("書き換え"); 例えば、フリーランスをデザイナーに書き換える <p class="text">フリーランス</p> jqueryのタグは $("p.text").text("デザイナー"); すると <p class="text">デザイナー</p> になります。 htmlタグごと書き換える方法 $("セレクター").html("書き換え"); 例えば、pタグのフリーランスをh3タグのデザイナーに変更します。 <p class="text">フリーランス</p> jqueryのタグは $("p.text").html("<h3>デザイナー</h3>"); すると <h3>デザイナー</h3> にかわります。 htmlの追加 指定した要素内部の先頭に追加する方法 $("セ
天邪鬼なのでチェック項目があったら片っ端から反対のことをしたくなる性格なのですが、もう三十路の大人なのでそんなことも言ってられません。 さて、皆さん記事を書く際に自分ルールみたいなのを持っていたりしませんか？だけど、記事を書くのに必死になっていると自分を見失ってしまうことがよくありますよね。（あるのか？） そのために、今回はWordPressの投稿画面のサイドバーにチェック項目を入れる方法をご紹介したいと思います。 DEMO 右サイドバーに好きなチェック項目を入れることができます。 文章やチェック項目の数は自由に増やしたりできます。 コード ある程度、HTMLがわかる方向けに書いてますのでご了承ください。かといってfunction.phpにいかのコードを編集して挿入するだけですのでそこまで難しくもないかと思います。 なお、チェック項目はこれを書く直前まで読んでた「人を操る禁断の文章術」とい
記事でいうアイキャッチのようなカテゴリーイメージを設定できるようにしたり、説明文を自由に装飾できるようエディタを実装したりなど、WordPressのカテゴリー周りのカスタマイズでよく利用するコードやプラグインの備忘録です。 カテゴリーのカスタマイズと言っても表示カテゴリーのID指定とか特定のカテゴリーの記事を出したいとかそういう系の内容ではなく、主に管理画面の入力周りを変更といったもの中心です。 紹介している内容やキャプチャなどは、WordPress Ver 4.5.2で検証・使用した際のものになります。 カテゴリー説明を表示する際に付加される<p>を消去する カテゴリー説明はそのまま項目名にもあるように「説明」という部分へ表示したい文字を入力するのですが、デフォルトでは入力したものがp要素で括られた状態で表示されます。 これが不要な場合はfunctions.phpに下記を記述することで無
wordpressの間違い投稿は危険 私もたまにやってしまうのですが、カテゴリをチェックし忘れてたりパーマリンクが日本語のままだったりと。 すぐに気がつけばいいのですが、しばらく忘れてて望まない形でGoogleにインデックスされてしまったりしますよね。 公開と同時にtwitter等のソーシャルメディアに自動で投稿するようにしてたりするとやっかいですよね。 そんな間違いをチェックし、公開ミスを防ぐためにjQueryのスクリプトを書きましたのでよければご参考まで。 ソース add_action( 'admin_head-post.php', 'check_publish_post' ); add_action( 'admin_head-post-new.php', 'check_publish_post' ); function check_publish_post() { if( get_p
*AMP（アンプ）*とは、「Accelerated Mobile Pages」を略したもので、Googleが推奨するモバイルページの表示速度を高速化してユーザー満足度を高める手法のことです。2016年、アメリカで先立って始まったAMPは、6月20日に日本でも対応開始。今では数多くのWebページがAMPに対応しています。 今回は、AMPの基礎知識や導入方法について解説していきます。 目次 AMPとは AMPに対する各プラットフォームの現状 Google Yahoo はてなブックマーク AMPが速くなる仕組み プリレンダリングに最適化 JavaScriptが使えない ローディングに優先順位がある AMPを構成する3要素 AMP HTML AMP CDN AMP JS AMPを利用するメリット コンテンツが高速表示される 通常検索結果枠とは別の枠で表示される ユーザーのストレスを軽減できる 検索
WordPressの予約投稿に失敗する原因と見るべき重要ポイントのまとめ！2016年05月18日 [WordPress] WordPressのブロガーの方なら恐らく使っているである予約投稿機能。 指定した日時に達すると自動的に作った記事が投稿されるというものです。 たくさん記事を書いた場合に日付を分けて投稿したり、 忙しくて記事が書けない日でもその時間に公開されるので大変便利ですよね。 先日、私が運営している別のWordPressの管理画面を開いたら、 なぜか登録しておいた「予約投稿」に失敗していました。 今までこんなことなかったのになぜ？と思いながら、再度直近の日時で指定して様子を見てみることにしました。 しばらくして予約投稿が無事できていたので、問題ないであろうと別の日付で予約投稿し放置。 そしたらまた、予約投稿に失敗していたのです。 もう何がなんだかわかりませんでしたので、WorｄP
URL構造を変更するとSNSのシェアカウントもリセットされてしまいます。サイトを引っ越したときに新URLでも古いシェア数を表示する方法をTwitter・FB・はてブでまとめました。 URLの変更など本来やらない方が良いのですが、やむなくサイトの構造変更や引っ越しなどをすると相応に手間が掛かるものです。 中でも痛いのはSNSのシェア数がリセットされることではないでしょうか。いくらでも口コミが集まる人気サイトならともかく、通常運転での能動シェアが5000PVあたり1回程度な弱小サイトの場合はカウンタリセットって本当にショックが大きいわけですよ！！ …ということで、先日URL変更をした当おち研でも旧アドレスからのシェア数をサルベージすることにしました。基本的にWordPressサイトという前提で書いているので別のCMSをお使いの場合は適宜 読み替えて下さい。 旧シェア数が取得出来るサイト構造につ
CSSやHTML、javascriptやjQuery、WordPressやプラグインなど、WEBデザインにちょっと便利なTIPSまとめブログ。サイト制作時に見つけた小ネタなどをまとめて紹介します。
![[WP]404 Not Foundの時に指定のページへリダイレトする方法 | WEBデザインのTIPSまとめサイト「ウェブネタチョ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/727278973b67e70a3bdbfed0edc1ef1da6e1a28e/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fwebantena.net%2Fwp-content%2Fuploads%2F2015%2F05%2F121809110.jpg)
CSSやHTML、javascriptやjQuery、WordPressやプラグインなど、WEBデザインにちょっと便利なTIPSまとめブログ。サイト制作時に見つけた小ネタなどをまとめて紹介します。
![[WordPress]特定IDのページを別ページへリダイレクトする方法 | WEBデザインのTIPSまとめサイト「ウェブネタチョ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e145a651d3aa40c701aa1942a0acd79029859f1/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fwebantena.net%2Fwp-content%2Fuploads%2F2019%2F10%2F112494671.jpg)
よく使うコードなのでメモメモ… カテゴリ一覧ページ（category.php）にて所属しているカテゴリー名やスラッグ、IDなどの情報を取得したい時は 次のコードで取得可能！ <?php $cat_info = get_category( $cat ); ?> <?php echo wp_specialchars( $cat_info->name ); ?> $cat_info->nameのnameを以下に変えてあげればその情報が取得できる。 [term_id] => 85 [name] => Category Name [slug] => category-name [term_group] => 0 [term_taxonomy_id] => 85 [taxonomy] => category [description] => [parent] => 70 [count] => 0 [c
WordPressをカスタマイズする時、もっともコードを追加したり、編集したりするのはfunctions.phpになるのではないでしょうか ネット上の情報でも便利な機能を追加、拡張するために「functions.phpにこのコードを書きます。」という説明によく出会うと思います。 もちろん、それで実現したいことができるので間違いではありません。 しかし、そのままコードを追加していくと管理が難しくなります。 functions.phpに関数を増やすと管理が難しくなる？ WordPressの機能を拡張する方法には大きく分けて2つあります。 プラグインを入れる functions.phpにコードを書く プラグイン 2つを比べると分かると思いますが、1つ目のプラグインを使う方法はとても管理がしやすいです。管理しやすさには以下の点があげられます。 フォルダで管理されプラグインが何を行なう物か明白に分か
![[WordPress] functions.phpを編集、修正、管理しやすくする書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ce547fc50a39c9f2923dc0fc6e83949a9ca73c4/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fi0.wp.com%2Fmillkeyweb.com%2Fwp-content%2Fuploads%2F2014%2F05%2Fmedium_3769771267_mini.jpg%3Ffit%3D640%252C510%26ssl%3D1)
WordPressに絶対入れるプラグインまとめ WordPressのサイトを300以上構築してわかった必ず必要なプラグインをまとめました。Wordpress入っているだけで管理がもの凄い楽になるのでオススメプラグイン度◎です。 初めてWordpressでブログやサイトを構築するあなたもこれを入れておけばだいたい大丈夫！！ 入れると管理が超絶楽になる運営者向けプラグイン SEO効果を高めるプラグイン 複数人で運営する場合に欲しいプラグイン 動画サイトを作成する時に欲しいプラグイン 美容・飲食サイトを作成する時に欲しいプラグイン 商品画像が欲しい時に使いたいプラグイン 記事をまとめて削除したいときに使いたいプラグイン WordPressに入れると管理が超絶楽になる運営者向けプラグイン AddQuicktag テキスト入力時に h2、h3など決まったフォーマットのボタンを作る事が出来ます。 とく
Wordpress等のCMSを導入するとURL構造に一定のルールができます。 その際に、どうしても元のURLと全く同じにできなくなるケースがあります。 URLが変わると検索順位に影響ある？ 答えは「Yes」で、別URLになるので同じコンテンツでも別ページとしてみなされます。 そうすると新しいページとしてみなされるため、今まで培ってきたページの被リンク、検索順位のインデックスは元通りになり、何も考えずにリニューアルすると検索順位からのアクセスがどっと減る可能性ということも。。 とはいえ、URLが変わってしまうからといってCMSの導入を控えるのはナンセンスです。 URLは変化してもCMSを導入して更新コンテンツをCMSから管理できるようリニューアルすることは可能です。 では、どうすればいいか？ URLが変わっても同一のページだということをGoogleに認識させてあげればOK 301リダイレクト
affiliate.ks-product アフィ収入月10万円以下の初心者を対象に、アフィリエイト、SEO、セールスライティング、マーケティングなどネットで安定して稼ぐ方法を分かりやすくまとめています！関連書籍のレビューも書いています WordPressには「投稿」や「固定ページ」の他にも投稿する方法があるのをご存知でしょうか？WordPressでは カスタム投稿 という機能で 用途に合わせた投稿方法 を追加し、独自のCMSにカスタマイズすることが可能です。 例えば、標準で用意されている投稿方法は以下のような意味合いを持ちます（個人的な解釈です）。 「投稿」・・・ブログの記事 「固定ページ」・・・汎用的なWEBページ サイトの規模が大きくなるとこの2種類では何かと不便です。ここでカスタム投稿が役立ちます。カスタム投稿を使えば以下のような投稿方法が追加できます。 「ニュースリリース」 「
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
Custom Field Templateを使ってカスタムフィールドを活用しよう！ Custom Field Templateとは？ Custom Field Templateは、カスタムフィールドを簡単に利用するためのカスタムフィールドを管理するためのプラグインです。 WordPressのカスタムフィールドは、お世辞にも使い勝手がいいとは言えないのですが、この「Custom Field Template」を使うことでカスタムフィールドの入力フィールドを設定することができ、入力フィールドが投稿ページに決まった形で表示されるようになりますので、カスタムフィールドの管理、入力が非常に楽になります。 日本人が作ったものですので、管理画面も日本語で分かりやすく作られています。 Custom Field Template解説の目次 Custom Field Templateのインストール方法 Cus
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![TechAcademy [テックアカデミー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c295330d4f51d6ba69336c6835b47fb606bfd53/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Ftechacademy.jp%2F_nuxt%2Fogp%2Fog-image.jpg)
