【wordpress】カスタム投稿タイプの一覧に、active（current）を付ける | deep-space.blue
【wordpress】カスタム投稿タイプの一覧に、active（current）を付ける 2017 10/05 カスタム投稿タイプの一覧を、サイドバーなどに出力した場合、 勝手にはactiveがつかないので、現在のページがサイドバーのどれかの目印がつけられない。 そこで、アクティブが付くバージョン。 <?php $current_page_id = $wp_query->get_queried_object_id(); $args = array( 'posts_per_page' => -1, 'post_type' => 'schools', //postは通常の投稿機能 'post_status' => 'publish', 'orderby' => 'date', //ソートの基準 'order' => 'ASC' //DESC降順 ASC昇順 ); $my_posts = get
コンタクトフォーム（お問い合わせページ）の作り方
コンタクトフォーム（お問い合わせページ）の作り方 PHP を使った確認画面のあるコンタクトフォーム（お問い合わせページ）の作成方法についての覚書です。 ユーザが入力した値を保持しながらページ間を移動（遷移）するので、セッションを利用します。 セッションのセキュリティ対策としては、session_regenerate_id() 関数を使ってセッション ID を変更し、CSRF 対策としてセッションの開始時にトークン（ランダムな文字列）を発行し、そのトークンが一致する場合にのみ処理を実行するようにしています（※但し、session_regenerate_id を 呼ぶことでセッションが消失する可能性があります）。 また、JavaScript を使った入力値の検証や自動返信、PHPMailer を使ったメールの送信（Gmail SMTP サーバ）や reCAPTCHA v3 を使ったスパム対策の
【第7回】Sassってみよう！〜@import編〜 | きまぐれ引きこもりんご80%
cssでもお馴染みの@importですが、Sassでは少しだけ使い方が異なります。 cssの場合、@importで指定したcssファイルはあくまで外部ファイルとしてリンクされたカタチで読み込まれますが、Sassの場合は、@importで指定したscssファイルはコンパイルするとひとつのcssファイルとして書き出されます。 cssの@importは外部ファイルのリンクにより、余計なHTTPリクエストが発生するので、あまり推奨されていません。 一方、Sassの@importには、ワンファイルに書き出すことによってHTTPリクエストを発生させずにscssファイルの分割管理を可能にするというメリットがありますので是非活用してみましょう。 ちなみにSassの分割機能を「partial（パーシャル）」といいます。 @importの使い方 では早速、基本的な使い方ですが、 メインの「style.scss
Sublime TextでSassをコンパイルしてみる - Qiita
概要 若手HTMLコーダーがSassのコンパイル環境の構築に苦戦しているようだったので、少し調べてみる。コンソールに不慣れだろうから、Sublime Text上でコンパイルできる環境を構築する。 Sublime Textを選択した理由は、昔動画をみて惚れたが、私の日常では活躍の場が少なかったため。普段はIntelliJで開発してますし。。 環境 MacOS Sierra ※Windowsの場合は、rubyのインストールから必要です。 やること sassとcompassをインストール Sublime Textをインストール Sublime Package Controlをインストール Sass関連のプラグインをインストール Sassをコンパイル sassとcompassをインストール ターミナルを立ち上げ、以下のコマンドを順番に入力してください。 途中パスワードを聞かれるので、PCのログイン
WordPressの更新したプラグインをダウングレードして元に戻す方法 | Cloud 9 Works
WordPressのプラグインを更新したら意図しない不具合が発生してしまう場合があり、その原因は他のプラグインとのスクリプトのコンフリクトだったり、テーマとの相性だったり、プラグインのバグであったりと特定しにくく修正するのに手間がかかってしまいます。そんな時は、一度更新してしまったプラグインを元の古いバージョンにダウングレードするといった対象法が手間もかからず簡単です。 今回は、WordPressのプラグインをダウングレードする方法を解説します。 プラグインの古いバージョンをインストールし直す方法プラグインを配布しているWordPress.orgのプラグインページへ行き、過去のバージョンの一覧から該当するファイルをダウンロードし、手動でインストールし直すと言う方法です。 古いバージョンのファイルをダウンロードWordPressの管理画面のプラグイン一覧からダウングレードしたいプラグインの『
MW WP Formのチェックボックスやラジオボタンなどの初期値をリンク元に応じて動的に変更する方法
動的に変えたいチェックボックスなどの選択肢は日本語でも動きますが、英語にしておく方がトラブルの確率が減るので無難です。 MW WP Formは「:」で区切ると送信値と表示値で分けることが出来ますので、「consulting:コンサルティング」みたいにするのをおすすめします。 対象のチェックボックスなどの初期値(value)は設定しない 動的に変更したいチェックボックスやラジオボタンなどには初期値を設定しないようにしてください。設定されてると、ちゃんと動きません。 「フォームタグの追加」で入れる場合は、下の画面で初期値のところは空白にして設定してください。 MW WP Formで初期値を設定しない すでに入力されてる場合、MW WP Formのショートコードでは、 [mwform_checkbox name="ご希望サービス" children="consulting:ウェブコンサルティング
【CSS】デフォルトスタイルを無効にする「appearance: none」 | クロジカ
ホーム / ハック / 【CSS】デフォルトスタイルを無効にする「appearance: none」
WordPress『 WP REST API 』#1 ブログを他のサイトに埋め込む方法｜レンタルサーバーナレッジ
複数の Web サイトを運用していて、WordPress で投稿したブログの内容（タイトルやアイキャッチ、公開日など）を別の Web サイトにも表示させたいと思ったことはありませんか？ 同じサーバー上でしたら読み込むのは簡単ですが、別のサーバー上にある WordPress の投稿を参照するのはハードルが高めです。 そこで今回は、WordPress に標準搭載されている『 WP REST API 』を使ってブログの内容を他の Web サイトに表示させる方法を紹介します。 PHP を使わず JavaScript と HTML だけで実装できるので、表示させたい側の Web サイトのサーバーが PHP に対応していない場合も安心です。 目次 WordPress の『 WP REST API 』について 『 WP REST API 』で最新のブログ一覧を取得する方法 他のWebサイトに最新のブログ
【プロフィール】月間８万PVで月間収益０円だったある趣味ブロガーの話｜クロネのブログ講座
「なんでクロネさんはブログに『アドセンス』貼ってないんですか？」 2013年の「あの日」、交流していたブロガーさんから言われた一言が、今の私のすべての始まりでした。 こんにちは。趣味ブロガーの「クロネ」と申します。 現在は「ブログ飯」を実現して、育児セミリタイア中です。 ・・・信じられないかもしれませんが、当時の私は「Googleアドセンス」という言葉すら知りませんでした。 大学時代：ブログ黎明期と書評ブロガー そもそも私がブログをはじめたのは、大学時代に「本」に関するブログを書いたのがはじめでした。 いわゆる書評ブロガーです。 当時はブログサービスが登場した頃でした。 堀江貴文さんはlivedoor Blogの運営会社の社長として「社長日記」というブログをやっていました。 はあちゅうさんは私と同じ大学生で「さきっちょ＆はあちゅうの恋の悪あが記」というブログを書いていました。 スマートフォ
Olino Web salon（オリーノウェブサロン） – デザインできるオンライン秘書、泉谷りえのホームページです
はじめまして！フリーランスオンライン秘書の泉谷梨恵と申します。 フリーランスWebデザイナーとして6年間、たくさんのクライアント様とお仕事をさせていただきました。 その中で長期に渡りWebサポートをさせていただく機会があり、クライアント様に寄り添うお仕事スタイルに何よりもやりがいを感じていました。 そこでもっと制作以外のお困りごとまでマルっとサポートできたらなと思い、フリーランス7年目に思い切って肩書きを「オンライン秘書」と変えて活動をスタートすることに決めました。 Webデザイナーの経験を活かして、細かな事務作業からクリエイティブな作業まで気軽にお願いできる、あなたのビジネスパートナーになります！ お困りごとや具体的な業務がお決まりでなくても、まずはざっくばらんにお話をお聞かせください！
【CSS, Shopify, Liquid】Lazy Loadとは - Qiita
そのオブジェクトが必要になるまで、オブジェクトの初期化を遅延する技術。 多くの場合、Webサイト上の画像の遅延読み込みをする技術。 Lazy Loadを利用するメリット ユーザーは、サイトが実際よりも早く読み込まれていると感じる。 Lazy Loadの仕組み 大量の画像の読み込みが必要なサイトがあるとする。 デフォルトでは、ユーザーがWebサイトの1番上だけを見ているかどうかに関わらず、ページ上の全ての画像がフルサイズで読み込まれる。 ユーザーに見られることのない画像もあるため、全ての画像を読み込む必要はない。 商品ページに行く前に、最初の10商品だけを見たい場合、50商品それぞれの商品ページを読み込むならば、かなり時間がかかる。 ユーザーは最初の数商品だけに興味があるので、それだけの時間は無駄となる。 Lazy loadingは上記とは異なるアプローチであり、ほとんど全てのモダンWebサ
WordPress：引越し・サイトURLだけを変更する
サイトURLだけを変えたい！ テスト環境で作業した後に本番環境にアップロードするとか、やっぱ表示アドレス変えようとか、サーバ移転しようとか…。理由はなんでもアリで、とにかく一つの場所から別の場所にWordPressを移動する時の手順と注意点をまとめます。 「WordPressをインストールしたけれど、サイトのアドレスが http://example.com/wp になるのはいや！http://example.com で表示したい」という場合は、この記事をお読みください。 サイトアドレス（表示アドレス）だけを変える場合にやらなければならないこと 1. 心の準備 手順書を片手に作業を進めるのではなく、ざっくりと、全体の流れを把握しておくこと。作業途中で不測の事態に直面した時に慌てないように、起こり得る問題にも目を通しておくのが良いかもね。解決策を理解する必要はないけど、「あぁ、これはあそこに書
All-in-One WP Migrationでアップロードファイルサイズを上げる方法
WordPressサイトのデータ移行やバックアップをする時に便利な「All-in-One WP Migration」ですが、いつの間にかインポートする時に30MBまでしかアップロードできないようになっていました↓ これまでは無料版でも512MBまではインポートできていたんですが、バージョン6.79あたりからインポートファイルサイズが制限されたようです。 ということで無料版のまま、インポートファイルサイズを増やす方法をご紹介したいと思います。 All-in-One WP Migrationの使い方はこちらの記事をどうぞ↓
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RESUME（レジュメ）| 全ての人のためのWebポートフォリオサービス
フォーム | コピペで簡単！Webパーツ屋
MW WP Formでお問い合わせの送受信ができない？！その解決策を紹介します。 - Rumi Blog
GitHub Codespaces
wordpressでカスタム投稿が1件もない場合トップページの要素を削除する
サムネイル生成時のトリミングの基準点を変更する – WordPressの神様
Macのプレビューで複数のjpgをPDFファイルにまとめる変換方法 - ディレイマニア
