簡単に表示高速化を目指したオリジナルWordPressテーマ「yStandard」のβ版を公開しました!

この記事を読む

簡単に表示高速化を目指したオリジナルWordPressテーマ「yStandard」のβ版を公開しました!

昨年から少しづつ作っていたオリジナルWordPressテーマを一般配布する日が近づいてまいりました。 既にこのブログで絶賛稼働しているということもあり、一旦ここらへんでβ版として公開することに致しました!
【WordPress】投稿本文のSNS埋め込みをAMP対応させる方法

この記事を読む

【WordPress】投稿本文のSNS埋め込みをAMP対応させる方法

まるでそこにあったかのように爆速でWEBページを表示してくれるAMPフォーマット だんだんと仕様追加されてできることが増えてきましたが、まだまだ既存のサイトをAMPに対応するにはそれなりの苦労が必要です。 なかでも、今回SNSの埋め込みをA…
【WordPress】テーマカスタマイザーでファビコンとapple touch iconを別々に設定できるようにするカスタマイズ

この記事を読む

【WordPress】テーマカスタマイザーでファビコンとapple touch iconを別々に設定できるようにするカスタマイズ

先日「テーマカスタマイザーのサイトアイコンの設定で透過画像を指定すると、apple touch iconが大変なことになった」という話をしました。 正直、「そんなものテーマカスタマイザーではなく、テーマの中に画像含めてテンプレートで指定すれ…
【WordPress】カスタマイザーで設定したサイトアイコンからapple touch iconのタグを削除する方法

この記事を読む

【WordPress】カスタマイザーで設定したサイトアイコンからapple touch iconのタグを削除する方法

WordPress 4.3からテーマカスタマイザーにファビコンの設定ができる「サイトアイコン」という項目が追加されました。 管理画面から簡単にファビコンを変えられるようになった上、一緒にapple touch iconも出力してくれて便利極…
[WordPress]VCCWで製作中のサイトをスマホで確認する方法

この記事を読む

【WordPress】VCCWで製作中のサイトをスマホで確認する方法

やり方はいくつかあると思いますが、現状「これかな」と落ち着いたVCCWを使ったローカル環境で製作中のWordPressサイトをiPhoneなどのスマホで確認する方法メモです。 速度的には残念なことになっていますが、実機でCSSの反映具合の確…
CoffeeScriptで$が使えないjQueryを使うときのメモ

この記事を読む

CoffeeScriptで$が使えないjQueryを使うときのメモ(例えばWordPress)

WordPress側で読み込まれるjQueryって、「$()」で使わずに「jQuery()」で使わなきゃいけないみたいですね。 自作テーマでは基本的にGoogleのCDNから読み込みしているので知りませんでした… で、そうすると最近勉強し始…
VCCWでWordPressのローカル環境を作る手順

この記事を読む

本番同期も簡単にできるWordPressローカル環境をVCCWで構築した手順メモ

以前はBitnamiで作ったWordPressのローカル環境を使っていて、それなりに事足りてたつもりでしたが、長く使ってると不満に思えるところもあるわけで… 「やっぱり、記事データとか本番同様に最新の状態で使いたい!」となると、サーバーから…
せっかくWordPressのテーマをカスタマイズしたのにサイトが真っ白になって目の前真っ白にならないためにやっていること

この記事を読む

ページ真っ白はもう嫌だ!WordPressのテーマカスタマイズで気をつけている5つのこと

WordPressのテーマカスタマイズした時に、ミスってページを真っ白にした時のあの焦りはもう2度と味わいたくない! シェアボタンの見た目を変えたり、記事ランキングを表示したり… WordPressをいじっていると、いろいろとカスタマイズを…
WordPress Popular Postsで人気記事を作る

この記事を読む

WordPress Popular Postsでビュー数付き人気記事ランキングを作る方法

ブログの人気記事ランキングを作成するプラグインとして利用者も多い「WordPress Popular Posts」 僕のブログでは相性が究極に悪くて利用していませんが、先日ブログのテーマカスタマイズのお手伝いをした際に人気記事ランキングを作…
Bitnamiで作ったWordPressのローカル環境でPHPの変更がうまく反映されない時の対処法

この記事を読む

Bitnamiで作ったWordPressのローカル環境でPHPの変更がうまく反映されない時の対処法

WordPressテーマのカスタマイズでPHPファイルの編集をしてもなかなか反映されない… スタイルシートの変更はすぐに反映されるのだけど… ブラウザキャッシュをクリアしてみても反映されないのできっとサーバー側の問題なんだろうと調べてみると…
[WordPress]テーマ名を取得・表示して「どや!」と自作テーマをアピールするカスタマイズ方法

この記事を読む

【WordPress】テーマ名を取得・表示して「どや!」と自作テーマをアピールするカスタマイズ方法

せっかくWordPressの自作テーマが作れるんだから、テーマ名をページ上に表示してドヤってみようと思います。 今回必要になったのは「現在適用しているテーマの名前」です。 テーマのURLと比べて「使うシーンがあるのか?」と思うかもしれません…
Bitnamiを使えばWordPressのローカル環境は簡単に作れる

この記事を読む

WordPressのローカル環境をBitnamiで簡単構築・日本語化する方法

WordPressのテーマカスタマイズをするなら必ず用意しておきたいWordPressのローカル環境 ローカル環境構築にはいくつかソフトがありますが、「Bitnami」がインストールから日本語化まで結構簡単にできました! かなり簡単なのであ…

この記事を読む

「WordPressをカスタマイズしたいからPHPを勉強します」は違うと思う。そうじゃない。

WordPressカスタマイズを楽しむ人。よっひー(@yosiakatsuki)です。 最近、「WordPressを始めました」という方とよく話す機会があって、「WordPressをカスタマイズする為にPHPを勉強してるんですよ」というのを…
STINGERの関連記事に兄弟カテゴリの投稿も表示する

この記事を読む

[STINGER]記事下の関連記事に兄弟カテゴリも表示するカスタマイズ

記事に設定されているカテゴリと同じカテゴリの記事を表示してくれるSTINGERの記事下の関連記事一覧。 「兄弟カテゴリも表示出来たらアクセスアップできそうなのに…」と思ったことありませんか?よっひー(@yosiakatsuki)です。 カテ…
[WordPress]レスポンシブ対応したiframeの最大幅を指定するカスタマイズ

この記事を読む

【WordPress】レスポンシブ対応したiframeの最大幅を指定するカスタマイズ

STINGER5標準搭載のiframeのレスポンシブ対応機能が便利ですが、最大幅を指定しないと想像以上に大きく表示されることがあります…簡単なカスタマイズで最大幅を指定できるので、是非チャレンジしてみてください!
[WordPress]YouTubeの埋め込みをまとめてレスポンシブ対応するカスタマイズ

この記事を読む

【WordPress】YouTubeの埋め込みなどiframe要素をまとめてレスポンシブ対応するカスタマイズ

iframeの広告などをブログに貼り付けてるとちょっとした不具合を引き起こします…そうならないためにも、YouTubeなど、特定のiframeのみレスポンシブにするようカスタマイズしてみましょう!

この記事を読む

ブログをスマホで表示したとき広告が切れないようにする為のWordPressの3行のコード

見ていてデザイン的に「いまいちだなぁ」というだけでなく、規約違反になりかねませんので「切れた広告」対策は今月中にやりましょう!

この記事を読む

プラグイン不調問題対応から学んだブログの「変更履歴」をとることの大切さ

先日、ようやく原因を突き止めたWordpress Popular Postsプラグインの不調問題 結果として、僕の作成したテーマとの相性が悪かったということで解決にしました。 原因を探るまでに費やした時間と労力はそれなりにかかりました… で…

この記事を読む

【WordPress】プラグインはいらない!FacebookのOGP設定をテーマに直接書き込む方法

ブログにFacebookのOGPを適切に設定出来てますか? よっひー(@yosiakatsuki)です。 WordPressであればOGPを設定できる便利なプラグインがありますが、プラグインとの相性等もあり、うまく表示されないことも… プラ…

この記事を読む

【WordPress】ブログ末尾の「○○はこう思った」をショートコードで簡単に作る方法

WordPressのカスタマイズに徐々にチャレンジしてます。よっひー(@yosiakatsuki)です。 前からやってみたいと思っていた「~は思った。」的な記事の終わり方。 WordPressのショートコードで簡単に実現できました! 毎記事…