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

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

2994文字 778view

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

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

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

1486文字 587view

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

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

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

537文字 93view
WEB制作

WPの記事を効率的に書く方法 for Googleドキュメント

1971文字 153view

※この記事はグーグルドキュメントの下書きをそのまま公開しています。(JETPACKが必要です。) googleドキュメントでWP記事の下書きを書くメリットは、複数人でリアルタイム共有出来る・文字単位でコメント出来る、軽い […]

WEB制作

HTML5だけから始める入力Formの基礎

4214文字 279view

HTML,JS,PHPを利用しないと完成しないfromダグ。ユーザーにもエンジニアにもフロントエンダーにも優しいフォームの作り方ってなんでしょうか?まずは最低限のフォームを基礎知識を考えます。 【目次】フォームとインプッ […]

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

[WP]カスタムメニュー機能で項目のリンクなしの見出しを作る方法

1217文字 296view

外観>メニューから設定できるカスタムメニューでは階層(サブメニュー)を持つことができますが、見出しタイトル項目(hrefなしのAタグ)が標準のままでは設定できません。 ウィジットを利用してタイトルをつける方法もありますが […]

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

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

1396文字 1,536view

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

CSS TIPS

[CSS]アイコンフォントをCDNで利用しよう

1581文字 260view

entypoは無料で使えるオープンソースのアイコンフォントです。サーバーにアップしないで使えるようにCDNで呼び出しましょう。jsdelivrは無料のオープンソース用のCDNです。 本家:http://entypo.co […]

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

[WP]テキストエディタにタグボタンを追加

339文字 109view

ビジュアルエディタは嫌いだけどタグボタンが欲しい!場合にはfunctions.phpに以下を追加しましょう! QTags.addButton()に色々追加するだけ! https://codex.wordpress.org […]

WEB制作

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

2088文字 1,009view

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

JQUERY TIPS

[JS]目次を自動でリスト化しページ内を移動しよう。

365文字 108view

記事中のH2/H3を本文から取得して目次を作ります。 同時に本文中にPHPでIDを自動挿入することで、長いページでもアンカー用URLが作りやすくなります。 さらにウィンドウTOPがどの目次項目範囲内なのかをスクロール中に […]

WEB制作

[JS]CSSをwp_footで最後に読み込む

870文字 87view

google speed Insightが推奨するCSSの後読み方法です。 l.hrefにCSSのurlを追加します。 ※基本的なCSSはインラインでheadに記載して、後から読み込んでOKなものをJSで呼び出します。 […]