コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション
WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数（PHP） PHP HTML CSS JavaScript（jQuery） ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ？」「あれなんて関数だったっけ？」なんて時に見ると便利なカンニングペーパー（チートシート）の紹介です。 WordPressチートシート WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日本語版 WordPress
荒れ果てたWordPressコードを美しく整形してくれるツールまとめ
WordPressには、いくつかのプログラム言語が利用されています。 具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery） 細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。 今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。 コード整形ツールとは コード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。 例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。 コードに適切なインデントを自動で設定する インデントをタブからスペー
WordPressサイトの引っ越しやバックアップがとれるプラグイン「Duplicator」 – ワードプレステーマTCD
「Duplicator」とは 「Duplicator」はサイトの引っ越しやバックアップがとれるWordPressプラグインです。 無料版でも引っ越しやバックアップは可能。 元サイト→新サイトへの引っ越しが可能 バックアップデータを取ることも可能 WordPressダッシュボードの左メニュー（プラグイン > 新規追加）から「Duplicator」と検索して、インストールして下さい。 もしくは、下記のURLからプラグインをダウンロードして、wp-content/pluginsディレクトリにインストール。その後、管理画面から有効化してください。 Duplicator 「Duplicator」の使い方 プラグイン有効化後、ダッシュボードの左メニュー内に「Duplicator」というメニュー項目が増えていますのでそちらにアクセスします。 コピー元のサイトからダウンロード 「Duplicator」は、
よく使うWordperssプラグインをまとめておいて、サイト構築時に一括インストールでできる「WPCore」 - WEBマーケティング ブログ
Wordperssでいくつもサイトを構築する際に、面倒なのはいつも必ず使うプラグインをインストールすること。必ず使うものを覚えておくのも面倒ですし、ひとつひとつインストールしていくのも億劫になります。 そんなときに便利なのが、今回ご紹介するサービスとプラグインのセットです。 １人で頑張っているウェブ担当者さま必見！業界トップに教えてもらえるチャンス 10枚とじタイプもある針のいらないホッチキス コクヨ ハリナックス 毎回使うプラグインをまとめてインストールできる「WPCore」 「WPCore.com」は、よく使うプラグインをサービスサイト上にまとめておいて、専用のプラグインを使って一括インストールできるオンラインサービス。 まとめたプラグインをコレクションとして公開し、共有することもできるようになっています。 サービスサイト上にプラグインをまとめられる WPCore.comに無料会員登録
WordPressで初めてのバイラルメディアを一時間で作る方法
先日、SUPOCON という初めて作ったバイラルメディアのサイトを公開したのですが、WordPress のテーマやプラグインを存分に活用することで、とても手早く簡単に作れてしまうことが実感できました。 こんなサイトを自分でも作ってみたい！という方も中にはいるかもしれませんので、参考までに SUPOCON の作り方をざっくり紹介してみようと思います。 WordPress の基本準備や最低限のカスタマイズを行い、一時間程度でサイト公開できる状態まで仕上げることを目標にします。 WordPressインストール（10分） WordPressの詳しいインストール方法については省略します。 昨今のレンタルサーバだと標準で WordPress インストール機能が付いているものも多いので、そういうのが使えると一番手っ取り早いですね。 分からない方は「WordPress インストール」で検索するとドッと参考
WordPress で CSS、JavaScript ファイルを読み込む正しい方法
July 10, 2014May 5, 2016WordPress で CSS、JavaScript ファイルを読み込む正しい方法Categories WordPress 誤った方法で行っている方を多く見かけますので説明します。 読み込むエリアにあわせて適切なフックを使用する wp_enqueue_scripts – サイト公開側に読み込む場合に使用するフックです。 login_enqueue_scripts – ログイン画面に読み込む場合に使用するフックです。 admin_enqueue_scripts – 管理画面に読み込む場合に使用するフックです。 上記フックは xxx_scripts という名前ですが、スクリプトだけでなくスタイルシートの読み込みにも使用されます。誤解を招き易い点なので注意してください。また、wp_print_scripts フック、wp_print_styles
えっ？これも！？wordpressで制作されたハイクオリティWEBサイト100選！
最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPressの成長は著しく、日本国内でもwordpressを活用したサイトを本当によく目にするようになりました。 実際に2014年5月29日の最新調査結果によると、世界のトップ100万サイト中、約22.3％のWebサイトでWordPressが活用されております。さらにCMSを使って構築しているWebサイトのうち、過半数以上の60.0％はWordPressで構築されているようです。 この数値はまだまだ増加傾向にあり、世界の開発チームが日々システム改善の開発・向上をおこなっております。その開発スピードも凄まじくwordpressの虜となる要因の１つでしょう。 参照データ：w3techs wordpressは、もともとのブログ作成CMSというスタートでしたが、今では企業サイトやECサイト等、幅広いジャンルで
何でも制作できる！色々なサイトの「つくりかた」と知識まとめ
作成：2014/03/10 更新：2014/11/01 Web制作 > 慣れていないジャンルのサイトを制作するときに素早く構築できるよう、コーポレート・ペライチ・通販・ポートフォリオ・サービス系ページなどジャンルごとに「つくりかた」や、簡単にシステム構築できるプラグインなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ポートフォリオサイト １．つくりかた コーポレートサイト ２．つくりかた（WordPress版） ３．受注から納品後までの全工程 Ｗｅｂサービス系＋ペライチ ４．ブラーエフェクト（曇りガラスっぽく） ５．フルスクリーン（画面幅にピッタリ） ６．パララックスデザイン ７．横スクロール系 ８．Modern UI ９．可変グリッド 販売系サイト １０．ＥＣサイト １１．電子書籍を販売 １２．画像販売 １３．不動産サイト １４．予約管
イントラネット向け、PHP+MySQLのタイムテーブル型予約システム
イントラネットで使う会議室予約みたいなのが欲しくて、作ってみたものです。WordPressでも（一応）実装は可能です。PHP初心者が唸りながら書いたものなので、どうぞ参考程度にご覧ください。 目指したもの かばの遊べるCGI こちらで紹介されている「会議室予約」のようなシステムがほしくて、仕様やレイアウトを真似して、PHPで作らせていただきました。既にサイトは閉鎖されており、上記リンクは有志の方による復元サイトのようです。この場にて、厚く御礼申し上げます。 前置き 実は当初、WordPressに組み込んで使おうと企てました。現状、非常に優秀で柔軟性の高いツールやグループウェアがいっぱいあるなか、あえてのWP…(;´Д`) そもそもの依頼の前提が「冒頭の既製品に近いもの」だったことと、使用予定のWebサーバにWordPressを入れるつもりだったことから「これWPのDB使えないかな！ 組み込
[WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 – ワードプレステーマTCD
[WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 2014.03.25 2023.06.21 ※2017.9現在「WP Custom Fields Search」は配布を停止しているようです。TCDでは、高性能な検索機能が付いたポータルサイト専用WordPpressテーマを「GENSEN」をリリースしましたので、ぜひデモサイトをご覧いただき、検索機能の動作をご確認ください → 「GENSEN」 高度なサイト内検索機能が実装可能なWordPressプラグイン「WP Custom Fields Search」をご紹介します。 上図のようなフォームを作成し、記事やカテゴリー、カスタムフィールドなどの内容を細かく絞り込むことが可能です。不動産サイトやポータルサイトでも十分使えそうなプラグインです。 プラグインの特徴 標準ではできない「絞込み検
![[WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 – ワードプレステーマTCD](https://cdn-ak-scissors.b.st-hatena.com/image/square/2895134bd924f6a98c769ad69c2d6922585ed0fb/height=288;version=1;width=512/https%3A%2F%2Ftcd-theme.com%2Fwp-content%2Fuploads%2F2014%2F03%2Fsparkling.jpg)
開発者向けプラグイン 25＋
WordPressには便利なプラグインが沢山あり、それらを使うことであまり知識がない方でも様々な機能を実装して自分好みのブログやサイトを作ることができます。 ソーシャルボタンやページネーションを簡単に設置できたり、関連記事や人気記事を手軽に表示できるといったような見栄えを変えたりするユーザー向け（表向き）の機能を実装するタイプのプラグインはよく見かけるのでご存じの方も多いと思いますが、WordPressにはこういったプラグインだけでなく、何かと捗る開発者向けの裏方タイプのプラグインも便利なものが数多くあるので、それらの中から自分が覚えておいて損はないと思うものを紹介します。 全部のプラグインを普段の開発時に使用しているというわけではありませんが、以下で紹介しているものはいずれも個人的に開発時に便利だと思ったプラグインです。 有名なデバッグ系プラグインをはじめ、テンプレートファイルやIDを容
CSSコーディングで泣かないためのSassの基礎知識と10の利点
CSSコーディングで泣かないためのSassの基礎知識と10の利点：爆捗！ WordPressテーマ作成ショートカット（3）（1/3 ページ） 本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。今回は、現場におけるCSSコーディングの3つの問題点、Sassの概要と主な10の機能、SASS記法とSCSS記法の違いなどを紹介。 本連載「爆捗！ WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする環境構築や設定を行い、前回の「WordPr
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
WordPressのテーマ制作者は必携！記事のさまざまなパターンが簡単にテストできる - WP Test
WordPressのテーマで記事がどのように表示されるか、テキスト記事、画像コンテンツ、動画コンテンツなどが正常に表示されるかテストできるWP Testを紹介します。 普通に想定されるパターンだけでなく、タイトルが異常に長い、コメントがたくさんついた、カテゴリが無い、カテゴリが異常にたくさんなど、イジワルなパターンも用意されています。 WP Test ダウンロードできるテストデータはXMLフォーマットで、WordPressに直接インポートできます。画像などはuploadsフォルダでサーバーにアップします。 どんなパターンが用意されているかは、WP Testのデータを読み込ませたデモで見ることができます。たくさんあるデモページから一部をご紹介。
無料でしかも高品質！1ページで構成されたサイトを作るためのWordPressのテーマファイルのまとめ
キャンペーン、ギャラリー、ポートフォリオ、アプリ紹介、ランディングページ、個人ブログなど、1ページで構成されたウェブサイトを作成するWordPressのテーマファイルを紹介します。 全て無料で、レスポンシブ対応です。
セキュリティ対策まとめ（2013年秋）
JOJOのアニメ第三部が正式に決まったそうですね！ 楽しみ～な、にわかファン Latin です。 最近のWordPress界隈ではAmazon Web Serviceが俄然盛り上がっておりますが、大好きなWordPressを守るため、セキュリティ対策をまとめてみました。 初期セットアップ・設定系の対策 データベースのプレフィクス（接頭辞）を変更する wp-config.php 内の「wp_」の接頭辞を任意のものへ変更します。 その場合、追加で以下の作業が発生します。 phpMyAdmin などを使い、データベースのテーブルネームを変更したカスタムプレフィクスに変更する。 options や usermeta テーブルなどの他のフィールドでも「wp_」プレフィクスが使われている可能性がある為、以下のクエリーを走らせてプレフィックスを変更する。 SELECT * FROM `myprefix_
【Webサイトをリニューアルする時によく使ってます】WordPressを専用ディレクトリに配置する方法を解説したスライドがとてもわかりやすい｜今村だけがよくわかるブログ
【Webサイトをリニューアルする時によく使ってます】WordPressを専用ディレクトリに配置する方法を解説したスライドがとてもわかりやすい 既存のホームページの改修に合わせて、WordPressで作りなおすケースは私はよくあります。 「ちょっとこのHPいい感じにしてよ、たのむよ」「とにかく自分たちで更新したい。WordPressって言葉たまに聞くけど、今のサイトをそれにリニューアルできるかな」みたいな相談が多いです。 で、そんな時私は、WordPressを専用ディレクトリに配置して既存（リニューアル前）のファイルを残しつつ、すっきりとWordPressファイル群を１つのフォルダ内にまとめてインストール。後に移行、一般公開。おおまかですが以上の流れをとる場合があります。（場合がある、という表現をしたのは、既存のサーバ環境やディレクトリ構成、その他諸々の要件を検討した結果、一案として採用して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
omotan.com
初心者必見！集客をアップさせるWordPressの投稿方法
新着記事
