foreach文で最初の1件目だけ表示を変える方法[WordPress] WEB MEMO

foreach文で最初の1件目だけ表示を変える方法[WordPress]

特定カテゴリの新着10件を表示。1件目の表示のみにアイキャッチ画像を表示する場合 [crayon-5bab96e979044781212017/]...

Googleニュースの特定ワードを含むRSSを取得する方法 WEB MEMO

Googleニュースの特定ワードを含むRSSを取得する方法

グーグルニュース(https://news.google.com/)で『サッカー日本代表』って検索した結果をRSS化する方法 1.『サッカー日本代表』というワードをエンコードする ざっくり説明ですと、日本語をプログラムで...

MW WP Formの自動返信メールに送信日時を設置 [WordPress] WEB MEMO

MW WP Formの自動返信メールに送信日時を設置 [WordPress]

MW WP Formの問い合わせフォームから問い合わせいただいた方に、問い合わせした日時を自動返信メールに表示させる方法。 公式サイトに記載はあるものの、要点があったのでメモっときます。 functions.phpに以下...

WEB MEMO

WordPress 投稿に年月日を持たせて今月のイベント一覧ページを作るメモ

イベント系のページで重宝する「今月開催されるイベント一覧」ページの作り方。 改造することで、来月のやーつなんかもでけます。 ざっくり思案 ・一覧ページは固定ページを使う ・投稿にカスタムフィールドを使って『年月日』を紐づ...

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 WEB MEMO

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』

最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡...

WEB MEMO

WordPress post_class()に任意の独自クラスを追加する方法

WordPressのループ内でほぼほぼ使うpost_class()。 実際には以下のように書くことが多い。 [crayon-5bab96e97a156823160253/] このpost_class()が出力する値は以下...

WEB MEMO

WordPress カテゴリページで子カテゴリごとに記事一覧を表示

お寿司屋さんのサイトでメニューリストを作る時に以外と猛烈にツマったのでメモ。 やりたかったことは以下の画像のようなこと。 結果、以下のような記述で理想通りになりました。 ポイントは2行目の‘parent=1&...

Wordpress めっちゃ簡単にスクレイピングができるプラグイン「WP Web Scraper」 WEB MEMO

WordPress めっちゃ簡単にスクレイピングができるプラグイン「WP Web Scraper」

データベースにはぶっこまないけど、目的のサイトから必要な情報を掲載したい時に便利なWordpressのプラグイン「WP Web Scraper」。 インストール後、目的のページURLとセレクタを指定するだけでオッケー! ...

CSS 特定の画像だけを操作する WEB MEMO

CSS 特定の画像だけを操作する

CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます (‘ω...

WordPress、パンくずリストを設置 WEB MEMO

WordPress、パンくずリストを設置

このブログで実際に実装している内容を記載 1.functions.phpに以下のものを書く [crayon-5bab96e97a959913683987/] 2.設置したい箇所に以下のものを書く [crayon-5bab...

ワードプレスでTwitter、Facebook、LINE、Google+のオリジナルシェアボタンを作る方法 WEB MEMO

WordPressでTwitter、Facebook、LINE、Google+のオリジナルシェアボタンを作る方法

バズってもらうために多くのブログに設置されているソーシャルメディアのシェアボタン。 なんか設置しないと不安になるお守りのような存在なので必ずと言っても過言ではないくらい使います。 デザインはCSSでナンボでも加工できるよ...

WordPress、Lineアプリ内ブラウザの時の条件分岐 WEB MEMO

WordPress、Lineアプリ内ブラウザの時の条件分岐

IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。 CSSのdisplay:box;が使えなかったためだ。 つまったのがLINEアプリ内ブラウザだ。 ユーザー...