例えばプロダクトキーや API キーなど、長くて複雑な文字列を、訪問者に提供している場合、この機能を提供することで、訪問者のクリップボードに文字列をコピーして、その後はペーストだけすればよい、という形で利便性を高めることができます。 JavaScript で記述していますので、脱 JQuery / 非 JQuery を望まれる方にもご利用いただけます。 HTML <p id="campaign-code">VjBpRLpQkr5GniGG7J5PxUa7CXmZKuzD</p> <p><a href="javascript:void(0);" onclick="javascript:clipboard();" style="cursor: pointer;"><i class="fa fa-clipboard" aria-hidden="true"></i> <span id="clipb

不動産や採用情報など、カテゴリ・タグ・カスタムフィールドを駆使したWordpressで作ったサイトを運営中。 ユーザーが、色々と欲しい情報を絞り込み検索できたら便利だと思っている。 イイ感じのプラグインがないけれど、自作で検索フォームを作ったり、カスタマイズ出来るものなのかな？ 結論！プラグインに頼らなくても複数条件で絞り込み検索を設置・カスタマイズできます！ タイトルや本文はもちろん、カテゴリ・タグ・カスタムタクソノミー・カスタムフィールドから絞り込み検索できるフリーワード検索の他、チェックボックス・ドロップダウン（プルダウン）・ラジオボタンを使う検索フォームを作れる検索した値を保持して検索フォームに引き継げる超便利検索フォームが作れる 今回はフォーム周りをメインに解説するので、検索自体の細かい設定はこちらでお済ませください。 【Wordpress】フリーワード検索のカスタマイズいろいろ

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日テキスト等の簡易な修正を

WordPressサイトに自動更新されるサイトマップを作る方法をご紹介します。プラグインを使わない方法です。一度作成すれば、コンテンツが増えるたび自動的に反映されます。WordPressに慣れていない方でも5分程度でサイトマップを作成できます。 サイトマップとは？初めに【サイトマップ】がどういったものなのか解説をしておきます。 以下の解説が【サイトマップ】を理解する上で非常に分かり易いのでご紹介します。 サイトマップとは、一言で表すと、サイト内のページリンクをまとめたページのことで、検索エンジンと検索ユーザー双方に、そのサイトにどうのようなページがあるのかを伝えるためのものだ。このサイトマップには非常に重要な役割があり、サイトのユーザビリティの改善や、内部SEOの向上にも密接に関わっている。サイトマップのSEO効果と理想的な作成方法より引用 設置する理由としては、以下の2つが挙げられていま

サイトの全てのページへのリンクが設置されているサイトマップを設置することで、目的のページが見つけやすくなり、ユーザービリティを高めることができます。 更に、サイトマップは、検索エンジンのクローラーにページを認識してもらいやすくする効果も期待できるので、是非設置しておきましょう。 今回は、全ページを出力するサイトマップをWordPressにプラグインなしで追加する方法をご紹介します。 固定ページ用テンプレートを追加する サイトマップを自動で出力するためには、PHPで各情報を出力必要があります。しかしながら、WordPressの通常の固定ページの編集画面からでは、PHPを出力することができません。 固定ページでサイトマップ用のPHPを使用するためには、直接テンプレート内に記述する必要があります。通常の固定ページテンプレートの中に記述してしまうと、全ての固定ページに反映されてしまうので、Word

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日テキスト等の簡易な修正を

WordPressで指定したページにのみcssを適用する方法について。方法は大きく２つ。 functions.phpで設定する共通のヘッダーで設定する どちらも条件分岐を使って、指定したページのみで指定したスタイルシートを読み込むようにする。 functions.phpで設定する 例えば、front-page.phpにfront-style.cssを適用する場合は以下のようになる。 スタイルシートの作成 テンプレートのディレクトリ配下にスタイルシートを作成する。 html > wp-content > themes > テーマ名 > front-style.css functions.phpの編集 functions.phpに以下コードを追記する。 function addtional_styles() { if( is_front_page() ){ wp_enqueue_style(

[WordPress] get_template_partをショートコード化して投稿の編集画面から呼べるようにしたい 公開日:2018/08/22 更新日:2020/11/08 「get_template_part」は、複数のページで共通利用する定型文やCTAといったテンプレートを読み込む際に便利なAPIです。 ですが、あくまでphpの関数となるため投稿ページや固定ページの編集画面で直接呼び出すことはできません。 「get_template_part」をショートコード化することで、投稿でもテンプレートを自由に呼び出すことができるようになります。 サンプルコード functions.php function wrap_get_template_part($atts) { extract(shortcode_atts( array( 'arg1' => '', 'arg2' => '', ),

Wordpressの本文エディタ内でテンプレート内の変数や自作のプログラムを使用したくなった場合に便利なのがショートコードです。 []内にショートコードを記載すると、プラグインやfunction.phpであらかじめ設定しておいた関数を使用することができます。 今回は、テーマディレクトリ内のテンプレートをショートコードを利用してincludeしてみます。 function.php記述例 //テーマディレクトリからショートコードを使ってincludeする [inc_file file='my-file'] function my_file_include($params = array()) { extract(shortcode_atts(array('file' => 'default'), $params)); ob_start(); include(STYLESHEETPATH . "

この記事では、フォトショップで紙幣にプリントされたような写真加工のつくり方をご紹介します。 まるで紙幣の肖像のような効果を演出できるテクニックで、ポイントは「魔法のテクスチャ」を写真に重ねることで、手軽にリアルな紙幣プリント風の写真加工を実現できます。 ワンランク上の仕上がりを実現する、レトロなハーフトーン加工と一緒に試してみてはいかがでしょう。 【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法 デザインの完成予定 できあがりがこちら。特殊なテクスチャさえ作成してしまえば、あとはドラッグ＆ドロップであらゆる写真に対応できます。 「魔法のテクスチャ」を作成しよう 今回のテクニックでは、ある特殊なテクスチャを写真に重ねることで、紙幣のような風合いを表現します。 まずはこのテクスチャを作成しましょう。10x10px、72dpi、カラーモードは「グレースケース」、カンバスカラ

作成する計算フォームとコードの紹介 今回は僕が作成したカロリー計算用のフォームを例に紹介していきます。 完成版は以下のような見た目になります。 体重(kg)： 体脂肪率(%)： 徐脂肪体重(kg)： 摂取可能カロリー(kcal)： タンパク質(g)： 脂質(g)： 炭水化物(g)： 機能について簡単に説明しておくと、体重と体脂肪率を入力して計算ボタンをクリックすると、徐脂肪体重と一日に必要なカロリー・各栄養素を計算して表示してくれる計算フォームです。 試しにご自身の体重と体脂肪率を入力して「計算」ボタンを押してみてください。 以下の計算式による結果が各出力ボックスに表示されると思います。 計算フォームの作り方【コピペでOK】 今回作成する計算フォームはコピペで簡単に実装できます。 記事の編集画面で、ブロックのメニューから「カスタムHTML」を選択し、以下のコードをコピペしてください。 <s

Googleマップをスマホサイトに埋め込むとはみ出す時の対処法レスポンシブのスマホサイトに Google map を埋め込むと、はみ出してしまう。 これをはみ出さないようにしたい。 共有から iframeのタグをコピペする。 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23796.650854092717!2d140.75646100404356!3d41.79423516221846!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f9ef46bcb8d5525%3A0xa9e4bd2d96c4d502!2z54m55Yil5Y-y6Leh5LqU56ic6YOt6Leh!5e0!3m2!1sja!2sjp!4v1460702096429"

PlaceIDとは Google Mapsの PlaceID は、建物や店舗など「場所」に付与された一意なID。 他のデータとは少し毛色の違う下記のような特徴がある。 ユーザー側のシステムに無期限でキャッシュできる キャッシュのリフレッシュのためのAPI呼び出しは無料 その他の特徴は PlaceIDのドキュメント 参照。 簡単にまとめると、 IDの長さは可変 PlaceIDで場所を一意に特定できる 1つの場所に複数のPlaceIDが付くこともある PlaceIDは変わることもある PlaceIDのサンプルをいくつか。 サンプルだと27〜114文字だが、最大長は分からない。 ChIJgUbEo8cfqokR5lP9_Wh_DaM GhIJQWDl0CIeQUARxks3icF8U8A EicxMyBNYXJrZXQgU3QsIFdpbG1pbmd0b24sIE5DIDI4NDAxLCBVU0