タグ

wordpressに関するclea0000のブックマーク (170)

  • ポチッ、でビョイーン。クリックで画像を拡大表示させるワードプレスプラグイン「Easy FancyBox」の設定と応用例

    インストールしたら、もう使える。 記事のなかに画像を挿入したものの、思っていたより小さい・・・ これじゃあ、画像内の細かい内容が見えにくい・・・ そんなとき、クリックひとつで拡大表示させることができれば、閲覧者にとても伝 […] The post ポチッ、でビョイーン。クリックで画像を拡大表示させるワードプレスプラグイン「Easy FancyBox」の設定と応用例 first appeared on Requ.log | レクログ.

    ポチッ、でビョイーン。クリックで画像を拡大表示させるワードプレスプラグイン「Easy FancyBox」の設定と応用例
  • WordpressでjQueryが動かない場合の書き方は”$”を変える - デザイナーのタネあかし

    WordPressのテーマではWordPress体からjQueryを読みこんでいるものが多く、それと併せてjQueryプラグインや簡単なプログラムを追加して活用しようとする場合が多いかと思います。 でも、実際にjQueryを使ってみたもの動かない!となったことがありませんでしたか? 今回はWordPress体のjQueryを使うに必要なチョットしたコツをお伝えします。 WordPress体のjQueryにはコンフリクト対策の追記がある WordPressではjQueryのほかにもprototype.jsなどのJavaScript ライブラリを利用する場合があります。 そのためWordpressのjQueryには他のライブラリとコンフリクト(競合、衝突)しないように.noConflict() が追記されています。 この記述があることで$関数がjQueryで使えなくなっていたのでした。

    WordpressでjQueryが動かない場合の書き方は”$”を変える - デザイナーのタネあかし
  • カスタムフィールドの入力の有無を判定して表示・非表示 - WordPress Note

    自分用メモとして、軽い記事ですがエントリーしておきます。 カスタムフィールドの入力の有無を判定して、入力がなければ項目ごと非表示にする書き方です。 頻繁に使う条件分岐です。 何も入力されていないのに、項目だけ表示されて、ムダなスペースができてしまった…といった状態を防げます。 カスタムフィールド名を「tel」とします。 ※「Toolset Types」利用時に get_post_meta や post_customを使用する場合は、頭に「wpcf-」を付け、カスタムフィールド名を 'wpcf-tel' と書かないと表示しません。 カスタムフィールドに入力があれば表示、入力がなければ項目ごと非表示にする get_post_meta()版 <?php if(get_post_meta($post->ID, 'tel',true)): // 入力がある場合 ?> 電話番号:<?php echo

    カスタムフィールドの入力の有無を判定して表示・非表示 - WordPress Note
  • Local by Flywheelで本番サイトをローカルにコピーする方法 | ねたまめ.com

    ローカル環境でのWordPress開発を行う際、以前は「MAMP」を使用していましたが、今はより構築・操作がしやすい「Local by Flywheel」を使用しています。 「Local by Flywheel」のダウンロードはこちら https://localbyflywheel.com 今回は「Local by Flywheel」を使用して、番サイトをローカル環境にコピーする方法についてご紹介します。 BackWPup でバックアップを作成 番サイトのバックアップは「BackWPup」プラグインを利用すると簡単で確実です。 使用方法については外部の記事を参照して頂くとして、WordPressの全てのファイル(実データ)とデータベースを一括で保存・DLできます。 sqlファイルはダウンロードしたフォルダ内に入っているので外に出しておきましょう。 txtファイルやmanifest.js

    Local by Flywheelで本番サイトをローカルにコピーする方法 | ねたまめ.com
  • 【Wordpress】管理画面の設定に項目を追加する - Qiita

    忘れないようにメモ。詳細はそのうち追記予定。 まずは、function.phpに設定を追記する。 例として、設定 > 一般にサイトタイトル2とキャッチフレーズ2を追加してみる。 /* * 一般設定に項目を追加 */ function add_contact_info_field( $whitelist_options ) { $whitelist_options['general'][] = 'blog_title2'; $whitelist_options['general'][] = 'catch_phrase2'; return $whitelist_options; } add_filter( 'whitelist_options', 'add_contact_info_field' ); function regist_contact_info_field() { add_set

    【Wordpress】管理画面の設定に項目を追加する - Qiita
  • 【WordPress】一般設定に項目を追加 | 車いすなコーダー

    About 小樽で3年と少し経験を積み、現在は札幌でコーダーをしております。 赤い電動車いすに乗って生活をしています。色々と不便はありますが、行列待ち等の椅子がない状況では、真価を発揮します。 好き:べる/スロープ/エレベーター 嫌い:事制限/段差/階段 ※スロープやエレベーターに関しては、もはや好きという感情では収まり切れません。 気づけばグルメブログになってしまわぬよう、しっかり更新頑張ります! Links Facebook Instagram Twitter 電動車いす 自分用メモレベルの内容ですが、とりあえず9月更新しなきゃと軽いネタを1。。 タイトルの通りなのですが…今回はWordPressの設定ページ「一般設定」に項目を追加するPHPコードを紹介したいと思います! 元々の項目としてはサイトのタイトル、キャッチフレーズ、URL等などがありますね。今回はその項目に「好きな

    【WordPress】一般設定に項目を追加 | 車いすなコーダー
  • WordPressでカスタム投稿タイプを作成する方法【初心者向け】

    カスタム投稿タイプとは 自分で投稿タイプをカスタマイズできる機能です。 例えば、通常の投稿はブログとして使い、それ以外にも「商品の紹介」や「ポートフォリオ」、「更新情報」などテンプレートとしてカスタム投稿タイプを利用できます。 つまり、通常の投稿記事とは形式や目的の違う記事を書きたい場合に効果的な機能です。 カスタム投稿タイプを作るには、主に下記の2つの方法がありますので、順番にご紹介します。 テーマ(functions.php)を編集する プラグインを利用する テーマ(functions.php)を編集する まず、ダッシュボード>外観>テーマエディターを開いてください。 次に、functions.phpを開きます。 ここで、下記のコードを入力し、更新します。 場所はどこでも構いませんが、筆者はあとで追加が分かりやすいように上の方に入れています。 なお、「//」以下はコメントアウト(メモ書

    WordPressでカスタム投稿タイプを作成する方法【初心者向け】
  • 確認画面、完了画面を作りたいなら「MW WP Form」1択!使い方と設定方法 | HPcode

    WordPressのお問い合わせプラグインといえば、「Contace Form 7」が有名だと思いますが、欠点があります。 それは、「確認画面がない」ということ。プラグインを追加するなどして無理やり追加できますが、あまりスマートな方法ではありませんよね。 参考:Contact Form 7で確認画面と完了画面(サンクスページ)を追加する方法 そこで、お問い合わせに確認画面、完了画面が標準で装備されているプラグインを紹介します。 WordPressで確認画面、完了画面を設置したいなら、「MW WP Form」がめちゃくちゃおすすめです! 導入方法と使い方について紹介していきます。 「MW WP Form」のインストール プラグイン → 新規追加 → 検索「MW WP Form」 → 今すぐインストール 有効化してください。 左のメニューに「MW WP Form」が追加されていればOKです。

    確認画面、完了画面を作りたいなら「MW WP Form」1択!使い方と設定方法 | HPcode
  • 記事の表示を行うためのループ制御の基本~have_posts、the_postを学ぼう~ | PLUGMIZE(プラグマイズ)

    WordPressのテーマをちょっぴりカスタマイズしようとするときに躓いてしまうのが独特なループ制御の記述方法でしょう。 ループの制御は原則としてPHPというWordPressが作られているプログラム言語の記述方法に則って制御します。 プログラムは原則として上から下へと順に処理を行っていきます。このように流れていく途中で、一部を分岐させたり繰り返したり、という制御を行うようになっています。 今回はWordPressの記事を表示する際の基ループのみに絞って解説します。 基パターン まず、記事ループは定石的なものがありますので、以下のコードをコピペして使ってください。 一覧ページの場合(ループを伴う場合) <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> ここに表示部分が入ります。 <?php endwh

    記事の表示を行うためのループ制御の基本~have_posts、the_postを学ぼう~ | PLUGMIZE(プラグマイズ)
  • WordPressで投稿を表示。正しいループの書き方徹底まとめ。 | WWWクリエイターズ

    WordPressの投稿を表示するループの記述方法についてです。 WordPressで「loop(ループ)」と呼ばれる投稿の表示方法には、いくつかの選択肢があります。その中でも最適な方法を選び、効率のよく、整然としたテンプレートでテーマを開発をしましょう。 Loop(ループ)とは? WordPressにおいて、「Loop(ループ)」とは、正確には「WordPressのメインクエリを、forループを利用して繰り返す事で、個々の投稿に関する情報を表示する処理」を指します。 初学者にはいったん何の事を言っているか、分かりにくいかもしれません。もしよくわからなければ、いったん「投稿をwhileループで回して表示させる処理」くらいに考えておいて、今は大丈夫です。 具体的な選択肢について、見ていきます。 1メインループの書き方 メインループとは、メインクエリから得られた投稿群をループさせる処理の記述方

  • WordPressのメインループの仕組みをざっくりと理解する

    WordPressテーマを眺めていると、どのテーマにも「if ( have_posts() ) : while ( have_posts() ) : the_post();」~「endwhile;」という記述があります。 これは、WordPressの「メインループ」と言われるものです。 その仕組みを少し調べて、ざっくりと理解してみます。 なお、今回のバージョンは以下です。 WordPress 4.2.2 WordPressの仕組み WordPressは、以下のようにリクエストされたURLによって、どのデータ・ページを表示するのかを判断します。 ※パーマリンク設定「デフォルト」の場合 「http://test.com/」…トップページ 「http://test.com/?cat=1」…カテゴリーID「1」 「http://test.com/?p=2」…ID「2」の投稿 「http://tex

    WordPressのメインループの仕組みをざっくりと理解する
  • 【WordPress】add_theme_support( ‘title-tag’ );で出力されるタイトルをog:titleに適用する方法 | 車いすなコーダー

    以前にも記事にしていたのですが、WordPressのバージョン4.1以降からfunctions.php等にadd_theme_support( 'title-tag' );と記述しtitleタグを出力するという手法が推奨されました。詳しくは下記リンクからどうぞ! https://wheelchair-coder.com/109/ この記事を書いた時点では、metaのog:titleには結局wp_title()関数を使い出力しておりました。が、調べてみると別の便利な関数が用意されているようですね! それでは、紹介していきたいと思います。 使用する関数 そのページのドキュメントタイトルを取得する関数は、wp_get_document_title();になります。 この関数を使用することにより、add_theme_support( 'title-tag' );で出力されるタイトルの中身を出力する

    【WordPress】add_theme_support( ‘title-tag’ );で出力されるタイトルをog:titleに適用する方法 | 車いすなコーダー
  • WordPress title タグの出力

    title タグ(title 要素) ページのタイトルは、 head 要素内の title タグ(<title>~</title>)を使って記述します。 WordPress の場合、従来はタイトルの出力は header.php 等のテンプレートの <head> タグ内で wp_title() を使って以下のような記述をしていました。

  • canonicalタグやdescriptionタグをプラグインを使わずに簡単設定|WordPressの初期設定を見直そう | PINTO!

    2012年に中途でPLAN-B入社。SEOの研究開発を担うR&D事業部にて、デザイン、コーディング、システム面を幅広く担当。SEOを軸にした制作を行う。 WordPressはテーマを入れたら簡単に始めることができる。そんな印象を持っていると思いますが、意外なところにSEO対策の落とし穴が存在します。 canonicalタグの内容が同じページに複数存在しているmeta descriptionタグが表示されていないページが存在しているテーマにもよりますが、デフォルトの設定ではSEOで非常に重要視されるこれらのタグが、正常に機能していない場合があるのです。現在使用されているテーマで、各ページ専用に上記が存在しなかった場合は今すぐ修正しましょう。 修正する方法は簡単です。テーマテンプレートに、今回紹介させていただくコードを追加するだけです。 前回のパーマリンク設定に引き続き、細部まで設定を行って、

    canonicalタグやdescriptionタグをプラグインを使わずに簡単設定|WordPressの初期設定を見直そう | PINTO!
  • WordPressのセキュリティ対策がたった1つのプラグインで出来てしまう「SiteGuard WP Plugin」 – ワードプレステーマTCD

    WordPressセキュリティに弱い」 と言われているのはご存知でしょうか。 個人やフリーランスの方よりも、企業。特に大企業のWeb担当者はWordPressの脆弱性を意識される傾向があります。規模が大きな企業ほど社内コンプライアンスの意識が確立されていることに加え、被害が出た時のダ... とは言え、どのようなサービスを利用するとしても、セキュリティ対策をきっちりやっておくことは大切です。ログインIDやパスワードが類推されやすいものであれば、どんな強固なCMSであっても、悪質なアクセスや改ざんに遭う可能性は高まります。 では、どのように対策するか。数多くのセキュリティ対策がありますが、まずはWordPressを使い始めて間もない方でも扱いやすく、セキュリティ対策が簡単にできるプラグインを紹介します。「SiteGuard WP Plugin」は数多く存在するセキュリティ系のWordPre

    WordPressのセキュリティ対策がたった1つのプラグインで出来てしまう「SiteGuard WP Plugin」 – ワードプレステーマTCD
  • カスタム投稿タイプの作り方|プラグインから直接入力まで徹底解説! | うるチカラ

    ワードプレスで投稿を行う場合、通常であれば、記事の内容に即して、カテゴリ分けをして分類をすれば十分です。 でも、使っていくうちに、投稿の数が多くなってそれぞれのカテゴリごとの管理がしにくくなったり、そもそも項目ごとにレイアウトを変更したくなったりもしますよね。 そんな場合に便利なのが「カスタム投稿タイプ」という方法です。 そこで、今回は、カスタム投稿タイプの簡単な説明とワードプレスに追加する方法に関して解説をしていきます。 1.カスタム投稿タイプとは カスタム投稿タイプとは、ワードプレスの通常の「投稿」とは、別に投稿する機能を追加することです。 通常の投稿は、普通のブログとして使い、それとは別に、「釣り船屋紹介」、「最新情報」といった感じで、それぞれ別の項目で管理することができるようになります。 もちろん、これらの項目は、通常の投稿を使って、カテゴリ分けをすることで管理をすることもできます

    カスタム投稿タイプの作り方|プラグインから直接入力まで徹底解説! | うるチカラ
  • WordPressでシングルページを表示させたくない。

    この記事は1年以上前(2018年12月19日)に書かれたもので、内容が古い可能性がありますのでご注意ください。 WordPressでシングルページを生成したくないって場面たまにありませんか。 アーカイブページ(一覧)だけで完結しちゃっているコンテンツなんかそうですよね。 例えばニュースというコンテンツがあって一覧にタイトルだけ出力して詳細はいらないよなんていう場合です。 上述のケースであれば一覧でパーマリンクを貼る関数をつかわなければいいだけなので見た目的にはなんら問題ありません。 しかし、シングルページは生成はされてしまっているのでGoogle側でインデックスされてしまい検索結果にでてきちゃうことになるんです。これが嫌だなんていうお客様がけっこういます。 ベストなやり方 WordPressのシステム上詳細ページを生成しないというやり方は恐らく無理なんじゃないかなと思います。 であれば不必

    WordPressでシングルページを表示させたくない。
  • 記事の表示順をカスタムフィールドの値で制御する | WordPressカスタマイズ事例【100ウェブ】

    記事の表示順をカスタムフィールドの値で制御する WordPressでは記事の表示順は日付の最新順がデフォルトです。 これをサイト運営者側で自由にコントロールしたいことは多々あります。 いろいろな方法がありますが、今回はカスタムフィールドの値でコントロールする方法のご紹介です。 表示順の数字を入力するためのカスタムフィールド(型は「数値」)を登録します。 このフィールドに入れた数字の小さい順に記事が並ぶようにしたいなら、 $post = get_posts( array( 'post_type' => $post_type, 'post_status' => 'publish', 'posts_per_page' => -1, 'meta_key' => 'order_num', //カスタムフィールド名 'orderby' => 'meta_value_num', 'order' => '

  • WordPress|指定したカテゴリやタグの記事一覧を表示させる方法 | コトダマウェブ

    ‘order’ => ‘DESC’ // 昇順・降順 orderでは、orderbyで指定した項目を昇順(ACB順)で並べるのか、降順(ACB順の反対)で並べるのかを指定できます。 ASC: 昇順 DESC: 降順 ちなみに初期値は、'DESC'になっていますので、デフォルトで良い場合はわざわざ指定せずにまるごと行を削除してしまってもかまいません。 )); global $post; global $post;は、グローバル宣言と言われるものです。$postは、現在の投稿に関する情報が詰まった変数でWordPress全体で使用されています。 そのため、これを使用する際は前もって宣言が必要になります。テンプレート内で使用する文には宣言は必要がないみたいですが、一応、どこで使用してもトラブルがないよう宣言を入れてあります。 if($cat_posts): foreach($cat_posts

  • WordPress カテゴリーページでのページ送りでの罠 - 相模原・町田・八王子の個人ホームページ制作・Web制作 しーぼーデザイン

    カテゴリーページでダッシュボードの投稿表示数に従わず、特定のカテゴリー指定で投稿表示数を指定したい場合は通常、以前はquery_posts、今時ならWP_Queryで指定する。 指定した表示数を超える場合、ページ送りのテンプレートタグ(my_paginateやposts_nav_link)を入れておけば自動的にページ送りされると思いきや… 無指定の場合は何の問題もないのだが、Query系で指定していると次のページへのリンクは出るものの、クリックしてみると次のページも1ページ目と同じ内容が… まともにページ送りされない。 仕方なくダッシュボードの設定で指定した投稿数にしてしまうこともあった。 良い方法はないものかと調べていたが、やっと解決策を見つけた。 テンプレートに書き込み方法ではなくfunctions.phpに記述する。 pre_get_posts フック function my_pag