WordPressでのダメなjQuery関数の囲み方4パターンと対策講座 | スタッフブログ | 株式会社クーネルワーク
WordPressでjQueryコードが動かない人へ こんにちは。入澤です。 代表曰く「ラーメンブログとなりつつある現況を打破してほしい」ということで、唐突ではありますがWeb（WordPress×jQuery）のお話をしたいと思います。ちなみに私が最近美味しいと思ったカップ麺はマルちゃんのでかまる 濃厚コク塩ワンタン麺です。 さあレッツゴー。 ○が1つ以上の方は読み進めて下さい 1, WordPressテーマファイル「header.php」の「<head>」タグ内にjQueryコードを記述しているが動かない 2, 動かないのはjQueryのバージョンが問題では？と各プラグインコードの直前にjQuery（バージョン違い）を追加している（結果動作したりしなかったり） 3, 「prototype.js」絡みのコードを入れたらjQueryが死んだ 4, 別に今直面している問題はないが、「（Wor
WordPressの投稿フォーマットを活用してみる | helog - スマートフォンやhtml5+CSS3など新技術に四苦八苦。jQuery、AjaxなどJavaScriptも難しいですね。そんなWebに悩む人のネタ帳です。
スマートフォンやhtml5+CSS3など新技術に四苦八苦。jQuery、AjaxなどJavaScriptも難しいですね。そんなWebに悩む人のネタ帳です。 WordPress 3.1から投稿フォーマットという機能が追加されているのですが、これまで活用できていなかったので、ここで少し勉強したいと思います。 投稿フォーマットでは、投稿内容を各フォーマットに合わせて、デザイン・レイアウトを切り替えることができます。 例えば、記事として投稿する場合でも、通常の投稿とは別で、リンク集や画像ギャラリーとしてレイアウトを分けたい場合に役に立ちます。 functions.phpでフォーマットを有効にしてみる フォーマット機能を有効にするためには、functions.phpで以下を追加するだけです。 add_theme_support('post-formats', array( 'aside', 'ima
Advanced Custom Fieldsの使い方
目次 中々の大作になってしまったので目次付けときます。 ↓目次を表示する まえがき KoToRiは最近まで「Custom Field Template」を愛用していました。 使い方を詳しく説明した記事も書きました。詳しく書き過ぎて見てくれた人にコメントで注意もされました笑 Custom Field Templateの使い方[WordPress] でも最近『Advanced Custom Fields』に乗り換えました。 理由はいろいろあるのですが一番の理由は編集画面に表示されるフィールドが見やすいからです。 管理画面をなるべく使いやすくカスタマイズするという事に重きを置くようになったのです。今更ですが。 でも調べていくうちに『Advanced Custom Fields』の柔軟性にビビりました。 みなさん、このプラグインが無料なのは凄いことです！ なので『Advanced Custom F
Twitter Bootstrap 3を用いてWordPressテーマを作成しよう①
Twitter Bootstrapを用いたWordPressテーマは数多く配信されています。その中からピックアップしてカスタマイズしても良いのですが、それでは面白味がありませんので、極力そういった類いのツールは借りず、自作に近い形でテーマを作成したいと思います。 簡単にレスポンシブに対応したデザインが作成できる「Initializr」 Initializrでは、Twitter Bootstrapを使用した雛形を簡単に作成できます。今回は、この雛形をカスタマイズしていきたいと思います。Initializrにアクセスし、以下の通りになっていることを確認して、「Download it!」ボタンをクリックしてください。 「1 - Pre-configuration」は「Bootstrap」を選択 「2 - Fine tunning」はデフォルトのまま変更しない ダウンロードされた圧縮ファイルを展開
win7にVagrantとかvccw2.0.0を入れるよ | xxxx7
wordpress関連の開発をするのに便利なvccw。半年ほど前にプラグインを作ったときに、このvccwを使おうとしてvagrant関連と戦っていたのですが、かなり大変だったという記憶があります。cygwinはじめ、いろんなソフトを入れたのですが、エラーが多発したんですよね。例えば、次のサイトに出てるようなVirtualBoxの不具合をくらったりしてました。 VirtualBoxは4.2.18で 4.3ではネットワーク回りに不具合が WindowsでVagrant＋WordPressの環境作ったよ（導入編） | 鉄王 今回は、リベンジです。ちなみに、環境はwin7です。 win7でVagrantを使えるようにする 半年前に挑戦した時は、いろんなサイトを見ながら格闘していたのですが、人によって環境が違い、かなり混乱しました。ググっても、winじゃない環境の話が出てきて、仕方ないのでcygwi
誰でも簡単にできる、WordPressを別ドメインに移設する方法
WordPress - 大全集 2015.09.11 2017.08.26 誰でも簡単にできる、WordPressを別ドメインに移設する方法 WordPressでサイト制作を行っていると、はじめは仮ドメインに設置 → 公開のタイミングで本ドメインに切り替えるという作業が必要になることがあります。 また、先の記事で紹介したテスト環境から本番環境に移設する時にも必要な工程です。 XAMPPを用いてテスト環境を構築する方法 MAMPを用いてテスト環境を構築する方法 移設の難しさ しかしながら、初めてこの作業を行うと結構苦労します。 移設を行う場合の一番の問題点は、公開URLが変更になることです。 公開URLが変更になることで下記のような問題点が起こります。 公開URLの設定が正しくないとWordPressの管理画面にログインができなくなる。 テーマファイルのCSSやJavaScriptが読み込ま
WordPressの検索機能をもっと使いやすくする
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法（たぶん）。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
WordPressのカテゴリー、タグ、カスタムタクソノミーに独自の入力欄を追加する方法｜今村だけがよくわかるブログ
WordPressのカテゴリーやタグ、カスタムタクソノミーにそれぞれ独自の入力欄を追加する方法を調べていたんですが、webopixelさんの記事「WordPressのカテゴリーにカスタムフィールドを追加する」がわかりやすくて、とても参考になりました。 そこで、掲載されているコードを参考にさせて頂いて自分なりにカスタマイズして扱いやすくしました。 もし似たようなことをされたい方は、ご参考ください。 カテゴリー、タグ、カスタムタクソノミーに独自の入力欄追加ご使用中のテーマフォルダ内にある「functions.php」ファイルの最後尾などに以下のコードを追記します。 <?php //入力欄を追加 add_action('category_edit_form_fields','add_taxonomy_fields'); //カテゴリー add_action('post_tag_edit_form
WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ
WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.([Hh][Tt][Aa])"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。
これは必見！Wordpressに関する有益な情報を発信するブログ23選
近年、Wordpressはブログだけでなく企業のホームページにも使われることが増えており、ますます注目度が上がっています。 今必須のスキルとも言えるWordpressですので、独学で覚えようという方も多くいらっしゃいます。 書籍、解説ブログが数多くありますので、これらを利用すれば独学で習得することは不可能ではありません。特に解説ブログは実践的な内容が多く、初心者はもちろん中上級者にも参考になります。 今回は、Wordpressに関する情報を発信するブログをご紹介いたします。これからWordpressを学ぼうと思っている方、色々カスタマイズしてみたいという方はぜひ参考にしてみてください。 Wordpressに関する情報を発信しているブログ 1.Webデザインレシピ http://webdesignrecipes.com/ Webデザイナーの高橋のりさんが運営するブログです。 ウェブデザイン、
WordPress開発が捗りそうなBracketsおすすめ拡張40個まとめ
Paste and Indent JavaScript & CSS CDN Suggestions scriptタグやstyleタグを書くと、CDNが使えるJSファイルやCSSファイルの名前を提案してくれ、選んでいくだけでCDN呼び出しタグを書くことができます。これがあると、ネットで探し回る必要ないかも。 Brackets Extension: CDN Suggestions CDN Finder jsDelivrで公開されているCDNを検索し、URLを手軽に取得することができます。 CDN Finder Autoprefixer 名前の通り、ファイルの保存時に自動でプレフィックスを付与する拡張です。 Can I Useの情報から判断して、不要なものは取りのぞいてもくれます。 機能を有効にするには、「編集」メニューから「Auto prefix on save」にチェックをしておく必要があり
WordPressにシェア数つきオリジナルSNSボタンを実装しよう！取得から表示までの流れを紹介 - Design Color
【2015年6月11日 追記】file_get_contents()の使い方に注意しよう 重要なことでしたので追記します。こちらの内容はコメントにて教えていただきました。教えていただかなかったら全く知らない事実でした…本当にありがとうございます！ file_get_contents()は「allow_url_fopen =off」のサーバー環境では動いてくれない APIを取得する際に使用しているfile_get_contents()というPHPの関数には注意が必要です。まず、その関数が動かない環境があるということ。file_get_contents()を使うにはサーバーの「allow_url_fopen」の設定をONにする必要があります。もし設定がOFFになっている場合はfile_get_contents()が使えません！ ONにする方法としては以下の記事がわかりやすくまとめてくれていまし
WordPressのデバッグプラグイン「Query Monitor」をサイト制作・カスタマイズに役立てよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアの段田です。 WordPressでテーマ作成やカスタマイズする際に便利なプラグインの紹介です。 元々WordPressでは、見ているページで使用されているテンプレートファイルや条件分岐タグの種類、実行されたSQLなどを確認できません。 ですが、この「Query Monitor」プラグインを導入すると確認することができます！ Query Monitorの導入方法 さっそく導入方法から見ていきましょう！ ダウンロード まずは「Query Monitor」をダウンロードしましょう。 https://wordpress.org/plugins/query-monitor/ もしくは管理画面のプラグイン新規追加画面にいきましょう。 インストール つぎに、インストールしましょう。 ファイルをダウンロードした方 ダウンロードしたらファイルを解凍し、pluginフォルダに設置する 管
WordPress：カスタマイズするなら覚えておきたい条件分岐について - NxWorld
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
WordPressでできる！写真投稿サイトの作り方（Part.1）環境整備編 | さくらのナレッジ
みなさんはじめまして、佐藤芳治と申します。 みなさんは、WordPressというとブログサイトを構築するためのCMSというイメージをお持ちでないでしょうか？もちろん、その認識は正しいのですが、企業サイトのベースとして利用されていたり、大規模なポータルサイトで利用されていたり、実に多くの場面で利用されています。 また、現在もかなり早いペースでバージョンアップが繰り返されていて、機能も充実してきていますので、ブログに限らず、工夫次第で様々なことを実現することができます。 今回は、WordPressを使って、実際にサイトを作ってみながら、さまざまなナレッジをご紹介しようと思います。 具体的には、 投稿の管理をWordPressで行う 登録フォームはWordPressを使わない というサイトの構築方法をサンプルサイトを用いながらご紹介します。 はじめに 今回制作するサンプルサイトでは、以下のことを
荒れ果てたWordPressコードを美しく整形してくれるツールまとめ
WordPressには、いくつかのプログラム言語が利用されています。 具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery） 細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。 今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。 コード整形ツールとは コード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。 例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。 コードに適切なインデントを自動で設定する インデントをタブからスペー
ブログをパクられた！手口と著作権侵害申告など、気付いたらやるべき対処方法についてまとめました - アナザーディメンション
パクリサイトの手口（プログラムの仕様） まず、犯人は盗用したいサイトを見つけたら、パクリサイト側のプログラムに対象サイトのドメインを登録するようだ。そして、自身のサイト（パクリサイト）と対象サイト（今回では当サイト）の関連付けを行う。 こんな感じだ。 【当サイト】 https://estpolis.com/ 【パクリサイト】 http://www.advieshoreca.nl/6s/csctccase.asp 【当サイト記事ページ】 https://estpolis.com/2015/02/17103.html 【パクリサイト記事ページ】 http://www.advieshoreca.nl/6s/csctccase.asp?2015/02/17103.html そうすると、以下のように動作する。 パクリサイトを閲覧した人がアクセスすると（Googleのクローラーも含む）、対象サイトのド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【旧版】ローカル開発環境の構築 [Windows版] (全10回) - プログラミングならドットインストール![【旧版】ローカル開発環境の構築 [Windows版] (全10回) - プログラミングならドットインストール](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ae44c808f3bbe51c4dc9d0e7463ea20adfdef93/height=288;version=1;width=512/https%3A%2F%2Fdotinstall.com%2Fpackage_img%2Fbasic_localdev_win%2Fscreen_1.png)
http://hapisupu.com/2015/07/wordpress-seo-url-oprimize/
http://blog.yukarien.com/tech/wp-responsive/
