WordPrssのエディタにCSSを反映しマークアップスタイルを追加する
WordPressで記事を投稿する際に、標準で搭載されているエディタは自動でコードを入れてくれたりボタン一つで好きなコードを挿入できたりして便利で使用している人も多いと思います。 エディタをもっと使いやすくするために、実際に投稿される記事と同じCSSが反映されるようエディタースタイルシートを有効化し、それに加えてボタン一つで記事にデザインを追加できるマークアップスタイルを設定してエディタの機能を強化しましょう。 今回は、WordPressのエディタにエディタースタイルシートとマークアップスタイルを追加する方法についてご紹介します。 エディタースタイルシートを使用できるようにする まずは、エディタースタイルシートを使用できるようにするためにWordPressのテーマの高に新しく『editor-style.css』というテンプレートを作成してください。 『editor-style.css』は、
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
WordPressで会員制サイトを構築できるプラグイン3個を比較【日本語対応】
WordPressで会員制サイトを構築できるプラグインを紹介します。 管理画面の大部分が日本語化されており、日本語の環境でも運用しやすいプラグインを厳選しました。 これらのプラグインを活用すれば、WordPressに会員制サイトを運用するためのコンテンツ管理機能と会員管理機能を拡張して、会員制サイトに登録した会員だけが保護されたコンテンツを閲覧できるように制限を設けることができます。 プラグインの基本機能が無料で提供されており、拡張機能が有料販売されています。 全ての機能を無料で利用できる訳ではありません。 便利な機能が多いので、プラグインの機能が気に入ったら、有料の拡張機能を購入を検討してみましょう。 それがプラグイン開発者の支援にも繋がります。 プラグインごとに機能や特徴が異なります。 どのプラグインも非常に高機能なので、自分の利用目的に合うプラグインを探してみましょう。 はじめに 選
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
【要保存】WordPressでブログも管理画面も真っ白になった時に最初にすべきこと
突然画面が真っ白に 管理画面が文字通り真っ白になってしまい何も表示されない。 ビックリしてブログを表示させようとしたが、ブログも真っ白。何も表示されない。 えーとえーとえーと…。 これは今までにないパターンだ。管理画面もブログも真っ白では、どうしようもない。何もできない。 思わずWordpressを丸ごと再インストールしようかと考えてしまったが、ふと冷静になった。 「ファイルが消えてしまっているわけではあるまい。冷静に対処しよう」 そうなのだ。Wordpressやテーマにはたくさんの手を加えている。何も考えずに再インストールなどしてしまうと、カスタマイズした箇所が消えてしまう。落ち着こう。 とにかく自分のサイトは真っ白でどうにもならないので、まずはFTPクライアント “Fetch”でサーバ自体がぶっ飛んだりしていないことを確認。もちろん問題なかった。 真っ白は「エラーを表示させる」設定で脱
WordPress逆引きLIG辞典！過去のお役立ち記事をまとめました。 | 株式会社LIG
LIGライターになる以前はLIGサイトを辞書代わりに使っていたライター内藤です。 LIGでは、Web制作の現場で実際に使われている技術をブログとして公開しています。 今回は、過去に公開されたWordPress関連の記事を目的別にまとめてみましたので、辞書代わりに使ってみてください。きっと役に立つこと請け合いです。 （このページをブックマークしておくか、Evernoteに保存しておくのがお勧めです。） 索引 ユーザの更新作業をスムーズにする(管理画面のカスタマイズ) サイト管理者の運用効率を高める Webサイトの価値を高める 多彩なWebサイト構築のための技術 パフォーマンスとセキュリティを高める トラブル(不具合)対処 サーバ関連 WordPressの書籍 ユーザの更新作業をスムーズにする(管理画面のカスタマイズ) 記事投稿がしやすくする WordPressでクライアントのために出来る
WordPress初心者向け セキュリティ強度をできる限り上げる方法｜More Access! More Fun
【緊急】WordPressでスマホ用WPtouch使ってる初心者は注意です というエントリー書きましたら、「どういうことに気をつけたらもっとセキュリティが上がるのでしょう」というお問い合わせを何人もの方からいただきました。わたくし、エンジニアではないのですが、わかる限りで対策を書かせていただきます。セキュリティ対策はユーザーID変えたから大丈夫、みたいなように考えると逆に危険。WordPressの場合、ユーザーIDはその気になればいろいろなところに出てくるので、機械的にアタックしてくる場合は別として、じっくりソースとか読まれてきたら同じです。 まず、WordPress搭載のサイトに対する執拗な攻撃は、一般的にはブルートフォースアタックと呼ばれております。 ブルートフォースとは、アタッカーがユーザー名とパスワードの組み合わせをランダムに入力し、ログインできるまでこれを繰り返すという攻撃手法。
WordPressのリアルな工数と見積もりの話をしようじゃないか！
・・・・・・・・・・・はっ！？ 失礼しました、WP−Dクリアです。 染谷センセーの「ブログ飯」がやっとAmazonから届いてすっかり読みふけってしましました。 今回はWordPressとリアルなお見積もりの話 多くの WEB制作会社・WEB系フリーランサーはクライアントのサイトを作ってその制作料金が自らの収益となりますね。 本来、「作業工数に見合った」お金を頂くことが当たり前のはずなのに、いざフタを開けて作業に取りかかると 「作業工数が思ったよりあって、すっかり赤字！！」 なんてことが少なくありません。 そんな訳で、 WordPress及びWEB制作時のちょっとリアルなお見積もり のお話をしたいと思います。 （まあ、偉そうなこと言って実際自分も作業工数と見合ってないことなんてよくあるんだけど） WordPress界と深い関わりのある謎のお友達を招集したよ 自分も見積もりの話もしっかりしたい
PHP 5.5 で mysql 拡張モジュールが非推奨になり、将来において WordPress を筆頭にさまざまな CMS のアップグレード作業が必要になります
PHP 5.5 で mysql 拡張モジュールが非推奨になり、E_DEPRECATED エラーが表示されるようになりました。将来の PHP のバージョンで削除されます。 mysql 拡張モジュールに依存する CMS を使ってサイトを運用している場合、将来、運用サーバーに導入されている PHP のバージョンの切り替えに備えて、 mysqli もしくは PDO に対応した CMS のバージョンへのアップグレードするか、別の CMS やウェブサービスに切り替える必要があります。 多くの PHP 製の CMS が共有ホスティングにインストールされており、共有ホスティングは比較的古い PHP のバージョンのサポートを続ける傾向にありますが、古い PHP のバージョンを使い続ける場合、PHP のバグやセキュリティの未対応、より新しい PHP のバージョンを最小バージョンとするライブラリや CMS を導
フッターに記載するコピーライトの年表記を自動更新する方法
今回はとっても小ネタです。 たいがい、どこのサイトでもフッターに入れているコピーライト表記ってありますよね。 形式としては© 開始年-現在年 Name All rights Reserved.というのが多いかなと思います。この現在年を自動で更新する方法を紹介します。 Photo:Large copyright sign made of jigsaw puzzle pieces By Horia Varlan 本来的なコピーライト表記 いろいろなサイトを見ていると、上述した表記例が多く見られますが、実のところコピーライト表記は以下の記述で十分だったりします。 © 開始年 Name 現在年とかAll rights Reserved.とかは、正直必要ない文言なんですね。 それどころか、現在カンボジア以外の国はベルヌ条約を締結して、無方式主義が採用されているので、カンボジアでの著作権保護対策さえ考
プラグインは使わない！WordPress カスタマイズまとめ４０
作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressで企業サイトをつくる時に入れておきたいプラグインまとめ - 株式会社bridge
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ