WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
Web制作が面白いほどはかどる！便利な最新オンラインツール54個まとめ
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
流行りのフロントエンド技術よりもサイト構築や SEO の基礎知識のほうが重要だ - Diary
流行りのフロントエンド技術よりもサイト構築や SEO の基礎知識のほうが重要だ みたいな主張があり、 WordPress のカスタマイズをしている人たちがこれを言いがちであり、実際間違ってないと思います。 では我々(我々とは誰か？)がそれに対していえることが何かというと、 PHP と jQuery で頑張って WordPress をカスタマイズするよりも JSON API と nuxt.js/next.js でサイトを組んだほうが簡単だということです。 WordPress のカスタマイズをやってきた人たちは長年のノウハウを積み上げており、それを活用してバリューを出しているわけですが、 nuxt.js でやっていっている人たちが熟達したとき、すべてが破壊されます。 じゃあ実際僕が nuxt.js でかっこいいサイト作る仕事して WordPress の人たちの仕事を奪っていくぞ！！！という気持
ウィジェットに広告コードが保存できない？Simplicity2でアドセンスコードを拒否されたけど、やっと解決！ | ビバ★りずむ
Simplicityのウィジェットを使い、アドセンスをはる2つの方法 Simplicityは広告ウィジェットが充実していて、スマホ・PC用に各1つアドセンスのコードをセットすれば、各ページに3つずつ広告を自動でセットしてくれます。※アドセンスの広告配置ルールが分かりにくい人にオススメ 投稿ページ・固定ページ・トップページに違う広告ユニットを（スマホ画面が横揺れしないよう）PC・スマホそれぞれ設置できる仕様です。それぞれの広告ユニットを作って設置すると、アドセンスでクリック解析もできる。アドセンスのルールを知ってる人用。 広告の詳細設定を変更できる項目と場所。 アドセンス初心者用の広告ユニット説明 投稿・固定・トップページにそれぞれ広告ユニットを置く方法 その他ちょっとした設定について 私も迷ったので、これら3つの方法を順に紹介します。※広告ユニットを設置しなくてもラベル（スポンサーリンクの
WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす
これなら作れる！WordPressプラグイン開発に役立つ記事まとめ
WordPressの人気を支える、豊富なプラグイン。探せばたいていのもがあるとはいえ、欲しい機能とピッタリはまることばかりではありませんよね？ そんなときは、自分専用のプラグインを作ってしまうのも1つの手。WordPressのプラグインを開発に役立つ記事をまとめてみました。 1.WordPressプラグインの最高の開発環境はこれ！ 『WordPressコア貢献者に聞く「ぼくのかんがえた最強の開発環境」（2016年版）』（WPJ） WordPress用の開発をするなら、いまどきどのようなツールを使うのがいいのか？ WordPress専門の開発者であり、コアの貢献者でもあるMatt Geriさんがおすすめする、最高の開発者環境を具体的に解説します。 2.開発環境をMAMPからVagrantへ乗り換える 『WordPressのテーマ・プラグイン開発環境をVagrantを使い簡単に構築する方法』（
functions.phpによる管理画面の左メニューカスタマイズ｜wordpress | wald-grun/blog
管理画面の左メニューのカスタマイズについて調べていたら、見やすいページがあったのでメモ。 Customizing Your WordPress Admin 英語ですが、タイトル部分は理解できるので、あとはソースを見れば使えます。functions.phpにペタっと貼って、自分用に詳細を書き直すだけでOKです。 Renaming Menus 左メニューに元からあるメニューの名称を変更できます。 function edit_admin_menus() { global $menu; global $submenu; $menu[5][0] = 'その他'; // '投稿'を'その他'に変更 $submenu['edit.php'][5][0] = '投稿一覧'を'その他一覧'へ変更; } add_action( 'admin_menu', 'edit_admin_menus' ); $menu
【WordPress】管理画面メニューのカスタマイズ - Qiita
管理画面の左側にあるメニューをカスタマイズする方法メモ。 非表示にする unset admin_menuフックを使い、対象のメニューをunsetしてあげることで、非表示にすることが出来ます。 function remove_menus () { global $menu; unset($menu[2]); // ダッシュボード unset($menu[4]); // メニューの線1 unset($menu[5]); // 投稿 unset($menu[10]); // メディア unset($menu[15]); // リンク unset($menu[20]); // ページ unset($menu[25]); // コメント unset($menu[59]); // メニューの線2 unset($menu[60]); // テーマ unset($menu[65]); // プラグイン u
WordPressのテンプレートを編集するときの注意点 - 西沢直木のIT講座
「WordPressのテンプレートを編集したら画面が真っ白になった」など、テンプレート編集に関するトラブルの相談が増えています。原因はさまざまですが、ここでは定番の問題を取り上げて、テンプレート編集時の注意点をいくつか紹介します。参考にしてください。 テンプレートの編集はテキストエディタで WordPressのテンプレートをダウンロードして編集する場合、Windowsのメモ帳はダメです。プログラムの編集やテキストファイルの作成に使う「テキストエディタ」を使って編集するようにしましょう。たとえば、秀丸エディタ（シェアウェア・試用可）などがおすすめです。 テンプレートの編集はメモ帳以外のテキストエディタで テンプレートの文字コードはUTF-8（BOMなし）で保存 テンプレートはテキストファイルなので自動的にShift-JISという文字コード（エンコード）で保存されるかもしれませんが、テンプレー
WordPressサイトを10分で立ち上げる方法を目の当たりにした | 隣IT
この記事から始まるシリーズで、WordPressで企業向けサイトを作るなんて言っているのですが、画像やテキストが全部揃っていてキタジマさんと同じ作業内容だったとしても、たぶんたっぷり1日、2日はかかると思うんです。 それなのに、それなのに… インストールからサイト公開まで10分ですよ！ 私としては、こんな技は盗まないわけにはいかないんです。 例えそれがどれだけ遠い道のりだとしても…！ ということで、長く苦しい修行の旅が始まりました。途中で心が折れないことを祈る。 サイトを爆速で立ち上げるための作戦 さて、そのキタジマさんの方法なのですが、当然ながらテクニックがあります。 そのテクニックは主に３つ。 WordPressのインストールや設定などは黒い画面のバッチで実行 WordPress公式テーマ、例えば「Habakiri」を使う CSSフレームワークBootstrapでサクサクレイアウトを作
WordPressで今見ているページのテンプレートファイル名を管理バーに出力してくれるプラグイン | 隣IT
こんにちは。くろゆきです。 WordPressブログをちょっとカスタマイズしたいのに、テーマ内のどのファイルを弄れば良いのかわからなくてお手上げ状態、なんてことはありませんか？ もしくは一生懸命変更してもなぜか反映されないっっ！と悩んでいたら、まったく関係のないファイルを弄っていた、なんてことも……、自分では正しいファイルを修正していると思い込んでいるので、なかなか気づけないんですよね。 しかし、今回紹介するプラグインを導入すると、この手のミスはゼロになります。なにせ編集したいページをみたら、管理バーに編集すべきテンプレートファイル名が表示されているんですから、ミスのしようがありません。 というわけで、WordPressのテーマをカスタマイズされる方はうっかりミス防止のために！ WordPressカスタム初心者様はテーマ構造の把握のために！ 大声でおすすめしたい便利プラグイン「Show C
WordPress初心者がハマリやすいエラーや問題とその解決方法
WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは？ 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは？ 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作
オリジナルテーマの作り方 3.0+
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト！ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
WordPressのカスタム投稿タイプとカスタムフィールドを実際に追加してみた！ - マネー報道 MoneyReport
WordPress 新しいWebサイト構築に向けて、現在WordPressを勉強しています。 昨日は「カスタム投稿タイプ」を使う事で、自分好みのメインコンテンツを記事とは別に作れる話を書きました。 で、実際にレンタルサーバーにアップしているWordPressに「カスタム投稿タイプ」を適用してみましたので、その適用方法と実際の適用後の見栄え等をお伝えしたいと思います。 また「カスタムフィールド」と呼ばれるオリジナルの投稿項目についても設定してみましたので、そちらも併せて記載します。 カスタム投稿タイプの適用 カスタム投稿タイプをWordPressに導入するには自分で「function.php」を書き換える事でも実現できますが、PHPソースの改変があり間違うとWordPressが動かなくなったりと弊害が大きいので、今回はプラグインを使ってカスタム投稿タイプを実現します。 カスタム投稿タイプを実
３年程運営していたwordpressのブログがウイルス感染して一瞬で消滅した : 宇佐美典也のブログ
宇佐美典也のブログ 宇佐美典也（うさみのりや）です。1981年、東京都生まれ➡暁星高校➡東京大学経済学部➡経済産業省➡ブロガー・ニート➡再生可能エネルギー業界の端っこ（今ココ）なにかあればinfo@unyconsulting.comまでご連絡を。 お問い合わせ プライバシーポリシー 個人情報保護方針 去る2015年9月19日、サーバーを借りているlolipopから通知が有りまして３年間程運営していたブログがウイルス感染のためあっけなく閉鎖することになりました。 9月15日頃にいわゆるボットが発動したものと思われ、私が借りていたサーバーから大量にSPAMメールが撒かれていたようです。以下9/15から9/16にかけてlolipopから通知があった撒かれたスパムメールの件数です。 （9/15 ） 21:39 ➡ 314通 22:12 ➡ 335通 23:09 ➡ 306通 （9/16） 0:18
WordPressでショートコードだけで新着情報を表示できるプラグイン３つを比較！
コーポレートサイトを作る時には、やっぱり新着情報を表示したいという要望が多いですよね。 「カスタムフィールドの値を表示したい」なんて特殊な要望の場合はphpで書いた方が早いですが、 ・記事タイトル ・日時 ・抜粋文 ・サムネイル画像 といった基本的な表示なら、プラグインのショートコード（+CSSの編集）で完結できることも多いです。 今回はそんな機能をもったプラグインを３つ紹介したいと思います。 追記201809 サムネイルを含めたグリッドデザインが導入しやすく、設定が豊富で拡張性の高い新着情報表示プラグインを見つけたのでこちらでご紹介しています。 WordPressの新着情報（記事一覧）表示プラグイン「Post Grid」はグリッド幅の調整やMasonry、表示項目やスタイルのカスタマイズも可能！検索機能やページングもあり！ ３つのプラグイン1.プラグイン名What’s New Gener
WordPressで更新・お知らせ履歴を別ページで作る方法【大幅刷新】
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。 ※当初はExec-PHPプラグインを利用した方法を紹介していたのですが、セキュリティ的に問題があるということで、ショートコードを利用した方法に変えました。http://memo.dogmap.jp/さん、情報ありがとうございます(2013/7/10) 固定ページを利用する 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをショートコードで書いてしまう方法です。ショートコードを利用すれば、固定ページの記事内でPHPを動かすことができます。 そして、固定ページはページ毎にテーマを変えられます。リストだけを表示するシ
Re: WordPressで更新・お知らせ履歴を別ページで作る方法
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。少々強引です。 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをPHPで書いてしまう方法です。Exec-PHPプラグインを利用すれば、固定ページ内でPHPを実行することができます。 WordPressで更新・お知らせ履歴を別ページで作る方法 色々、最悪です。 まず、顧客案件で Exec-PHP を使うなんてもってのほか。 例えば、お客さんが以下のようなコードを通常記事に打ったら、MySQL のユーザーアカウント/パスワードが漏洩してしまいます。 <?php echo DB_USER ."\n"; echo DB
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressが技術負債になった話 / Coral Developers 20210525
add_menu_page