横浜市・東京都内を中心に活動するフリーランスのWebデザイナーとフロントエンドエンジニアのWeb制作事務所です。BtoBのLPやコーポレートサイトの制作を得意としています。

ソースファイル https://github.com/h1romas4/wp-vuejs-sample オープンソースカンファレンス 2017 北海道「WordPress REST API と Vue.js を使ったフロントエンド開発」セミナースライドRead less

管理画面が壊れた？ 2016年10月16日、突然管理画面がアイキャッチのような表示になってしまいました。 数日前も確認してたのですが、特に問題なかったので16日の前後に何かやらかしたのかと少し焦りました。 原因を確認 ・管理画面の表示が崩れていたものの、クリックなどでページ移動することはできる ・Webページの方は表示に影響はない（クライアントのサイトもあるので不幸中の幸いでした） ・他のkagoyaで使ってるwordpressのサイトも同様に管理画面の表示のみ崩れていた。 解決・対処方法 結論から言うと、ルートディレクトリの.htaccessに php_value output_handler noneと記述すると直りました。 この場所に記述するのが正しいのかは知識不足なので不明ですが、私のhtaccessの記述例は下記のようにしています。 こちらのサイトを参考にしました。 http:/

WordPressで、通常の投稿やアーカイブページなどのURLは、ダッシュボードのパーマリンク設定ページで設定できます。 しかし、カスタム投稿タイプのURLに関しては、ダッシュボードでの設定はできませんし、思ったようなURL構成にするのが難しいです。 ここでは記事: カスタム投稿タイプの設定を踏まえながら、カスタム投稿タイプのパーマリンクを思い通りにカスタマイズする方法をまとめました。 まず、URLを投稿名ベースにするか、数字ベースにするか？ 最初に押さえておくポイントは、ダッシュボードのパーマリンク設定をデフォルト以外にした場合、カスタム投稿タイプのパーマリンクは常に投稿名（スラッグ）がベースになるという点です。 例えば、パーマリンク設定を数字ベースに設定します。 この設定で、カスタム投稿タイプの記事を作成してみますが、パーマリンクは数字ベースにはなりません。 パーマリンクが投稿名ベース

やっと、off-canvas と dropdown の切り替えができるCSSだけで実装したレスポンシブナビゲーションメニューが完成した。 もちろん、全部自分だけで作れる技量もなく、世界中を旅しながら(ネットだけど)CSSテンプレート探しまわり、そのテンプレートに合う html を吐き出すようにしました。 wordpressのテーマとして作っているので、wp_nav_menu()で普通に出力しても、求めている htmlコード にはならず、困った困ったと、フックをかけて何とかしてやろうと、処理方法を探しまわったところ「カスタムウォーカー機能」という、高いレベルで htmlコード をカスタマイズ出来ることが分かりました。 使い方はくせがあるように思いますが、結果的にはそうでもなかったので、メモとして残しておきます。 まず、呼び出し方 wp_nav_menu( array( 'theme_loca

Advanced Custom Fields（ACF）のアドオン・繰り返しフィールドの解説 アドオン「繰り返しフィールド」で出来ること 「Advanced Custom Fields」は、WordPressのカスタムフィールドを利用する時に非常に便利なプラグインですが、その Advanced Custom Fieldsにはさらに便利になる有料アドオンも用意されています。 その中から今回は「繰り返しフィールド」について解説を行います。 アドオンの「繰り返しフィールド」は、その名の通り、投稿画面で入力フィールドを任意に追加していけるフィールドです。 英語表記では「Repeat Field」なのですが、「繰り返しフィールド」より「リピートフィールド」のままの方がよかったような感じも．．． 利用方法としては、 例えば、飲食店の情報サイトを作成しているとします。 投稿する情報にはメニューの項目があり

WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 WordPressを新しいサーバーへ移したい？ WordPressを引っ越しする方法は以下の2種類あります。 1. プラグインを使い「自動で」サーバー移行 2. プラグインなしで「手動で」サーバー移行 今回お伝えするのは、「2」の手動で引っ越しする方法です。 あなたが初心者さんなら、まずは「1」のプラグイ

Windows専用の無料FTPソフト「WinSCP」の使い方｜多様な暗号化通信も可能。 2024.09.11

公開2013.11.18 更新2017.12.03 仕事・技術 今日は前回の記事の続きでWordPressのカスタム投稿タイプごとに生成するアイキャッチ画像、投稿サムネイルなどに使用できる画像サイズを分けて生成する方法です。 例として以下のような画像サイズ定義をadd_image_size()を使ってfunctions.php内で行っていたとします。 //カスタム投稿タイプ「book」用 add_image_size('book', 300, 300 ); //カスタム投稿タイプ「video」用 add_image_size('video', 400, 400 ); //カスタム投稿タイプ「game」用 add_image_size('game', 500, 500 ); book、video、gameというカスタム投稿タイプがあると仮定し、上記で定義した名称とカスタム投稿タイプ名が一致す

WordPressでHTMLが含まれる可能性のある文字列をechoなどで表示する際にはエスケープする必要があります。完全なる無知ですが、WordPressでエスケープする場合はすべて esc_html をつければよいと思っていました…。 先日読んだKindle書籍(Amazon.co.jp： WordPress3.5対応 テーマカスタマイズのためのPHP)のなかで、エスケープする関数は esc_html だけではないという事を知ったので違いや使い方等を調べてみました。 WordPressで使えるエスケープする関数は以下のページで確認できます。 沢山ありますがつかう事がありそうな関数は esc_html と esc_attr 、esc_urlの3つです。 3つの関数の意味・使い方 esc_html と esc_attr は違いがよくわかりませんでしたが、こちらの記事「【WordPressで文

This domain may be for sale!

今回課せられた制約は大きく2つ ・/blog　ディレクトリにインストールしたWordPressの新着記事をリスト表示させて、さらにjQueryで1行おきに背景色をつけてしましまにする ・さらに、そのなかでも最も新しい投稿には”New!!”と表示させてアピりたい 完成イメージはこんな感じ。 この2つの条件にかなり泣かされました。 しましまリストの実装はjQuery使って、こんな感じに書けば一瞬で出来ますね。 でも、これだと最初からHTMLに記述してあった部分はOKだけど、動的に書き出したfeed部分には適用できない。 JavaScriptを使って出力した部分を、さらにjQueryで操作する方法っていうのが私には分からなかったんです。 さらに”New!!”表示をどうやってやるかっていうことでまた悩み。。。 サイト全体がWordPressなら、投稿タグかカスタムフィールドつけてもらってそれを取っ

初カキコ…ども… 俺みたいに何でもかんでもプラグインで解決しようって腐れ野郎、他に、いますかっていねーか、はは 。 と有名なコピペをあれしつつ、今回はWordPressの便利すぎて後ろめたい気持ちにすらなりそうなプラグインBEST5をご紹介します。 第1位　Favicon Rotator ファビコンって作るの何気にめんどくさくないですか？フォトショを拡張してないとicoファイル作れないし。JPGやPNGデータをファビコン形式に変換してくれるサイトを使ってicoファイルを作り、WordPressのメディアにアップロードし、ヘッダに組み込む。あぁ、めんどくさい！ ところがこのFavicon Rotatorってプラグインを使うと、JPGやPNGの画像をアップロードするだけであっというまに出来上がるんです！ﾏｼﾞﾊﾟﾈｴ プラグインをインストールすると、外観の中にFaviconというメニューが現れ

This domain may be for sale!

こんにちは、マスク・ド・レガシーです。幅広いユーザーに愛されているCMS、WordPressですが大きなユーザーベースと引き換えに後方互換性やプラグイン開発者を守る為にレガシーコード的な兆候が幾つか現れています。今回の資料で指摘した点については数年前から修正のパッチやチケット上での議論は行われています。 バグ報告や機能要望が行われるTrac上を見ると機能に関する山のようなチケットが存在しており、そうした要望へのキャッチアップやレスポンシブ対応などのUI/UXに多大な努力を払っていることは驚きを禁じえません。 後方互換性を保ちながら、コードをリファクタリングする活動や、GitHubを使った開発、PSRへの参加とComposerの対応で外部のライブラリを積極的に利用するなどの変化が起こる事を期待しています。 一見、遠回りにも見えるかもしれません。ですがその他のCMSやフレームワーク、ライブラリ

さきほどWordPressフォーラム見てましたら、ぞっとするようなトピが立ちました。 サイト改ざん？ http://ja.forums.wordpress.org/topic/24503 サイトが急に文字化けになり、困っております；； Hacked by Krad Xinと黒の上部ツールバーにあり、サイトが改ざんされてしまったのでしょうか？ ハッカーの声明リストを見ると、日本のサーバで乗っ取った宣言のがずらり これはほんの一部です。おそらく数千、数万の被害が。 ※追記　DN乗っ取りでなければ数百〜千単位で済むかもしれないですが・・ただ攻撃は28日深夜から29日朝にかけても続き、被害は増大しています。 8/29　11時のリリースだと4802件だそうです。 くれぐれもリストにあるところは見に行かないように・・・感染してしまう可能性があります!! でもってドメインを検索して見ると、ほとんどがロリ

WordPressのカテゴリーにカスタムフィールドを追加する カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 投稿日2011年08月18日 更新日2012年08月07日 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_category_f

ご連絡頂いて、良さ気だったので ご紹介。以前記事にした、テキスト の両端を揃えるタイポグラフィ系 のスクリプト・slabTextを日本語 でも利用出来るようにし、且つWP で利用出来るようにしてくれました。 今年の1月くらいにご紹介したslabTextをWPで、且つ日本語で利用出来る、というプラグインです。slabTextに関しては以前の記事をご参照下さい。 テキストのサイズを自動調整して幅一杯に広げるレスポンシブWebデザイン対応のjQueryプラグイン・SLABTEXT 過去記事でも書いたように、普通に使っても日本語環境で使うのは若干微妙でした。（単語単位で半角スペースを入れる必要があった）これをうまく解消してくれているので需要も結構あるのでは無いかなと思います。 もともと目をつけていたスクリプトだったので日本語環境で利用出来るようになったのはとても嬉しいです。スクリプトの開発者さんは