自作WPプラグインの特集

WPプラグイン

ネ申Excelからの解放!ブラウザで請求書PDFを出力・管理WPプラグイン「WP請求書ジェネレーター：MAIDO」を制作中

4835文字 450view

フリーランス・個人事業主も法人も、経理に合わせるために必要になってくるのが「お見積・請求書」です。 まずはネット上にあるクラウドサービスや無料のExcelテンプレートを使ってみましたが、windowsではなくmacなので […]
WPプラグイン

[WP]メディア情報を一括でCSVエクスポートするプラグイン「wp_media_export」を自作

433文字 504view

wordpressのメディアに振られるpost_idを一括で取得する方法としてCSVエクスポートを作りました。 急ごしらえなので、get_postsでpost_type=attachmentを全部抜出してCSVを作成しま […]
WPプラグイン

[WP]連載管理プラグイン「RENSAI STORY」を作ってみる

2768文字 503view

連載管理プラグインを作ってみます。公開できるレベルになったら公開したいなー！ 連載管理するには、独立したCPT(stories)を作り、その投稿(stories-post)を親として、標準のpostと紐付けます。標準ポス […]
WPプラグイン

[WP]ソースコードを別々に表示するプラグイン「CODELEN」を作ってみる

2825文字 905view

技術系ブログだと、デモやサンプルを表示するのにcodepanなどのHTMLやCSSと実際の表示を別々に表示できるサービスを利用しますが、どうにか自力で作成できないかなっと思ったので、カスタムポストとメタボックスを利用した […]

WP飽きるまで。サイト内で検索

最新の投稿（8件/0件）

WEB制作

[wp+js]タイトルリンクを囲ってるdiv全体に適応したい

727文字 31view

デザインとアクシビティとマークアップの兼ね合いで、リンクタグはタイトルだけ掛けるようにしたいが、サムネイルや抜粋など他の要素もまとめている親になるブロックコンテンツ(div.item)をクリックした場合にも遷移してほしい […]
WEB制作

脱初心者！WEBプログラマエンジニア向けの書籍

40文字 259view
WEB制作

slim-lang(ruby)でarrayやhashの書き方

1011文字 375view

slimで調べるとphpや他の言語も出てきてしまうのですが、hamlと同じくHTMLテンプレートエンジンのslimの使い方です。 slimでforやeachなど繰り返しの項目を作成したい場合、書き方がよくわからなかったの […]
PHP TIPS

laravelの小技

7401文字 813view

導入1日目で挫折してヘルプお願いした結果どうにか立ち上がるようになりました！ ※メモを書いてます。そのうちきれいにします。(2018年6月) 【目次】環境dockerで開発環境インストール後にやることlaravelを日本 […]
WEB制作

HTMLのVIDEOタグをJSで実行するときに気になるON属性一覧

2076文字 304view

【目次】VIDEOタグのONイベントハンドラ属性サンプル動画を読み込んだ・通常再生場合の優先順位初期読み込みvideo.play()後5秒ぐらいごとにonprogress/onsuspendでデータを読み込む再生時間毎（ […]
WEB制作

Google MAP APIの使い方・オプションのまとめ

4995文字 322view

この記事は2013年11月の記事に加筆・変更を加えたものです。 使用量オーバーするサイトやアプリにはgoogleからビジネスAPIを取得して使用料を払うよう連絡きていた、Google Mapは2016年6月1日付けで従量 […]
WEB制作

WEBサイトにSVGを追加するいくつかの方法（通常版・WP版)

2300文字 978view
ざっくり言うと…

SVGはdefsでgroup化
wp_remote_get()で外部ファイルを取得
wp_remote_retrieve_body()で展開
JQUERY TIPS

swiper.jsのthumbnail送りをデモ以外の方法で実現する

1690文字 4,295view
ざっくり言うと…

navigationを拡張する
renderbulletで定義されている
thumbnail配列をindex順に呼び出せばOK

MOST POPULAR

「WP-PostViews」を利用して計測期間の総合ランキングを表示しています。

WEB制作

checkboxにcheckedされないでSUBMITされたときの判定

1127文字 11,163view

formで利用するinputのcheckboxはチェックすると、submit時にvalue値を送ります。未チェックの場合は、disable扱いでなにも送りません。$_POSTで受け取る時、真偽値のように「チェックしたらt […]
JQUERY TIPS

swiper.jsのthumbnail送りをデモ以外の方法で実現する

1690文字 4,295view
ざっくり言うと…

navigationを拡張する
renderbulletで定義されている
thumbnail配列をindex順に呼び出せばOK
WEB制作

fullscreen APIとKIOSKモード

5730文字 4,210view

デジタルサイネージ（電子看板）でWEBブラウザ利用したい場合、画面の最大化がネックになってきます。 FLASHを使っていた方はなじみのJavaScriptのwindow.openで最大化する方法がありましたが、windo […]
0から始めるWPテーマ制作

[WP]pageで自分の子供、親、兄弟のページを表示する階層リストをつくる

1396文字 2,845view

WPで通常のWEBサイトを作ろうと思ったとき、案外こんがらがるのが固定ページの階層です。 画像のような固定ページ階層の時、「自分」からみて、先祖、親、子、孫と取得する方法をまとめます。 page.phpやindex.ph […]
0から始めるWPテーマ制作

【5分で設置】WPにJSON-LDプラグインでschema.orgに対応

2300文字 2,533view

SearchConsoleの構造化データを利用するのに、HTMLにMicrodataはもう古いし面倒だしソースを汚し可視性が悪いです。JSON-LDがgoogleで使えるようになったのでJSON-LDでやりましょう！ 【 […]
0から始めるWPテーマ制作

[WP]投稿画面にmeta_boxを追加

1302文字 2,309view

編集画面で独自のinputに値を保存したい場合、多くはメタボックスを利用して値を保存します。 まずは編集画面にメタボックスを追加しましょう。 【目次】メタボックスを編集画面に追加メタボックスを編集画面に追加 WP管理画面 […]
WEB制作

[JS]Syntaxhightlighter vs Google-code-prettifyでコードを装飾

2088文字 2,063view

プログラムコードのタグをカラーリングするJSとして、有名なのがSyntaxhightlighterとGoogle-code-prettifyです。このサイトではスペースが表示出来て、コピペが楽なGoogle-code-p […]
0から始めるWPテーマ制作

[WP]ショートコード内で改行タグ追加を無効にして停止する方法

2994文字 1,463view

単純にショートコードを作って利用すると、生成されたものに意図しない改行タグや空白削除が入いります。これはWPのWYSIWYG(ビジュアルエディタ)が標準で行う整形機能のため仕方がない仕様です。 この整形機能自体を停止する […]

0から始めるWPテーマ制作

0から始めるWPテーマ制作

WP-RESTでJSONにカスタムメタを追加

178文字 495view

rest_api_initのregister_rest_fieldを利用して、JSONデータにカスタムメタ値を追加します。 【目次】WP-RESTでJSONにカスタムメタを追加WP-RESTでJSONにカスタムメタを追加
0から始めるWPテーマ制作

[WP]未ログインユーザーをログイン画面に遷移させる

150文字 244view

ログインしていないユーザーがアクセスした場合、ログイン画面に自動で遷移させます。
0から始めるWPテーマ制作

【5分で設置】WPにJSON-LDプラグインでschema.orgに対応

2300文字 2,533view

SearchConsoleの構造化データを利用するのに、HTMLにMicrodataはもう古いし面倒だしソースを汚し可視性が悪いです。JSON-LDがgoogleで使えるようになったのでJSON-LDでやりましょう！ 【 […]
0から始めるWPテーマ制作

[WP]the_contentにfilterでH2に自動でidを追加して内部リンク出来るようにする。

742文字 221view

JSで目次を作るに似てますが、本文（the_content)にadd_filterすることで、H2に直接IDを追加します。 【目次】プラクティス・デモプラクティス・デモ
0から始めるWPテーマ制作

[WP]ショートコード内で改行タグ追加を無効にして停止する方法

2994文字 1,463view

単純にショートコードを作って利用すると、生成されたものに意図しない改行タグや空白削除が入いります。これはWPのWYSIWYG(ビジュアルエディタ)が標準で行う整形機能のため仕方がない仕様です。 この整形機能自体を停止する […]

PHP TIPS

PHP TIPS

laravelの小技

7401文字 813view

導入1日目で挫折してヘルプお願いした結果どうにか立ち上がるようになりました！ ※メモを書いてます。そのうちきれいにします。(2018年6月) 【目次】環境dockerで開発環境インストール後にやることlaravelを日本 […]
PHP TIPS

PHPで消費税の計算式

170文字 364view

あってるか不安。
PHP TIPS

[php]日付や曜日を理解する。date() ,time() , strtotime()

1598文字 551view

プログラムで日時を取得するのはUNIX TIMESTAMPを利用します。 time() , date() , strtotime() 【目次】今・現在のタイムスタンプを取得特定の日のタイムスタンプ今日を取得曜日を取得日本 […]
PHP TIPS

[PHP] 配列をn個毎に分けるarray_chunk

695文字 1,096view

phpで配列を2個ずつ、3個ずつ、4個ずつ…n個ずつと分割する場合、array_chunk($array,$count);で分配してくれます。
PHP TIPS

[PHP]何日前など経過時間を表示するにはDateTime->diff()

934文字 389view

n日からn日までが何日間か？など日数を調べたい場合、DateTime->diff()を利用して、サーバーの今の時間と設の時間で差を計測します。差が1年以上なら年単位、１年内1月以上なら月単位、１月未満なら日単位、一 […]

0から始めるWPプラグイン制作

0から始めるWPプラグイン制作

load_plugin_textdomainの書き方

754文字 428view

プラグインで国際化ファイルを読み込みたいのにうごかない、翻訳されないで悩んだので、ベターな書き方を探ってみます。 load_plugin_textdomainは失敗したらfalseを返すので、
0から始めるWPプラグイン制作

[WP]直接アクセスされたら退出

66文字 235view
0から始めるWPプラグイン制作

Markdown風表組みショートコード[table]

1776文字 328view

テキストエディタで使える表組みショートコードでマークダウンっぽくかける方法です。 区切り線(|)で、セルを分けて、ハイフン(-)で区切ってそれより上のセルをthで表現します。 ショートコードの属性でcaptionとcla […]
0から始めるWPプラグイン制作

[PHP]外部サイトのOGPを利用して、URLを指定するだけで記事内にサムネイルや概要をタイトルを表示

1486文字 1,384view

WPは標準で、サイトに設定されたOGPタグを利用してURLだけでサイトにブログカードを表示することが出来ます。PHPの勉強のためにも自力で取得してみます。 【目次】WP標準OGPの取得を停止opengraphをDLファビ […]
0から始めるWPプラグイン制作

[WP]wp_menu_navからclassとIDを消す。currentを追加する。

537文字 251view

なかのひとプロフィール

TWGitHub

東京都江戸川区在住。一児の母。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。

お問い合わせ

ポートフォリオ

ポートフォリオ

ランキング用シンボルマーク

333文字 446view

【目的】ランキングページ用のUIデザインを希望。総合評価を月桂樹で囲ったデザイン案の過程で勲章デザインを提示。 【対象】女性がメインターゲット。「LIKE」を集めてランキングが上がる。 ※本採用案は非掲載。こちらはボツ案 […]
ポートフォリオ

[案件]フラワーギフト（楽しげ）

686文字 330view

【目次】業務内容デザインイメージシステム部分業務内容 要望打ち合わせ・構成・デザイン・キャッチコピー・構築(静的） ※写真素材クライアント提供、RF写真あり ※取材なし・初稿・本稿ライティング提供 ※ECなし デザインイ […]
ポートフォリオ

[案件]フラワーギフト（高級感）

591文字 276view

【目次】業務内容デザインイメージ：業務内容 要望打ち合わせ（対面）・構成・デザイン・ラフライティング・構築(DBなしJS動的） ※写真素材クライアント提供、RF写真あり ※取材なし・初稿・本稿ライティング提供 デザインイ […]

LATEST POPULAR

「JETPACKの人気の投稿」を拡張して直近7日間の人気の記事を表示しています。

  1. checkboxにcheckedされないでSUBMITされたときの判定
  2. swiper.jsのthumbnail送りをデモ以外の方法で実現する
  3. 【5分で設置】WPにJSON-LDプラグインでschema.orgに対応
  4. JSでtextareaをの高さを改行や文字列の量でリサイズする
  5. fullscreen APIとKIOSKモード
  6. [WP]メディア情報を一括でCSVエクスポートするプラグイン「wp_media_export」を自作
  7. [PHP]外部サイトのOGPを利用して、URLを指定するだけで記事内にサムネイルや概要をタイトルを表示
  8. [WP]ソースコードを別々に表示するプラグイン「CODELEN」を作ってみる
  9. [WP]カスタムメニュー機能で項目のリンクなしの見出しを作る方法
  10. [CSS]CSSでSVGを使う！Data-URI-Schemeをbackground-imageとして使う

TAGS

ドメイン(1) サーバー(1) get_data(1) get_tag(1) font(1) cdn(2) icon(1) fixed(1) js(1) wp_head(1) wp_foot(1) get_header(1) get_footer(1) form(1) seo(2) DateTime(1) diff(1) grid(1) flexbox(1) ui/ux(3) google(2) input(2) $_POST(1) method(1) menu(1) functions(2) add_filter(2) get_pages(1) get_children(1) get_parent(1) get_next(1) get_prev(1) get_current(1) vw(1) vh(1) update_option(1) check_admin_referer(1) get_option(1) まとめ(1) debug(1) get_current_screen(1) edit.php(1) get_post_meta(1) format(1) get_the_tags(1) editor(1) wp_menu_nav(1) nav_menu_css_class(1) current(1) nav_menu_item_id(1) checkbox(1) submit(1) isset(1) prop(1) ショートコード(1) add_shortcode(1) preg_replace(1) 正規表現(1) wpautop(1) WYSIWYG(1) syntax(1) wp_redirect(1) wp-login(1) is_user_logged_in(1) site_url(1) tool(1) swiper(1) スライダー(1) a11y(1)

CATEGORY