タグ

wordpressに関するkyompiのブックマーク (249)

  • Instagramの埋め込み方!WordPressブログにインスタ写真を簡単に埋め込むには? - 毎日休み.com(毎日休みドットコム)

    こんにちは、毎日休み.com運営部です。 今最もホットなSNSといっても過言ではないInstagramは、プラグインを使うことで簡単にWordPressブログに埋め込むことができ、ブログをよりオシャレに彩ることができます。 今回はそんなInstagramの埋め込み方法を網羅的に解説していくので、Instagramもやっていてブログもやっている方は、ぜひこの機会にブログにInstagramを取り込んでみてください。 WordPressでのInstagramの埋め込みに役立つ2つのプラグインそれではWordPressでのInstagramの埋め込みでよく使われる2つのプラグインを紹介していきます。 またそれぞれのプラグインの特徴についても触れていくので、自分にあったプラグインでInstagramを埋め込むようにしてください。 1つ目のプラグインは「Instagram フィード」このプラグインは

    Instagramの埋め込み方!WordPressブログにインスタ写真を簡単に埋め込むには? - 毎日休み.com(毎日休みドットコム)
  • Google XML Sitemapsの設定方法

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あなたのコンテンツをしっかり検索エンジンに認識してもらうためには、サイトマップは必須である。だが、記事の公開や更新に合わせて毎回、このサイトマップを手動で編集してアップロードするのは非常に手間だ。 そこで、Google XML Sitemaps というプラグインを使うと、 記事の公開・更新の度にサイトマップを自動生成するサイトマップが生成されたら自動で検索エンジンに通知する検索エンジンに認識してほしいページを指定できる記述内容はGoogleの推奨する内容に沿っているといったメリットが受けられる。ここでは Google XML Sitemaps の設定方法について図解で分かりやすくご紹介しよう。

    Google XML Sitemapsの設定方法
    kyompi
    kyompi 2019/05/22
    yoastとかall in one seo に付随してるsitemap生成よりもやっぱりこれのほうが融通がきくという結論に達した。
  • WordPress タームの取得と表示方法 - by Takumi Hirashima

    WordPress のカスタムタクソノミーのタームの取得と表示方法を紹介します。 ターム一覧や投稿に紐づくタームなど、ページによって取得方法が異なるため、もくじから目的にあった取得方法を探してご利用ください。 タームとは? まずは基、タクソノミーに登録されたターム情報の表示方法 ターム名を取得 タームIDを取得 タームスラッグを取得 タームアーカイブのリンクを取得 taxonomy.php でターム情報の取得と表示方法 タームアーカイブページでタームIDの表示方法 タームスラッグの表示方法 タームタイトルの表示方法 タームディスクリプションの表示方法 ターム情報をまとめて取得する single.php でタームの情報の表示方法 single.php でターム名の表示方法 single.php でタームリンクの表示方法 タームスラッグからタームIDを取得して表示する方法 タームIDからター

    WordPress タームの取得と表示方法 - by Takumi Hirashima
  • カスタムフィールドの入力の有無を判定して表示・非表示 - 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
  • WordPressステージング環境の簡単な作り方 | WWWクリエイターズ

    ワードプレスでテーマ開発をしていると、番データと同期した開発環境や、テスト環境がだいたい欲しくなります。 「そうだ、ステージング環境を作ろう!」 そんな時がステージング(staging)環境の出番です。後回しにしてしまいがちですが、重い腰をあげて、ステージング環境を作ってみます。 今回、最も番環境に近いテスト環境」として、番のデータベースを直接参照しながら、新しく変更を加えたテーマのソースコードをさくっとテストできる環境を用意します。そもそも、「ステージング環境って?」という方はまず「開発・検証・ステージング。それぞれの環境の違いと役割」をご覧下さい。 設置する環境の概念図 ワードプレス開発において、多くの場合はワードプレスの「テーマ」を開発していると思います。いまから作るのは「テーマ開発」におけるステージング環境です。具体的には、以下のような環境です。 Thmemに関するコードセッ

    WordPressステージング環境の簡単な作り方 | WWWクリエイターズ
  • カード決済システム【Stripe】が超便利だったので比較&レビューしてみた!|CrossPiece

    2020年5月15日にStripeの領収書が自動で顧客メールアドレスに届くようにコードを修正しました。 前回、Stripeの使い勝手や他のサービスとの比較をした記事を書いたんですが、Stripeの使い方について知りたいというお問い合わせをいただきました。 https://crosspiece.jp/stripe-review/ そこで今回はWordPressStripeを使う方法についてまとめてみます。ちなみに下記のような環境を構築します。 ページ遷移なしのクレジットカード決済 メールアドレスとカード番号だけのシンプルなフォーム 購入者への自動返信メール 管理人への自動返信メール 購入からサンキューページまで全てサイト内で完結 カートシステムはプラグインのWooCommerceを使えばいけるそうですが、ここではやりませんので悪しからず。 あ、あとFTPソフトを使う前提の解説になるので、F

    カード決済システム【Stripe】が超便利だったので比較&レビューしてみた!|CrossPiece
  • 2022年版、WordPress(ワードプレス)のセキュリティ設定マニュアル | 今日の経営

    2022年版、WordPress(ワードプレス)のセキュリティ設定マニュアル 執筆者:川原裕也 更新:2019.12.25 ※記事内に広告を含む場合があります WordPress(ワードプレス)は、世界中のブログ・サイト構築システムとして使われています。 最近では、個人ブロガーの方でもWordPressを使って自身のブログサイトを構築していることが多いです。 WordPressがここまで普及した背景には、無料で使えることと、誰でも手軽に導入できることがあげられます。 一方で、普及にともない、セキュリティ的に問題のある状態で放置されているサイトも増えているように思います。 WordPressを使って、せっかく自分だけのブログサイトを作ったのに、サイト改ざんなどのトラブルに見舞われてしまう。それほど悲しいことはありません。 この記事では、私自身が導入しているWordPress(ワードプレス)の

    2022年版、WordPress(ワードプレス)のセキュリティ設定マニュアル | 今日の経営
  • EWWW Image Optimizer

    説明 Are you frustrated by a slow website? Do over-sized images make you say “ewww”… Let EWWW Image Optimizer help you make your site faster, improve your bounce rate, and boost your SEO. But most importantly, make your visitors happier so they keep coming back for more. With EWWW IO you can optimize all your existing images, from any plugin, and then let EWWW IO take care of new image uploads autom

    EWWW Image Optimizer
  • Types Fields API - types_render_field and shortcodes reference

    This page is part of the documentation about customizing your site using PHP. To insert Types fields using PHP code, use the following function and syntax: <?php echo(types_render_field( 'field-slug', array( 'arg1' => 'val1', 'arg2' => 'val2' ) )); ?> To insert Types user meta fields using PHP code, use the following function and syntax: <?php echo(types_render_usermeta( 'field-slug', array( 'arg1

    Types Fields API - types_render_field and shortcodes reference
  • ARI Adminer: データベース管理ツールのWordPressプラグイン

    このプラグインは「セキュリティの問題」で2019年に公開停止になっています。 現在はプラグインを利用することができません。 セキュリティの脆弱性があったようです。 この記事はバックナンバーです。 はじめに このプラグインが優れていること データベース管理ツールをWordPressの管理画面から利用できる。 WordPressのデータベースを直接編集できる。WordPress以外のデータベースも編集できる。 データベースの形式は「MySQL、PostgreSQLSQLite」に対応。 データベース管理ツールが高速に動作する。 プラグインをインストールして有効化するだけで管理ツールを利用できる。 データベースを編集できるユーザーの権限を設定できる。 利用イメージ インストール方法 管理画面から検索してインストールして下さい。 もしくは、WordPress.org からダウンロードし、アップロ

    ARI Adminer: データベース管理ツールのWordPressプラグイン
  • get_postsで、複数のカスタムフィールドをキーにして検索・取得する方法 |

    get_postsで、投稿に含まれるカスタムフィールドをキーにして投稿を検索・取得する場合、一つのカスタムフィールドだけなら、『meta_key』『meta_value』を使って、以下のコードで可能。 $args = array( 'post_type' => 'post', 'meta_key' => 'subtitle', 'meta_value' => '(キーワード)' ); $post_list = get_posts( $args ); また『meta_compare』というパラメータを使って、比較演算子を変更することも可能。デフォルトは『=』。例えば「値が含まれている場合」というような条件を付けたい時は以下のように、『meta_value』は『null』、『meta_compare』は『!=』にする。 $args = array( 'post_type' => 'post',

    get_postsで、複数のカスタムフィールドをキーにして検索・取得する方法 |
  • Sort Custom Post Archive by Custom Field - Toolset

  • Toolset Types:カスタムフィールドグループの繰り返し - WordPress Note

    子になるカスタム投稿タイプに、繰り返したいカスタムフィールドグループを作成 繰り返したいカスタムフィールドグループを作成します。 「部屋の大きさ」と「部屋の写真」のフィールドを登録してみました。 カスタムフィールドグループを使用する場所に、子(Children Post Types)になるカスタム投稿「部屋」を指定します。 以上で、準備完了です。 投稿 カスタム投稿タイプ「家」で、「新規追加」をクリックします。 「Post繋がり」という欄ができているので、「新規roomを追加」をクリックします。 必要なだけ、カスタムフィールドのグループが繰り返し作成できます。 この「Post繋がり」の欄は、ポストリレーションシップセクションというようです。 柔軟性があり、エントリを並べ替えたり、「編集」ボタンをクリックして詳細モードで編集したり、アイテムを削除したりできます。 Creating Group

    Toolset Types:カスタムフィールドグループの繰り返し - WordPress Note
  • 無料のWordPressメディアライブラリ管理プラグインどれがいい?

    この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 WordPressのメディアライブラリーは登録したメディアをカテゴリーごとに分類する機能がなくとても使いにくい。メディアファイルが増えると管理できなくなる。デフォルトでカテゴリー機能くらい付けてほしかった。メディアファイルを管理する無料のプラグインはいくつかあるが比較情報がなかったため今回いくつかのプラグインを比較検証する。結論を言うと「Media Library Assistant」をおすすめする。理由については文を参照していただきたい。

  • WordPress - カスタムフィールドで複数画像の表示 (Toolset Types編) | ブログ | STUDIO BUS STOP | 香川県高松市

    Toolset TypesはAdvanced Custom Fieldと同様にカスタムフィールドを設定できるWordpressプラグインです。管理画面UIも比較的わかりやすく、複数画像の表示が可能ですが少し設定が必要です。 Toolset Types が稼働するPHPのバージョン 5.6以上での正常稼働が確認済みで、5.3だと動かないようです。 カスタムフィールドの設定 Toolset Typesは、画像やチェックボックス、シングルライン(テキスト)などの複数のカスタムフィールドを1つのグループにまとめる仕様のプラグインです。グループに使用するカスタムフィールドを登録しておき、グループ単位で、どの投稿タイプで使用するのかを設定する流れとなります。 投稿Field Groupの追加 管理画面左の「Toolset」 > 「投稿 Fields」をえらび、「投稿Field Group」タイトルのす

    WordPress - カスタムフィールドで複数画像の表示 (Toolset Types編) | ブログ | STUDIO BUS STOP | 香川県高松市
  • カスタムフィールドをプラグイン「Toolset Types」で実装する@WordPress - ショウジンブログ on Hatena

    WordPressプラグイン「Toolset Types」でカスタムフィールドを利用する例です。 同プラグインの導入についてはこちら blog.showzine.co 実装における環境 WordPress:4.5.2 Toolset Types:2.1 投稿用フィールドグループを作る Toolset Typesはここ最近けっこう頻繁にアップデート、機能の変更がされていて、現在カスタムフィールドは三つのタイプで作れるようです。(以前はここまで細かくなかったです) 投稿 Fields 用語フィールド ユーザーフィールド 翻訳が微妙ですが(一貫していなかったり)、使うぶんには問題ないかと思います。 用語フィールドは私は使ったことはありません。ユーザーフィールドは使ったことがありますが、今回はとりあげず、利用頻度の高いと思われる投稿用の「投稿 Fields」を作ってみます。 管理画面のメニュー「T

    カスタムフィールドをプラグイン「Toolset Types」で実装する@WordPress - ショウジンブログ on Hatena
  • WordPressのループ外でカテゴリー名・カテゴリーID・カテゴリーのURL・スラッグを取得する方法 - ディレイマニア

    カテゴリー名を取得したいときはこちらです。リンクなしでカテゴリー名だけを取得したいときに便利です。 <?php $category = get_the_category(); $cat_name = $category[0]->cat_name; echo $cat_name; ?> カテゴリーIDを取得したいときはこちら。IDを表示することはないと思いますが、カテゴリーごとに色を変えたいといった場合にclass名に仕込んで置いたりすると便利ですよ。 <?php $category = get_the_category(); $cat_id = $category[0]->cat_ID; echo $cat_id; ?> カテゴリーのスラッグ カテゴリーのスラッグを取得したいときはこちら。IDと同じように、クラス名などにスラッグを追加して使うときに活用できます。 <?php $catego

    WordPressのループ外でカテゴリー名・カテゴリーID・カテゴリーのURL・スラッグを取得する方法 - ディレイマニア
  • 記事やページごとにhead内にタグを追加するカスタマイズ方法 | WordPressカスタム

    WordPress(ワードプレス)でホームページを作りたい、カスタムしたいという人のためのサイトです。

    記事やページごとにhead内にタグを追加するカスタマイズ方法 | WordPressカスタム
  • 多言語サイトの作り方とグローバルSEOの要点10(WordPress)

    サルワカの一部のWebデザイン系の記事・ツールを英語対応しました。英語版のサイト名は「SW Design Lab」としています。 SW Design Lab せっかくなので備忘録がてら多言語サイトの作り方をまとめておきたいと思います。 多言語サイトを作る前に知っておきたいこと 一部の記事のみ翻訳して公開 全ての記事をネイティブが書くような自然な英語に翻訳するのはかなり大変です。そこで、文字数が少なく、どの国の人たちにも共通して需要があるであろうWeb制作系の一部の記事のみ英語版にして公開することにしました。 どのように英語対応しているか サイト内に英語版用のカテゴリーを作り、そのカテゴリー内で英語記事を作っています。また、日語の記事とはデザインも変えています。例えば、サイドバーなんかはごっそりと非表示にしています。詳しくは後ほど。 WordPressだと簡単 サルワカはWordpress

    多言語サイトの作り方とグローバルSEOの要点10(WordPress)
  • WordPress で 全記事一覧 + 日付 を表示する - ゆっくり備忘録