初心者向け！Wordpressで検索機能を自作してみよう！
WordPressはメディアサイトや企業の公式サイトなどでよく使われるCMSです。 WordPressの特徴として有志によるテーマの開発が盛んなことが挙げられます。そのテーマを利用することによってhtmlなどの知識がなくてもWebサイトを作ることが出来ます。 テーマによって使える機能は違いますが検索フォームはほどんとのテーマに実装されています。しかし、ごく稀に検索フォームが実装されていないWordpressテーマも存在します。 そんな時は検索フォーム機能を諦めるのではなく、自分で作ってみてはどうでしょうか？ シンプルなフォームならプラグインを導入する必要もなくコードの量も少ないのでWordpressで検索フォームを自作するのは思ったよりも簡単です。 少しでもhtmlを知っている方がやると30分もあれば確実にできる内容ですので検索フォームが欲しい方はこのページをみて作ってみましょう！ 1.検
【WordPress】カスタムフィールドの値で条件を絞り込み、ループで記事一覧を表示する | KERENOR { ケレンオール }
この記事では、WordPressのプラグイン「Advanced custom fields（以下ACF）」で作成したカスタムフィールドの値で条件を絞り込み、該当記事を表示させる方法をご紹介します。 「news」というカテゴリーの、カスタムフィールドのチェックボックスにチェックを入れた記事だけ、TOPページに最新記事のタイトルを5件表示する という場合のコードを考えてみます。特定の記事だけTOPページの新着記事一覧に表示させたい時などに便利です。理屈が分かれば、「チェックを入れた記事は表示させない」という逆パターンもできると思います。 Advanced custom fieldsでカスタムフィールドを作成する まず、ACFで「show_index」というチェックボックスのカスタムフィールドを作成し、選択肢は「show : TOPページにこの記事を表示する」とします。「show」が値で「TOP
[WordPress] カスタムフィールドで絞り込んで一覧表示する | IT女子のお気に入りフォルダ
WordPressでカスタムフィールドの値によって投稿を絞り込む方法のメモです。 カスタムフィールドが特定の値の投稿を取得する カスタムフィールドが特定の値の投稿を取得する方法です。 例として、投稿タイプ『test』で『city』というカスタムフィールドの値が『神戸』という投稿を絞り込んで取得します。 投稿タイプ（post_type）：test カスタムフィールドキー（meta_key）：city カスタムフィールド値（meta_value）：神戸 $args = Array( 'post_type' => 'test', 'posts_per_page' => -1, 'meta_key' => 'city', 'meta_value' => '神戸' ); $the_query = new WP_Query($args); if($the_query -> have_posts()):
![[WordPress] カスタムフィールドで絞り込んで一覧表示する | IT女子のお気に入りフォルダ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c78905fca2f779277a942d0bbbd6684360ce582/height=288;version=1;width=512/https%3A%2F%2Fsachips.byeto.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F11%2Fmafin.jpg)
-webkit-overflow-scrolling 要らなくなってる : (*x).b=z->a+y/c
◆ -webkit-overflow-scrolling をつけると範囲外表示できないバグがあった ◆ 今も直ってない ◆ だけどなくてもデフォルトでなめらかにスクロールするから付ける必要がなくなった 以前の iOS ではページ全体のスクロールはなめらかでしたが要素内のスクロールはすごくカクカクしてました 要素内のスクロールは 適当な要素に overflow: scroll をつけて要素内でスクロール可能にしたものです それの対処方法に -webkit-overflow-scrolling: touch を指定するというのがあります これを指定すると要素内のスクロールでもなめらかにできました しかし このスタイルにはバグが多いと報告されていて 私が困ったものだと このスタイルをつけた要素の外側に描画できないというものがあります スクロールエリアの中の要素で position: fixed
関数リファレンス/zeroise - WordPress Codex 日本語版
説明 必要な時に先頭に「0」を追加します。 もしthreshold(しきい値)に '4' を、数字に '10'を設定した場合に、 '0010'が返されます。またthreshold(しきい値)に '4' を、数字に '5000'を設定した場合には、'5000'が返されます。 Sprintf を使用して $threshold パラメーターと数値のサイズに基づいてゼロの数を追加します。数が十分に大きい場合はゼロが追加されません。 使い方 <?php zeroise( $number, $threshold ); ?> パラメータ $number （mixed） （必須） 先頭に0を追加したい数字。 初期値： なし $threshold （integer） （必須） 全体の桁数 初期値： なし 戻り値 (string) 先頭に0を加えた数字。 用例 コメントとしての数字 この例はコメントの番号とし
the_posts_pagination()を使う際のテンプレート - Qiita
今までWordPressにてページネーション機能を使いたい場合には、独自にfunctionとして組み込むか、WP-Pagenaviなどといったプラグインを利用するかのどちらかでした。 しかし、WordPress側では既にページネーションを出力する関数を用意してありました。全然知りませんでしたのでメモしておきます。 <?php the_posts_pagination( array( 'base' => '%_%', // ちょっと良く分からない 'format' => '?page=%#%', // ページネーションのパーマリンク構造 'total' => '1', // 総ページ数 'current' => '0', // 現在のページ番号 'show_all' => 'false', // 全てのページを表示する。falseの場合は以下end_size, mid_sizeで指定 'en
WordPress ページネーション ページャー
投稿の個別ページで前後の投稿へリンクする関数 投稿の個別ページで前後の投稿へのリンクを表示するには以下のような方法があります。 previous_post_link() と next_post_link() を使う方法 the_post_navigation() を使う方法（バージョン 4.1.0 から導入） 通常は個別ページ（single.php など）のループ内で使用します。 <?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?> ・・・中略・・・ <?php the_content(); ?> ・・・中略・・・ <?php //リンクを出力：the_post_navigation() を使う場合の例 the_post_navigation( array( 'prev_text' => '前へ： %t
もう悩まない！ WordPressのタイトルと本文の文字数制限を使いこなす
もう悩まない！ WordPressのタイトルと本文の文字数制限を使いこなす TOPページで新着記事を読み込む時。 ブログの記事一覧ページなどで本文を〇文字だけ表示させる時。 みなさんどのように実装されていますか？ 「the_excerpt()」を使う手もあるんですが、 こちらはこちらで色々と自動でタグが入ってしまったり、functions.phpに細々書く必要があったりとメンドクサイ個人的に使いにくいのであまり使いません。 今回は、the_title()とthe_contnet()の文字数制限について、細かめにご説明したいと思います。 基本的にタイトルにはテキストしか入らないので、そんなに難しくありません。 ご紹介するコードも3つだけ。 ① 単純に20文字で制限する<?php echo mb_substr($post->post_title, 0, 20); ?>単純ですね。20文字まで表
テンプレートタグ/the content - WordPress Codex 日本語版
現在の投稿の本文を出力します。 このテンプレートタグはループの中で使わなければなりません。 本文中に <!--more--> クイックタグがある場合、先頭からそのクイックタグまでの内容のみを抜粋として表示します。 ただし単一投稿ページ（パーマリンクで投稿を特定したページ）では、抜粋のみでなく本文をすべて表示します。 the_content() テンプレートタグは <!--more--> の表示方法を決めるパラメータを受け取り、投稿の全文を「続けて読む」ためのリンクを表示する、という設計になっています。 <!--more--> について： <!--more--> クイックタグの "more" の前に空白を入れてはいけません。つまり <!-- more --> は正常に動作しません！ <!--more--> クイックタグは single.php などの単一投稿を表示するテンプレートでは動作せず
5.WordPressテーマの記事一覧ページ(index.php・archive.php)とトップページ(home.php)を作成する
サブループを使用する場合は、ループ終了後に『wp_reset_postdata();』を記述して必ずループをリセットしてください。ループのリセット処理を行わないと、後のループに悪影響を与えてしまうので忘れないように注意しましょう。 サブループを自動で作成できる『WordPressサブループ自動作成ツール』を公開しました。ページネーションも自動で出力でき、カテゴリ・タグ・著者・ターム・日付・投稿・固定ページ・カスタムフィールドなど、様々な条件をセレクトボックスで選択するだけでサブループを出力するためのコードを自動で作成することができますので、ぜひ利用してみてください。 loop-content.phpに要素を追加する ループを記述したら『loop-content.php』内に、ループ内で繰り返し出力する各要素を記述していきます。 loop-content.phpを記述 <div class=
ざっくりWordPressの自作テンプレートの作り方 - Qiita
プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ■運営サービス一部 http://crazy-wp.com/ http://webukatu.com/ 新宿のホストから不動産・保険の営業を経て、HTMLって何？という状態から３ヶ月独学でプログラミングやデザインを学び、IT業界で１年間実務経験を積んで年収は１本超え。現在は起業家としてサービス運営やら不動産運営をしています。 Qiita内にそれ系の記事も書いてます。 エンジニアで稼ぐために大切な１３のコト WEBサービスで起業したい人に読んで欲しい１８のコト wordpressってなに？ 優れたメンテナンス性・無限の拡張性を併せ持ったオープンソースのCMS。 世界で最も使われているCMS ワードプレスは現在、世界で最も使われているCMSです。 世界中の政府機関、企業、教育機関な
Google Meetの画面共有や録画などの使い方 | SONICMOOV LAB
検索で人気のビジネスチャットツール10選で紹介したビデオ会議ができるツールの一つにGoogle Meetがありますが、それの使い方についてまとめてみました。 ちなみに、弊社ではLINEでオンラインセミナーなどのイベントの予約から決済までが行えるサービスを提供していますので、興味のある方はぜひともチェックしてみてください。 イベントできる君 | LINEで簡単にオンラインイベントを開催！予約から決済まで。 目次 アカウントなしでは使えない 利用できる人数と時間 Google Meet用アプリ Google Meetの使い方 Google Meetにアクセス カメラとマイクのアクセス許可 ビデオ会議への招待 招待を受け取った人 参加リクエストの承諾 チャットと改行 画面共有 会議の録画と停止 バーチャル背景 アカウントなしでは使えない Google Meetを利用するには、セキュリティ上Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressにページネーションを入れる方法
LOWYA