【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 を使ったスパム対策の
cssでもお馴染みの@importですが、Sassでは少しだけ使い方が異なります。 cssの場合、@importで指定したcssファイルはあくまで外部ファイルとしてリンクされたカタチで読み込まれますが、Sassの場合は、@importで指定したscssファイルはコンパイルするとひとつのcssファイルとして書き出されます。 cssの@importは外部ファイルのリンクにより、余計なHTTPリクエストが発生するので、あまり推奨されていません。 一方、Sassの@importには、ワンファイルに書き出すことによってHTTPリクエストを発生させずにscssファイルの分割管理を可能にするというメリットがありますので是非活用してみましょう。 ちなみにSassの分割機能を「partial（パーシャル）」といいます。 @importの使い方 では早速、基本的な使い方ですが、 メインの「style.scss
#概要 若手HTMLコーダーがSassのコンパイル環境の構築に苦戦しているようだったので、少し調べてみる。コンソールに不慣れだろうから、Sublime Text上でコンパイルできる環境を構築する。 Sublime Textを選択した理由は、昔動画をみて惚れたが、私の日常では活躍の場が少なかったため。普段はIntelliJで開発してますし。。 #環境 MacOS Sierra ※Windowsの場合は、rubyのインストールから必要です。 #やること sassとcompassをインストール Sublime Textをインストール Sublime Package Controlをインストール Sass関連のプラグインをインストール Sassをコンパイル sassとcompassをインストール ターミナルを立ち上げ、以下のコマンドを順番に入力してください。 途中パスワードを聞かれるので、PCのロ
WordPressのプラグインを更新したら意図しない不具合が発生してしまう場合があり、その原因は他のプラグインとのスクリプトのコンフリクトだったり、テーマとの相性だったり、プラグインのバグであったりと特定しにくく修正するのに手間がかかってしまいます。そんな時は、一度更新してしまったプラグインを元の古いバージョンにダウングレードするといった対象法が手間もかからず簡単です。 今回は、WordPressのプラグインをダウングレードする方法を解説します。 プラグインの古いバージョンをインストールし直す方法プラグインを配布しているWordPress.orgのプラグインページへ行き、過去のバージョンの一覧から該当するファイルをダウンロードし、手動でインストールし直すと言う方法です。 古いバージョンのファイルをダウンロードWordPressの管理画面のプラグイン一覧からダウングレードしたいプラグインの『
動的に変えたいチェックボックスなどの選択肢は日本語でも動きますが、英語にしておく方がトラブルの確率が減るので無難です。 MW WP Formは「:」で区切ると送信値と表示値で分けることが出来ますので、「consulting:コンサルティング」みたいにするのをおすすめします。 対象のチェックボックスなどの初期値(value)は設定しない 動的に変更したいチェックボックスやラジオボタンなどには初期値を設定しないようにしてください。設定されてると、ちゃんと動きません。 「フォームタグの追加」で入れる場合は、下の画面で初期値のところは空白にして設定してください。 MW WP Formで初期値を設定しない すでに入力されてる場合、MW WP Formのショートコードでは、 [mwform_checkbox name="ご希望サービス" children="consulting:ウェブコンサルティング
ホーム / ハック / 【CSS】デフォルトスタイルを無効にする「appearance: none」
複数の Web サイトを運用していて、WordPress で投稿したブログの内容（タイトルやアイキャッチ、公開日など）を別の Web サイトにも表示させたいと思ったことはありませんか？ 同じサーバー上でしたら読み込むのは簡単ですが、別のサーバー上にある WordPress の投稿を参照するのはハードルが高めです。 そこで今回は、WordPress に標準搭載されている『 WP REST API 』を使ってブログの内容を他の Web サイトに表示させる方法を紹介します。 PHP を使わず JavaScript と HTML だけで実装できるので、表示させたい側の Web サイトのサーバーが PHP に対応していない場合も安心です。 目次 WordPress の『 WP REST API 』について 『 WP REST API 』で最新のブログ一覧を取得する方法 他のWebサイトに最新のブログ
「なんでクロネさんはブログに『アドセンス』貼ってないんですか？」 2013年の「あの日」、交流していたブロガーさんから言われた一言が、今の私のすべての始まりでした。 こんにちは。趣味ブロガーの「クロネ」と申します。 現在は「ブログ飯」を実現して、育児セミリタイア中です。 ・・・信じられないかもしれませんが、当時の私は「Googleアドセンス」という言葉すら知りませんでした。 大学時代：ブログ黎明期と書評ブロガー そもそも私がブログをはじめたのは、大学時代に「本」に関するブログを書いたのがはじめでした。 いわゆる書評ブロガーです。 当時はブログサービスが登場した頃でした。 堀江貴文さんはlivedoor Blogの運営会社の社長として「社長日記」というブログをやっていました。 はあちゅうさんは私と同じ大学生で「さきっちょ＆はあちゅうの恋の悪あが記」というブログを書いていました。 スマートフォ
誠に申し訳ありませんが、 現在個人でのサービスが満枠となりました。 チームでサポートできるような体制を整えています。 再開の折には、またSNS等で ご案内させていただきます。 11月ごろの再スタートを予定しております！ どうぞよろしくお願い申し上げます。
そのオブジェクトが必要になるまで、オブジェクトの初期化を遅延する技術。 多くの場合、Webサイト上の画像の遅延読み込みをする技術。 Lazy Loadを利用するメリット ユーザーは、サイトが実際よりも早く読み込まれていると感じる。 Lazy Loadの仕組み 大量の画像の読み込みが必要なサイトがあるとする。 デフォルトでは、ユーザーがWebサイトの1番上だけを見ているかどうかに関わらず、ページ上の全ての画像がフルサイズで読み込まれる。 ユーザーに見られることのない画像もあるため、全ての画像を読み込む必要はない。 商品ページに行く前に、最初の10商品だけを見たい場合、50商品それぞれの商品ページを読み込むならば、かなり時間がかかる。 ユーザーは最初の数商品だけに興味があるので、それだけの時間は無駄となる。 Lazy loadingは上記とは異なるアプローチであり、ほとんど全てのモダンWebサ
サイトURLだけを変えたい！ テスト環境で作業した後に本番環境にアップロードするとか、やっぱ表示アドレス変えようとか、サーバ移転しようとか…。理由はなんでもアリで、とにかく一つの場所から別の場所にWordPressを移動する時の手順と注意点をまとめます。 「WordPressをインストールしたけれど、サイトのアドレスが http://example.com/wp になるのはいや！http://example.com で表示したい」という場合は、この記事をお読みください。 サイトアドレス（表示アドレス）だけを変える場合にやらなければならないこと 1. 心の準備 手順書を片手に作業を進めるのではなく、ざっくりと、全体の流れを把握しておくこと。作業途中で不測の事態に直面した時に慌てないように、起こり得る問題にも目を通しておくのが良いかもね。解決策を理解する必要はないけど、「あぁ、これはあそこに書
WordPressサイトのデータ移行やバックアップをする時に便利な「All-in-One WP Migration」ですが、いつの間にかインポートする時に30MBまでしかアップロードできないようになっていました↓ これまでは無料版でも512MBまではインポートできていたんですが、バージョン6.79あたりからインポートファイルサイズが制限されたようです。 ということで無料版のまま、インポートファイルサイズを増やす方法をご紹介したいと思います。 All-in-One WP Migrationの使い方はこちらの記事をどうぞ↓
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
