メモしておきたい！サイト制作時に知っておくと「意外」と役に立つこと
作成：2014/08/4 更新：2014/11/01 Web制作 > 今回はサイト制作において毎回使うこと、意外と面倒で忘れがちなものをメモしておきます。事前に知っておくことで効率的にコーディング、納品できると思います。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ドメイン＋サーバ １．独自ドメインでHPとgmail を運用させるまで ２．コマンド ３．IP制限 CSS ４．画像の回り込み ５．marginの相殺 ６．ショートハンド ７．ビューポート設定 ８．IEでCSS3を再現 IE対策 ９．filter属性 １０．条件付きコメント WordPress 効率化 １１．keywordsとdescriptionを自動出力させる １２．記事中の最初の画像を自動検出して、表示 １３．タイトルの文字数を自動でカットして、語尾に「…」をつける １４．管理画面 ドメイ
WordPress：プラグイン有効時に読み込むCSSやJSを削除する方法 - NxWorld
WordPressでプラグインを使用する際、プラグインによっては見栄えを整えたり動きを付けるために独自のCSSやJSを自動的に読み込むものがありますが、多くの場合それらはプラグインの機能を使用していないページにまで読み込まれます。 それを特定のページでしか読み込ませないようにしたり、いっそのこと全ページから削除する方法です。 今回はプラグインを有効化するとCSSとJavaScriptがそれぞれ全ページで読み込まれるもので、WordPressを使ったことがあるなら多くの方が使用したことがあると思う「Contact Form 7」を例に説明します。 September 14, 2014 追記 エントリー公開時に紹介した方法はそれぞれwp_print_styles()とwp_print_scripts()を使用していましたが、これらはWordPress Ver 3.3から非推奨となっていました。
WordPressサイトの管理者向けセキュリティ対策方法チェックリスト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様はじめまして、モリイです。本業ではWordPress専用のセキュリティ診断サービスを運営しています。 さて、ご存知の方も多いとは思いますが、WordPressは攻撃者によく狙われます。 その理由の1つは高い導入率です。LIGブログでも以前こちらの記事「みんなは知ってる？WordPressの特徴と人気の理由を分析してみた」で紹介されていたように、世界で一番人気のCMSです。WordPressで作成されたサイトは世界中に9000万以上あると言われており、悪意を持っている人物にとっては格好のターゲットです。 また、WordPressだけではなく、CMS一般、例えば、Drupal、EC-CUBEなどにも言ることですが、構造がパターン化されており、そのCMSを利用しているということが一目でわかる、ということも攻撃される理由に挙げられます。 そこで、サイト管理者は攻撃者からサイトを守らなければいけ
WordPressスマホサイトだけ中サイズ画像に変換する方法 - cocowa
WordPressの投稿で画像を表示していると思います。私が記事を作成する時には、画像をフルサイズで指定しています。 パソコンやタブレットは画面サイズが大きいので、フルサイズ画像でいいのですが、スマートフォンサイトだとファイルサイズが大きくなりすぎてしまいます。 スマートフォンはパソコンと比べると性能が劣るし、通信速度も遅いので、軽量化することが大事です。 スマートフォンは画面が小さいので、画像サイズも小さめのものを表示しても十分です。 私はスマートフォンで表示した時に、フルサイズの画像から中サイズの画像に置き換えて表示しています。 それだけでスマートフォンにかかる負荷が下がるので、表示速度が早くなると思ったからです。 functions.phpにコードを追加 以下のコードをfunctions.phpに追加して、スマートフォンの時だけ中サイズの画像に差し替えています。 add_filter
WordPressでレスポンシブを構築する際の画像サイズ対応例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイン バイノー！ おっしーです。 今回はWordressにどうやってレスポンシブデザインを組み込むか？に焦点を絞ってみました。 まず「レスポンシブデザイン」について。 弊社のデザイナーの記事を読んでいただくと、すごくわかりやすいと思います。 必読！5分でわかる流行のレスポンシブWebデザインまとめ 必読！5分でわかる流行のレスポンシブWebデザインまとめ その2！！ 必読！5分でわかる流行のレスポンシブWebデザインまとめ 制作編 で、今回は画像のサイズに対応するにはどうするか？と言う事ですね。 WordPressでは便利な関数『the_post_thumbnail』がございます。 ドキュメントを確認して頂けると… 「トリミング」処理なので画像が切り抜かれてます。 /* functionで定義する */ add_image_size( 'category-thumb', 300, 300
[WordPress]稼働中のテーマに手を加えたい時に！囲った部分がログインユーザにしか見えなくなるテンプレートタグ
こんにちは！霙(@xxmiz0rexx)です。WordPressでテーマに手を加える時、大きい変更であればテストサイトやローカルなどで試すのですが、 ほんのちょこっと軽めの変更をしたい時っていちいち面倒なんですよね。。 そんな時に私が愛用しているテンプレートタグがあるのですが、毎回記述方法をど忘れするのでいい加減記事にしますｗ 以前「本番環境でOK！指定したレベルのログインユーザーだけにテーマを反映出来るプラグイン『Theme Test Drive』」という記事でご紹介したテスト用のテーマを表示するプラグインとは違い、 こちらは今まさに本番環境で稼働しているテーマでログインユーザにしか見えないスペースを作ることが可能です。 記述方法
![[WordPress]稼働中のテーマに手を加えたい時に！囲った部分がログインユーザにしか見えなくなるテンプレートタグ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d903b2da8da69cc24518e44e4832d22341d034b/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2F19c2112d28373829e26500f4fa580035.png)
Wordpressサイトのカスタマイズでよく使う！初心者が覚えておきたい条件分岐タグ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ！ 初心者エンジニアのドドリゲス・パンチョフ・ブジョンヌィ5世です。ひろゆきです。 今回はWordpressをカスタマイズする際によく使う条件分岐タグをまとめてみました。 目次 条件分岐タグとは is_home() メインページ判定 is_single() 詳細ページか判定 is_page() 固定ページか判定 is_category() カテゴリアーカイブか判定 is_tax() タクソノミアーカイブか判定 is_post_type_archive() ポストタイプアーカイブか判定 is_author() 筆者アーカイブか判定 is_singular() 投稿タイプの詳細ページか判定 is_preview() プレビューページか判定 まとめ 条件分岐タグとは 条件分岐タグとは、現在どこのページが表示されているかを判定するための関数です。例えば、ヘッダーをheader.phpとし
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
[Å] WordPressを簡単インストールに頼らないでFTPから自分でインストールする方法
[Å] WordPressを簡単インストールに頼らないでFTPから自分でインストールする方法
![[Å] WordPressを簡単インストールに頼らないでFTPから自分でインストールする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/8344e25839544a7b15d27ecafadeeeaf8ec9b119/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2Fplaceit.png)
WordPressのテーマ制作者は必携！記事のさまざまなパターンが簡単にテストできる - WP Test
WordPressのテーマで記事がどのように表示されるか、テキスト記事、画像コンテンツ、動画コンテンツなどが正常に表示されるかテストできるWP Testを紹介します。 普通に想定されるパターンだけでなく、タイトルが異常に長い、コメントがたくさんついた、カテゴリが無い、カテゴリが異常にたくさんなど、イジワルなパターンも用意されています。 WP Test ダウンロードできるテストデータはXMLフォーマットで、WordPressに直接インポートできます。画像などはuploadsフォルダでサーバーにアップします。 どんなパターンが用意されているかは、WP Testのデータを読み込ませたデモで見ることができます。たくさんあるデモページから一部をご紹介。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
room 402 Inc.
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
omotan.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP