WordPressの挿入した画像でwidth/heightを削除する方法 | サイトスパイラル(Sitespiral) - 沖縄で ホームページ制作 / WordPressのことなら
最近、下記の理由から、WordPressの挿入した画像のimgタグにwidth/heightがあることに違和感を感じてました。 レスポンシブにフルードイメージとして画像を取り扱う際に、imgタグ内のwidth/heightの値の意味が薄れる (画像本来のサイズを指定すればよいのだろうか？)。 imgタグ内のwidth/heightは、alt属性のように必須ではない。 width/height属性のせいで、微量ではあるがhtmlのコードサイズが肥大化してしまう。 FTPなどで違うサイズの画像を差し替えた際に、該当のimgタグのwidth/height値を直してあげないといけない。 しかしながら、imgタグのwidth/heightを削除すると下記のようなデメリットもあるようです。 画像のレンダリング速度の低下（１割程度？） JavaScriptのwidth/height取得のタイミングがズレ
私が普段WordPress案件で入れてるプラグインを紹介(2014年秋版)
WordBench Nagoya 11月勉強会の最後にアンカンファレンス（班別質問タイム的な感じの）をやった時、「Kさんが毎回必ず入れるプラグインを教えてほしい」という質問をいただいたのですが、残念ながらタイムアップとなったため、ブログにまとめることとなりました。 前提として サイトの用途によって必要なプラグインも変わってきますが、スタンスとしては クライアントワークで、企業サイトを作るというケースを想定 公式ディレクトリ登録プラグイン なるべく高機能ではない（負担の低そうな）もの 迷った時は国産（知人作） という感じです。 基本的なWordPress関数で済むような処理は原則として自分で書きますので、なるべくコードを書かずに表示をいじったり機能を追加したい、という方向けではないと思います。 ですので、よくある「使えるプラグイン○個まとめ」的なエントリーとはまた違ったプラグイン選定になって
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
【Webデザイン】WordPressテーマで作る、シンプルな1カラムWebサイト/ブログ – SEOで上位表示させるマーケティング方法
シンプルさが受けてヒットすることもあれば、当初はシンプルだったものが、時間とともに複雑になっていく例もめずらしくない。「シンプルさの秘訣は、ずばり引き算の思考ができるかどうか」だ。 引用：なぜデザインにおける「引き算」は難しいのか？（WIRED.jp） シンプルなデザイン。限りなく不要なものを削ぎ落とし、洗練されたデザイン。クリエイティブなメディアが目指すべき方向性の1つです。それは、Webサイトやブログのデザインにも通じることです。 洗練されたクオリティの高い、シンプルなWordPressサイト/ブログ向けテーマ5選 そこで今回は、洗練されたクオリティの高い、シンプルなWordPressサイト/ブログを制作するためのテーマを5つご紹介します。 McKinley Features： Custom Menu・Featured Images・Post Formats・Custom Backgr
WordPressでプラグイン使わず連続改行させる素直な方法 : おち研
WordPressで複数のBRタグを入れて長い行間を作る方法。XML記法で書くと自在に増やせます。タグ打ちをコンソールに増設する方法とCSSで指定する方法、技術的経緯などについても解説してます。 WordPressのテキスト処理は、パラグラフ処理のみならず、改行処理にも独特の癖がありますね。 テキストエディタ上でリターンすると改行コードに対して <br> タグを入れてくれるので、調子こいて2回リターンするとPタグで閉じてくれちゃう、というアレです。しかも手打ちでBR打っても勝手に消してくれよるよ！ Word並みのお節介に激おこですけど、英語圏の人は日本語的な改行が嫌いなので仕方ありません。プンスカするより建設的な方法を考えましょう。 【 もくじ 】 タグ打ちで空行が書ける方法を考える ├<wbr> 改行制御タグを入れてリターン ├<br>タグの書き方を工夫する ├BRタグをXML省略記法で
Wordpressで会員制サイトを構築してみよう（GianismでSNS連携） - Qiita
"Gianism" というプラグインを利用すると、最近流行りのSNS連携を利用したログインを簡単に実装することができます。今回はFacebookとの連携を試してみます。 ##元記事 下記エントリの転載になります。 WordPressで会員制サイトを構築してみよう（GianismでSNSログイン） ##利用プラグイン Gianism バージョン 2.2.1 で試しています こちらの製作者さんは日本人で、プラグインの更新頻度も高いです。 ##Facebookの事前設定 ###Facebookアプリの作成 SNSログインを行うには、事前にFacebook Developersにてアプリの申請が必要になります。 まずDevelopersサイトにログインして、「Add a New App」を選択します。 今回はWebサイトへのログインなので、一番右の「Webサイト」を選択します。 サイト名を記述し、
【WordPress高速化】レスポンシブデザインのサイトに必須!!画像切り替えプラグインHammy – 旧・中川勉社会保険労務士事務所FPウェブシュフ
Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに置換するプラグイン。WordPressサイトのモバイル閲覧時における表示高速化に大きく貢献します。 注意：2017.7.13現在、2年以上もの長期にわたってプラグインの更新が停止しているので、作者がもはや熱心には管理していない可能性があります。 序章:Googleさんから、モバイルのみ「画像を最適化しろ」と警告された。 ドヤ顔でWordPress高速化～Google PageSpeed Insights 90点達成対策まとめを書いたくせに、しばらくPageSpeed Insightsを見てませんでした。 先日、久しぶりに自サイトの記事の表示速度を測りました。すると衝撃的事実が判明。 なんと「モバイル」で画像最適化の警告を受けました。 修正が必要: 画像を最適化する 画像に適切なフォーマットと圧縮を選ぶことで、デ
ピンバック機能（XML-RPC）悪用対策
WordPressのピンバックによるDDoS攻撃が話題になっていますね。 こちらの記事によると、なんと162,000！？もの正規のサイト（スパムサイトではない）がDDoS攻撃の踏み台に悪用されたという驚きの内容です。 →「今度はWordPressが踏み台に、Pingback機能を悪用しDDoS攻撃」 WordPressのピンバック機能は自分のサイトの記事URLが貼られると自動的に通知するという機能ですが、これはXML-RPC APIにより実装されており、3.5以上からはデフォルト有効になっています。 XML-RPCとは XML-RPCとはリクエストをXMLでポストしてレスポンスをXMLで取得するための規格です。 WordPressの場合はXML-RPC APIを使用すると管理画面以外から、記事投稿や編集などのいわゆるリモート投稿が行えるようになります。 今回のDDoS攻撃ではこのXML-R
【10分でできる】WordPressのフォーム作成プラグインContact Form 7に完了画面を付ける方法。
WordPressのContact Form 7に完了画面を付ける方法。 WordPressの超絶有名なフォーム作成プラグイン、Contact Form 7。そのままでも十分有能なんだけど、いざ使う側の気持ちに立ってみたときに、 みたいに下のほうにメッセージが微妙に出るだけだと、ちょっと不安になりません？ それがセミナー参加の申し込みフォームみたいなものだったりすると、当日参加の歩留りにも悪影響を及ぼしますので、せめて申し込みを受け取りましたよという完了画面はつけてあげたほうが親切だと思うんですよ。 たったの10分でできる簡単作業なので、やったことのない方は、ちゃちゃっとやっちゃいませんか？ ①まずは固定ページに送信完了画面を作ります。 その際、このページのURLをコピーしておいてくださいね。 ②コンタクトフォームのその他の設定のところにソースコードを1行入力。 コンタクトフォームの編集画
こんなの使ってたらバカになる！便利すぎるWordPressプラグインBEST5
初カキコ…ども… 俺みたいに何でもかんでもプラグインで解決しようって腐れ野郎、他に、いますかっていねーか、はは 。 と有名なコピペをあれしつつ、今回はWordPressの便利すぎて後ろめたい気持ちにすらなりそうなプラグインBEST5をご紹介します。 第1位 Favicon Rotator ファビコンって作るの何気にめんどくさくないですか？フォトショを拡張してないとicoファイル作れないし。JPGやPNGデータをファビコン形式に変換してくれるサイトを使ってicoファイルを作り、WordPressのメディアにアップロードし、ヘッダに組み込む。あぁ、めんどくさい！ ところがこのFavicon Rotatorってプラグインを使うと、JPGやPNGの画像をアップロードするだけであっというまに出来上がるんです！ﾏｼﾞﾊﾟﾈｴ プラグインをインストールすると、外観の中にFaviconというメニューが現れ
初心者向けWordPress DB ＆ Performance
2014/08/30 に開催されたWordFes Nagoyaで使用したスライドです。Read less
超便利なWordPressのPHPコード一覧
デザインしたサイトにWordPressを組み込む作業を何十回と行って来たのですが やればやるほど手間をはぶくことの重要さに気付きます。 WordPressってデザインテーマがあちこちに落ちて好きなデザインを利用できますが 自分のデザインにカスタマイズしたい時にPHPの知識無くては出来ないという、初心者の方には優しくない仕様です。 ということで、、思いっきり自分のメモ帳になりますがWordPressで情報を出すPHPコードを一覧で書き出してみました〜 投稿の情報を書き出すコード まず、WordPressで基本の「投稿」の情報を書き出すコードです。 書き出したい箇所は以下で囲む必要があります。 <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>// ここから囲む 【ここに表示させたいコードを書きます】 <?php
2014年にリリースされたWordPressの無料のテーマを厳選 | ブログヘラルド
WordPressのテーマは至る所に溢れているものの、選択肢があまりに多く、選ぶのが面倒になることもある。それでは、最高のテーマを見つけるには、どうすればいいのだろうか？ 画像ソース 本日は、2014年を代表する美しい無料のWordPressのテーマを紹介する。全て、2014年にリリースされた作品である。皆さんの時間を節約するため、私自身が複数のテーマコレクションサイトにアクセスし、特に印象に残った無料のテーマを厳選した。 分かりやすいように、ニュース、個人、作品集、旅行、eコマース、そして、企業のカテゴリにテーマを分類した。そのため、求めているデザインのタイプが、個人のウェブページであれ、写真を展示するブログであれ、企業のブログであれ、ニュースサイトであれ、はたまたeコマースサイトであれ、必ず素晴らしい作品に出会えるはずだ。 また、リストアップしたテーマの一部は、WordPressのフレ
Wordpress多言語対応プラグインWPMLの導入から使用方法、翻訳者に翻訳してもらうまでを解説！！
WordPress多言語対応プラグインWPMLの導入から使用方法、翻訳者に翻訳してもらうまでを解説！！ ワードプレス多言語対応プラグインWPMLとは？ WPMLは、Wordpressを多言語対応させるプラグインです。WPMLは、多言語対応のプラグインとして、最もメジャーかつ人気のあるプラグインです。サイトを多言語対応するには、最良の選択肢です。 WPMLは多言語対応だけでなく、書いた記事をそのままネイティブに提出し翻訳してもらうことが出来ます。WPMLを開発しているOnTheGoSystems社は、同時にICanLocalize.comというクラウドソーシングの人間翻訳サービスも提供しています。 WPMLを使えば、Wordpressの投稿や固定ページから直接翻訳依頼を出すことが出来ます。ワンクリックで依頼、記事作成までできるので、コストを大幅に削減できます。 翻訳にかかる料金はひと単語$0
[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
ブログや企業サイトを問わず、WordPress で「固定ページに投稿記事を10件表示させる」のような処理を入れる機会も多いのではないかと思いますが、 単純に最近の投稿記事を指定件数表示させる以外にもカテゴリ別、オーサー別など色々なパターンがありますので、今回はそのような固定ページに記事一覧を表示させる方法をまとめてみました。
![[WP]WordPress で固定ページに記事一覧を出力する方法のまとめ｜WordPress｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/18498b4eb3a903b87a60252db99f687051cda0e3/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2013%2F05%2Fwordpress.png)
[祝公開！]WordPress無料テーマ「Gush2」を、半日かけてカスタマイズした内容を全部書く - さおとめらいふ－魚住惇のブログ
こんにちは、ジュン@jun3010meです。 この度、当ブログのデザインを若干変更しました。 具体的に言うと、テーマをGush2に変更して、これまでの見た目を再現したんです。 今回は、どうカスタマイズしたのかを、記録の意味も含めて書いていきたいと思います。 (`･ω･´) Gush2Gush2とは、WordPressで使える無料テーマです。 カスタマイズしまくれ！WordPress無料テーマGush2公開 実はGushを使っていましたここでは明かしませんでしたが、前まで使っていたテーマ、実は初代Gushでした。 2014年2月に、初代Gushが公開されたんですが、 1月くらいから、公開を待ってたんです。 当時僕が探していたテーマは、 ブロガーとして、自分色にカスタマイズし易く、 尚且つ、Stingerではないテーマでした。 何故Stingerを使わなかったのかなんかやだ (´・ω・｀) た
![[祝公開！]WordPress無料テーマ「Gush2」を、半日かけてカスタマイズした内容を全部書く - さおとめらいふ－魚住惇のブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/166787e22f8c98f85df3837901c155dc849b3008/height=288;version=1;width=512/https%3A%2F%2Fjun3010.me%2Fwp-content%2Fuploads-webpc%2F2014%2F09%2Fgush2.webp)
2014年にリリースされた便利な無料WordPressプラグイン
2014年9月23日 Wordpress いつもWordPressでWebサイトを制作する際、お決まりのプラグインばかり利用していてる私です。長年愛され続けているプラグインもいいのですが、最近開発された中でも素敵なものがあるはず！という事で、今年開発されたプラグインで便利で使いやすいプラグインをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ WP Canvas – Shortcodes WordPressのショートコードって本当に便利ですよね。小難しい機能も簡単に挿入・表示できます。WP Canvas – Shortcodesはそんなショートコードを使ってアコーディオンやタブ、Googleマップ、ボタン等様々な要素を表示できます。 期限を指定してカウントダウンを表示したり…。 [wc_countdown date="Sep 28, 2014, 12:00:00 AM" fo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
STINGERの使い方
https://wp-gush.com/gush2/