タグ

WordPressに関するrie141のブックマーク (106)

  • 【1分でできる】Wordpressプチセキュリティ対策 | エムトラッドブログ|コーポレートサイト・採用サイトのWEBサイト制作会社

    WordPressセキュリティ対策といえば、パスワード強度、バージョン管理、対策プラグインの導入からサーバー設定まで多岐にわたります。 今回はその中でも、見過ごしがちだけど一瞬で対策できる2点をご紹介します。 (※ただし対策効果は大きくはないので、基対策はきちんとしましょう) head内にデフォルト出力されるコードを削除しよう WordPressで作成されたページのソースを見ると、header内にデフォルトで出力されているコードがたくさんあります。 その中でも、セキュリティ上懸念があるものが出力されないように、function.phpに対策コードをコピペしましょう! meta name=”generator”削除 デフォルトでバージョン情報が出力されるようになっています。 セキュリティ対応のためにWordPressがバージョンアップされていることを考えると、わざわざバージョン情報を明か

    【1分でできる】Wordpressプチセキュリティ対策 | エムトラッドブログ|コーポレートサイト・採用サイトのWEBサイト制作会社
  • ACF 画像の取得と表示方法を紹介 - by Takumi Hirashima

    WordPress のプラグイン Advanced Custom Fields を使った画像フィールドの取得と表示方法を紹介します。 すでに「Advanced Custom Fields の取得と表示方法」ページにて紹介している方法ですが、画像に絞った方法を掘り下げて紹介しています。 画像フィールドの表示 画像の表示(返り値:オブジェクト) 画像の表示(返り値:URL) 画像の表示(返り値:ID) 元画像の表示方法 画像フィールドの表示 画像フィールドの取得と表示方法を紹介します。 画像フィールドの返り値は「オブジェクト」「URL」「ID」から選べます。 返り値の特徴は以下になります。使用目的に合わせて返り値を選択してください。 オブジェクト オブジェクトはスタンダードな返り値になります。 画像のサイズや alt の設定などを細かく行う場合におすすめです。 URL URL はアップロードし

    ACF 画像の取得と表示方法を紹介 - by Takumi Hirashima
  • Advanced Custom Fieldsによるカスタムフィールドの出力 [チェックボックス・ラジオボタン編] | KERENOR { ケレンオール }

    カスタムフィールドのチェックボックスとラジオボタンは、実務では選択された項目の値を出力するだけではなく、「チェックを入れたら、○○する」というように条件分岐として当によ〜く使われます。 以下の基情報を元にして、チェックボックスとラジオボタンの出力方法を説明します。サンプルのカスタムフィールド作成画像ではフィールドタイプでラジオボタンが指定されていますが、チェックボックスでも同じです。 フィールドラベル:色 フィールド名:cf_color 選択肢(choices): red : 赤 blue : 青 yellow : 黄 ※redが値、赤が表示名(ラベル) チェックボックスは複数選択が可能なので、配列で返ってきます。 チェックボックスの説明(英語公式ページ) 選択した値をカンマ区切りで出力する <p>Colors: <?php the_field('cf_color'); ?></p>

    Advanced Custom Fieldsによるカスタムフィールドの出力 [チェックボックス・ラジオボタン編] | KERENOR { ケレンオール }
  • ACFのチェックボックスで、CLASSを付与してアイコンを表示 - CXG DESIGN

    <div class="allergies_box"> <div class="al_heading">ALLERGEN</div> <div class="allergenicon_box"> <!-- 乳 --> <figure class="allergenicon <?php $colors = get_field('allergen_addclass'); if( $colors && in_array('addnyu', $colors)){ echo 'add_iconclass'; } ?> "> <img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/svg/allergen_milk_icon01.svg" alt="milk icon" /> <figcaption>

  • WordPressで自動生成される画像 | テクモ

    thumbnail: 150×150 ピクセル ★ medium: 300×300 ピクセル ★ medium_large: 768×0 ピクセル large: 1024×1024 ピクセル ★ 1536×1536: 1536×1536 ピクセル 2048×2048: 2048×2048 ピクセル -scaled: 2560×2560 ピクセル ★印のthumbnail、medium、large のサイズについて 管理画面(設定>メディア)より設定可能 サムネイルのサイズ:thumbnail 中サイズ:medium 大サイズ:large サイズの変更(縮小)について thumbnailサイズを除き、比率を維持したまま指定サイズにおさめます 幅、高さのどちらかが2560ピクセル以上の画像 「ファイル名」+「-scaled」「フルサイズ」を選択した時に使用される サムネイルのサイズ 「サムネイ

    WordPressで自動生成される画像 | テクモ
  • 簡単で便利!Advanced Custom Fieldsの「関連」で関連記事を手動で選択・表示する | KERENOR { ケレンオール }

    【この記事を書いた人】 Adobe使用歴20年以上、Webデザイナー歴15年以上、フリーランス歴10年以上のApple/運動好きな2児の母。Apple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細 「関連」のカスタムフィールドを作成する Advanced Custom Fieldsのカスタムフィールド作成画面で、以下のようなカスタムフィールドを作成します。 フィールドラベル 編集ページで表示される名前です。今回は「オススメ関連記事」としました。 フィールド名 recommend_posts フィールドタイプ 関連 Returen Format カスタムフィールドの戻り値を指定します。今回は「Post Objects」を選択して、カスタムフィールドの様々な情報を配列で返してもらいます。 投稿タイプ 投稿の編集ページで表示させる記事の投稿タイプを選びます。今回はブロ

    簡単で便利!Advanced Custom Fieldsの「関連」で関連記事を手動で選択・表示する | KERENOR { ケレンオール }
  • WordPress 表示中の投稿と同じタームに分類された投稿の表示方法 - by Takumi Hirashima

    WordPress で現在表示中の投稿と同じタームに分類された投稿を表示する方法を紹介します。 例えば、プラグインを使わずに関連記事を表示したい場合に便利な方法です。 現在表示中の投稿と同じタームに分類されている投稿の表示方法 タームタイトルを表示 表示中の投稿を表示してカレントを付与する方法 現在表示中の投稿と同じタームに分類されている投稿の表示方法 表示中の投稿と同じタームに分類された投稿の表示する場合 wp_get_object_terms を使用します。 次のコードは、タクソノミースラッグ product-categories で投稿タイプのスラッグが products の場合の表示方法です。 <?php // 現在表示されている投稿と同じタームに分類された投稿を取得 $taxonomy_slug = 'product-categories'; // タクソノミーのスラッグを指定

    WordPress 表示中の投稿と同じタームに分類された投稿の表示方法 - by Takumi Hirashima
  • 【WordPress】複数の投稿タイプの投稿をまとめてひとつの一覧にする | deep-space.blue

    通常投稿とカスタム投稿、複数の投稿タイプが存在するとき、通常のアーカイブページは投稿タイプごとに分かれますが、今回は、すべての投稿タイプの投稿をまとめて一つの一覧ページとして表示する方法です。 表示例 TOPページの時 <?php $args = array( 'posts_per_page' => 5, 'post_type' => array('info','post','column'), //postは通常の投稿機能 'orderby' => 'date', ); $my_posts = get_posts($args); foreach ($my_posts as $post): setup_postdata($post); $obj = get_post_type_object( $post->post_type );//投稿タイプ名を出力したいとき用 ?> <tr> <th>

    【WordPress】複数の投稿タイプの投稿をまとめてひとつの一覧にする | deep-space.blue
  • 『NextGEN Gallery』プラグインで美しいギャラリーを簡単に作る方法 | サイトカスタマイズの覚え書き「ブログのblog」

    『NextGEN Gallery』プラグイン(PRO含む)の使い方 例えば、以下は高さの揃わない縦長の画像をWordpress既存のギャラリー機能で設置した例になります。 あちこちに隙間が空いて不格好です。 これを綺麗に埋めてもらうべく『NextGEN Gallery』プラグインを導入します。 NextGEN Gallery をインストール NextGEN Gallery は、ダッシュボードの「新規追加」から普通にインストールすることができます。 インストールしたら「有効化」します。 NextGEN Gallery ギャラリー(項目)を作成 プラグインを「有効化」すれば、左メニューにNextGEN Gallery に関するメニューが現れます。 ギャラリー作成のために使うのは「ADD GALLERY / IMAGES」と「MANAGE GALLERIES」です。 まず、「MANAGE GAL

    『NextGEN Gallery』プラグインで美しいギャラリーを簡単に作る方法 | サイトカスタマイズの覚え書き「ブログのblog」
  • WordPressサイトでギャラリーを作る方法を解説(ブロック/プラグイン) | wp.geek

    WordPressサイト制作サービス「wp.make」やWordPress保守・運用サービス「wp.support」などを展開する株式会社デジタルアイデンティティの情報発信チームです。お客様の課題解決に役立つ、WordPressの最新情報をお届けいたします。 Webページを作成する際、ビジュアルで訴求できる写真の存在はとても重要です。テキストでは伝えきれない情報を補完し、商品やサービスのイメージをより具体的に伝える役割を果たします。複数の写真を並べたギャラリーページは、ユーザーの関心を引きやすく、多くの情報を伝えられます。 WordPressでは、手作業でコードを追加することなく、簡単にギャラリーを追加できて便利です。記事は、WordPressでギャラリーを簡単に作成する方法を解説します。 WordPressのギャラリーとは? WordPressのギャラリーは、ページに複数の写真を一覧表

    WordPressサイトでギャラリーを作る方法を解説(ブロック/プラグイン) | wp.geek
  • 【WordPress】カスタム投稿を使った絞り込み検索をプラグインなしで実装する - ページネーション有り

    用意したカスタム投稿とカスタムタクソノミーは以下の通りです。 カスタム投稿名 … demoカスタムタクソノミー名① … motionカスタムタクソノミー名② … libraryカスタムタクソノミー名③ … choice 管理画面上では以下のように表示されています。 必要なファイル構成 WordPressには検索フォームのためのsearchform.phpと、検索結果を表示させるsearch.phpがありますが、今回は使用していません。(通常の検索機能を残すため) 使うファイルは以下です。 archive-demo.php … 絞り込み結果を表示させるページfilter-searchform.php … 絞り込み機能 filter-searchform.phpを読み込ませば、どのページでも絞り込み検索が可能です。 カスタム投稿とカスタムタクソノミーを作成する カスタム投稿とカスタムタクソノミ

    【WordPress】カスタム投稿を使った絞り込み検索をプラグインなしで実装する - ページネーション有り
  • WordPressのテーマを作る羽目になったWebエンジニアへ

    はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress

    WordPressのテーマを作る羽目になったWebエンジニアへ
  • カテゴリーなどの投稿記事の並び順を変更!一覧をソートするボタン - DESIGN NOTES

    PR 当ページのリンクには広告が含まれています。 よくネットショップで見かける、値段の安い順、高い順、人気順など見たい順番を選べるボタン。 ユーザーの優先順位によって表示を変えられるので、必要な記事を見つけやすくなります。 このページの手順でできること ・プラグイン「Advanced Custom Fields」で設定したカスタムフィールドの値で投稿記事一覧の順番を並び替えできるボタンやセレクトボックスを作成します。 ・PHPで作成します。 ステップ① カスタムフィールドの設定とfunction.phpでの関数の定義 まず、カスタムフィールドをプラグイン「Advanced Custom Fields」で設定します。 作成したのは「価格」「曜日」「日にち」です。 こちらを入力した投稿記事一覧をこれらのカスタムフィールドの値で並び替えたいと思います。 まずカスタムフィールドのパラメータを追加す

  • WordPressでソートを行う3つの方法 | KumaTechLab

  • WordPressで無限スクロールで記事を読み込む方法!【プラグインなし編】 | HPcode(えいちぴーこーど)

    WordPressで無限スクロールを実装する方法です!無限スクロールの実装を理解できているとカスタマイズもしやく、かつWordPressの動きもちょっとだけ深く理解できるようになります。 前提として、WP_QueryなどWordPress特有のループ処理方法が当たり前のように出てきますが、その辺りの説明はしないのでWordPressの基は理解している前提で記事が書かれていることをご理解いただけますと幸いです…。 一応、サブループについては以下で解説しています。 https://haniwaman.com/loop/ 動きのサンプル例 実際の動きはこんな感じです。スクロールが最後まで行くと、ローディングが開始して記事を取得して表示するという動きになっています。 自作できるようになっていると、ローディング時の動きなど柔軟に対応できるようになるはずです。 WordPressで無限スクロールを実

    WordPressで無限スクロールで記事を読み込む方法!【プラグインなし編】 | HPcode(えいちぴーこーど)
  • VenoBox 2 - modal window javascript plugin, touch swipe gallery

    VenoBox 2 Just another jQuery Vanilla JS Lightbox plugin, suitable for Images, Videos, Inline contents, iFrames, Ajax requests. The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window. (so in small devices you can scroll down the content, avoiding vertical microscopic resiz

    VenoBox 2 - modal window javascript plugin, touch swipe gallery
  • WordPressを活用した写真ギャラリーページの作り方ガイド|おすすめプラグインもご紹介【2025年最新版】 | Web幹事

    Top > ホームページ制作発注ガイド > WordPressの記事一覧 > WordPressを活用した写真ギャラリーページの作り方ガイド|おすすめプラグインもご紹介【2025年最新版】 ホームページ上でいかに上手に商品・サービスのイメージ画像を見せていくかは、Web担当者にとって重要な課題。そこで活用していきたいのがWordPressのギャラリー機能です。実はビジネス系サイトでも様々な場面で利用されています。 例えば、ランディングページやECサイトで、複数の商品画像で多角的に見せていくコンテンツをよく見ると思います。これもギャラリー機能を使って作成されたもの。 また、ギャラリー機能を使って以下のようなコンテンツを作成することも可能です。 不動産物件の部屋や間取りを紹介する ジムのトレーニングマシン・器具の種類を見せる レンタルスペースの各部屋の内装・設備を見せる このようにギャラリー機

    WordPressを活用した写真ギャラリーページの作り方ガイド|おすすめプラグインもご紹介【2025年最新版】 | Web幹事
  • 外部からWordPressの記事を読み込む方法まとめ【複数WP、別サーバー対応】 | webico blog

    こんにちは、しばです。 この間、WordPress外の静的ページから複数のWordPressの新着記事を取得するロジックを書く機会がありました。 サクッと見つけたwp-load.phpを使う方法で対処しようとしたところ、複数のWPでは無理ということが判明。 そこからそもそもWP外からWP記事を取得するのはどんな方法があるのかな〜と思い、ひとつのWPだけを取得する方法から別サーバーの複数のWPを取得する方法まで、色々と調べてまとめてみました! 参考になれば幸いです。 同一サーバ内にあるWPの記事を取得する 例えばコーポレートサイトで、TOP含め他ページは静的ページ、ブログだけWPという構成は結構ありますよね。 このような構成で「TOPページにブログの新着記事を表示させたい」といった、取得先のWPと静的ページ双方が同サーバー内の場合に使える方法を最初に紹介したいと思います。 ※ちなみに同じサー

    外部からWordPressの記事を読み込む方法まとめ【複数WP、別サーバー対応】 | webico blog
  • 【WordPress】カスタムフィールドを使って投稿ごとに「関連記事」を設定する

    関連記事を表示するプラグインを使用することもできますが、あまり融通が利かなかったり、CSSの調整が面倒だったりなので、制作に慣れている方であれば、自分でゼロから設定してしまった方が早い場合があります。 今回は、カスタムフィールドを追加するプラグインを使用して、各投稿ごとに関連記事を設定できるようにします。関連記事という使い方ですが、記事は手動の選択制で、1つめが未設定であればランダム表示するだけなので厳密に言えば関連記事ではありませんが、サイト内を周回させたいだけであれば大体これで事足ります。 要件 【仕様】 ・投稿作成時に、編集画面で「関連する記事」を手動で選択する。 ・「関連する記事」の1つめが選択されていない場合は、今までの記事をランダムで表示する。 【使用するプラグイン】 Advanced Custom Fields(カスタムフィールドを作成するプラグイン) 【作業の流れ】 01.

    【WordPress】カスタムフィールドを使って投稿ごとに「関連記事」を設定する
  • 【コピペOK】WordPressでプラグインを使わずに人気記事を表示する方法 | WEB Que / ウェブキュー

    ブログサイトなどで「人気記事一覧」や「よく読まれている記事」など見かけませんか? 人気記事を表示することでブログの訪問者によく読まれている有益な記事を紹介できるとともに、サイトのPVアップや回遊率アップにもつながります。 今回はWordPressでこの人気記事をプラグインなしで表示する方法をご紹介します。 この記事では投稿の表示件数を管理画面に表示する方法や表示件数をリセットする方法も 人気記事表示ができるプラグイン まずは、WordPressのプラグインで実装する場合にはどのようなプラグインがあるのでしょうか? 人気のプラグインには次のようなプラグインがあり、どちらも「WordPress 人気記事表示」などで調べると検索結果に出てくるプラグインです。 WordPress Popular Posts WP-PostViews プラグインを使うメリットとデメリット プラグインを使えば、コード

    【コピペOK】WordPressでプラグインを使わずに人気記事を表示する方法 | WEB Que / ウェブキュー