Before Gutenberg – WordPress 5.0になるまでに準備すべきこと – Capital P – WordPressメディア
先日、WordPress 4.9.8がリリースされ、Capital Pでも散々取り上げて来た新しいエディターGutenbergをテストするようダッシュボードでの呼びかけが始まった。 ダッシュボードに表示されるコールアウト。ついにこの日が来た……。 さて、Gutenbergは活版印刷術の発明者であり、人類の情報技術に革命をもたらした人物にその名をとられていることからもわかるように、革新的なプロジェクトである。 しかし、革新がもたらす創造の前には、必ず破壊がやってくる。これから訪れる大きな変化を乗り切るために、Before Gutenbergと題した連載を開始したい。本稿はその第一回である。 4.9.8になったら必ずやっておくべきこと さて、4.9.8にアップデートした方はご存知だと思うが、前述したコールアウトに「旧エディターをインストール」というボタンがある。人柱になるのが大好きな方でない限
WordPressを扱うエンジニアがWeb制作で役立つサイト・テーマ・プラグイン
2015年7月17日の記事を再構成（文言の追加）をして作成した最新記事です。 WordPressはオープンソースのブログソフトウェアです。商用目的でも無料で利用することができ、機能が充実していることから多くのユーザーが利用するようになりました。 WordPressはオープンソースであることから、世界中から参加している多くの開発者によってバージョンアップが繰り返され、ユーザーは常に新しい機能を利用することができます。 プラグインをインストールすれば様々な機能を実装することができ、ブログばかりでなく、その汎用性の高さからWordPressをコーポレートサイト作成に利用する企業も増えています。 サイト開発を担当するエンジニアの立場からすると、WordPressで構築したサイトは、記事やお知らせ等の更新をブログと同じような感覚で行うことができるため、手離れが良いとされています。 もちろん、しっかり
静的なHTMLをWordPressのテーマファイルに変換するオンラインサービス -HTML To WordPress
ごく普通のHTMLでも、BootstrapでつくったHTMLでも、あっという間にWordPressのテーマファイルに変換するオンラインサービスを紹介します。 HTML To WordPress HTML To WordPressは非常にシンプルな操作で、HTMLのフォルダをアップロードするだけで、簡単にWordPressのテーマに変換されます。変換したテーマはプレビューは無料で、テーマのダウンロードは1HTMLごとに$9、制作の手間を考えるとかなり魅力的な価格設定だと思います。 という訳で、静的なHTMLを用意してさっそく試してみました。 用意したHTMLは、こちら。 Land.io -GitHub ダウンロードページ 個人・商用利用、無料。 Bootstrap 4をベースにしたテンプレートで、新しいカードコンポーネントを使い、繊細なアニメーションでコンテンツを魅力的に見せています。 La
Wordpressのスマホサイトにページネーションを設置する方法（プラグインなし） - Design Color
理想は「前へ」「次へ」だけのページネーション 私の理想のページネーションの仕様は以下です。 表示させるのは「次へ」「前へ」のリンクのみ 最初または最後のページの場合は、リンクを表示せずテキストのみ 仕上がりイメージはこんな感じ。ページネーションは、PC版では1,2,3…と数字で総ページ数がわかるようになっていますが、スマホ版のサイトでは数字だけのリンクを指でクリックするのは難しそうなので、「前へ」「次へ」だけのシンプルな作りにしました。 お世話になった記事 実装コードは、以下の記事を参考にさせていただきました！ありがとうございます！こちらの記事では前へ・次へボタンだけでなく数字のページネーションも出力される形式になっています！ 実装方法 ページネーション実装に必要な「$paged」と「$wp_query」 ページネーションを作成するには現在のページ値と全ページ数が必要です。まあ、なくても作
レスポンシブ・イメージ的に今使えそうな部分と、WordPressでの扱い方 | バニデザノート
レスポンシブ・イメージ。 ざっくり言うと、「retinaなど高解像度なディスプレイも増えてきたし そろそろPCビューでも@2xと@1xと両方の画像を処理しましょうかね。」 ・・という処理と、 レスポンシブレイアウトの際にさらに 「どうやって高解像度画像とノーマル画像を扱っていくの？」 っていう課題みたいなところのことかなと思っています。 そんなレスポンシブ・イメージ的なコーディングのしかたと ついでのWordPressで「今」どうやって扱うといいかなぁという考察です。 「retina.js」は、「/images」 などのフォルダに「a.jpg」 と 「a@2x.jpg」 を放り込めば自動でretinaな場合にのみ@2xに変えてくれる便利なjsです。 →わたしが使ったタイミングがだいぶ前なので、今はよくわからないのですが なんとなく重い、あと、なんか変換されてるのか不安になるので、設定が簡単
WordPress初心者が間違いなくハマる7つの罠と回避方法 | 隣IT
みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 2015年2月にWordpressでブログを初めています。 先人たちの知恵のおかげでなんとかまだ続けることもできていますし、記事数もまずまずカタチになってきたと思ってホっとしています。 WordPressは簡単に扱えるように設計されているのですが、初心者だと間違いなく落ちてしまう罠がいくつかあるのです。 私が実際にキレイにハマった罠とその解決法について紹介をします！ 記事がないのにサイトの公開 WordPressをインストールしたのが2015/2/12。その後テーマを入れたり、プラグイン入れたり…最初は何の記事を書こうかなぁ…などとボヤボヤしていて、最初の記事を公開したのが2015/2/16。 知らなったのですがWordPress…インストール時点で既に公開状態なんです。 当然、公開後すぐのブログで告知もしていなけれ
WordPressでスマホ対応する4つの方法とおすすめパーツのデザインを紹介
WordPressでスマホ対応する4つの方法とは？ WordPressでスマホ対応する方法は、大きく分けるとこの4つです。あとはそれぞれの組み合わせによるものがあります。 1. WordPressプラグインWPtouchによるスマホ対応 HTMLやCSSをカスタマイズできない場合は、WordPressプラグインを使うのがてっとり早いです。記事書くのを優先したい場合も、時間の短縮に役立ちます。 WordPressでスマートフォン対応できるプラグインは他にも見つかりますが、更新頻度や利用者数により、私は「WPtouch」をおすすめします。ネットでの情報も多いのでカスタマイズもしやすいです。下の記事も参考にどうぞ。 【WordPress】WPtouchとPopularPostsでスマホにサムネイル付のカテゴリー別人気記事を表示【WordPress】WPtouchでソーシャルボタンやAdsense
WordPressを巡る理想と現実、あるいは誤解
ブコメでもすでに色々言われていて、自分のFacebookのタイムラインでも軒並み言及されているので、触れたくない理由は色々あるのだが、CMSで仕事をしている以上、反応しとかないといかんかなと思って筆を取る。そう、この件だ。 WordPressで「ささっと作る」で請けれなくなってる現状。 まとめると、WordPressは作り手にとっても楽に作れて、ウェブサイトを持ちたい人にとってもイニシャルコスト・ランニングコストともに安く済ませられる、みんながハッピーなツールだったはずが、そうではなくなってきた、と言う話。そうではなくなってきた根拠は何かと言うと、セキュリティ対応と管理画面の使いにくさ、カスタマイズ範囲の肥大化、の３点があるようだ。 セキュリティ対応は必要ですし、ランニングコストもかかります セキュリティ対応については、WordPressの導入によく使ってきたロリポップサーバーでWordP
超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと
【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ
Wordpressの日本語有料テーマ 【2024年最新おすすめランキング】
最近は、Cocoonなど無料のでも良いWordpressテーマが増えてきましたが、やはりWordPressの有料テーマと無料テーマではデザイン性が違います。無料のテーマは、どちらかというと、シンプルにまとまったものが多い印象です。 その点、有料のWordpressテーマの場合は、さまざまなニーズに対応して、デザインもインパクトのあるものから清潔感のあるもの、洗練されたスタイリッシュなものまで幅広いです。個人のブログはもちろん、コーポレイトサイトやECサイトなど、様々な用途で利用することができます。 さらにプロのデザイナーがこだわりを持って作っているので、デザイン性が高いですね。このようなテーマを使うだけで、プロが作ったような仕上がりになります。 実際このようなWebサイトを業者に依頼すれば、何十万円とかかるところをWordpressテーマであれば有料でも１〜３万円程度。
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
WordPressプラグイン「wp-nologin-redirect」を作りました ｜https://wp.yat-net.com/name
2014年 11月 14日 WordPressプラグイン「wp-nologin-redirect」を作りました カテゴリ： プラグイン タグ：WordPress こんにちは、YAT（@yat8823jp）です。WordPressのプラグイン「wp-nologin-redirect」を、ちあきちゃん（@mellowchanter）と作ったのでご紹介。 1.wp-nologin-redirectとは 2.配布に関して 3.ライセンスについて 4.そのライセンスを選んだ理由 5.WordPressコミュニティ 6.参考文献等 1.wp-nologin-redirectとは WordPressで作成したサイトがまだ公開前の時、「他の人にはまだ見せたくないけど、お客さんや関係者には見てもらう必要がある」という時に使えるのがこのプラグインです。 機能は凄くシンプルで、サイトにログインすればコンテンツを
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
WordPressのカスタム投稿タイプでメンバー紹介ページを作成
2014年8月22日 Wordpress 先日公開したFrogのサイトは例のごとくWordPressを使って制作しました。ブログで使う「投稿」や、その他の「ページ」とは区別して、これからも増えていくであろうチームメンバーの一覧＆詳細ページを、カスタム投稿タイプという機能を使って作成したので手順を公開。企業サイトに従業員一覧ページを用意しているところも多いと思うので、参考になれば幸いです。 ↑私が10年以上利用している会計ソフト！ 目次 目標 – こんなページを作ります カスタム投稿タイプとは カスタム投稿タイプの設定 コンテンツを入力 テーマファイル：個別ページ テーマファイル：一覧ページ パーマリンクの設定 コード全文 目標 – こんなページを作ります Frogのチームメンバーページを実例として紹介します。カスタム投稿タイプを設定するためのWordPressプラグインもありますが、今回は
WordPressテーマを作成するのに役立つサイト・ツール・サービスまとめ
テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi
クライアント向けにも自分向けにも便利。投稿画面のテキストエリア上部に思い通りの『クイックタグ』を追加する方法
エバーノートに書いておくとかアプリを使うとかいくらでも方法はあるというのに、手打ちで書いてました。なんという無駄な時間…ｗ 記述方法 エバーノートやアプリだとそれを起動する手間があるので、やはり投稿画面上にボタンがあるのが一番らくちん。functions.phpに以下のコードを記述すると、ワンクリックで好きなタグを好きな形式で挿入することができちゃいます。例として先ほどのdivやら何やらをクイックタグとして登録してみます。 functhions.php内 <?php //投稿画面にクイックタグを追加 function add_my_quicktag() { ?> <script type="text/javascript"> QTags.addButton('quick_code', 'コード', '<div class="code">\n<h5>テーマ内</h5>\n<pre><code
[記事移転済]WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた | WordBench
はじめまして。このようなやり方の勉強会では以下の理由により意味がないと思います。 ・依頼主の予算感や運用に対する具体的な数字がでていない ・依頼主とのすり合わせができていない ・案件を段階的に進める事が想定されていない 見積は依頼の背景がクリアになって初めて価格の適正が評価可能になりますので、本件のようなスタンスで”典型的なWordPressサイトの見積りでも現状はまだまだ標準的な見積手法が確立されていないことが分かります”とコメントしてしまうのは「無限に広がる土地に家を建てるならこんな設計」って提案を複数並べて「いやー予算と間取りがバラつきましたね。これはまだ建築設計に標準的な工法が無いことを示しています」とコメントしてしまうことと同意で、見積金額がばらつくのは自明です。 また、金額の多寡は状況に依存しますので普遍的に評価することは難しいと思います。逆説的に言えば平均的な価格よりも多少高
WordPressの画像をリサイズして自動で圧縮する方法
プラグインを極力避ける事で、WordPressの高速化を できる限り実現していたのですが、如何せんブログでネックなのが 重たい画像！ とにかく、ENJILOGは画像を多用するので出来るだけ 「JPAEGmini」とかリサイズで対応しなければいけないのですが 現実問題として 面倒くさい！ ついついもうメディアサイズでサイズを指定するだけになってしまう・・・ そんな僕に朗報が！（ていうか検索してただけだけど・・・） WordPressで画像をアップロードする際に自動的にリサイズする方法 これを実装したら予想以上の結果に・・・ 先に言うと、どんなに重い画像をそのままUPしても 自動で、リサイズ＆圧縮（※要プラグイン）して、 これ以上ない最適な状態で表示します！ photo credit: peasap via photopin cc 画像を適切に処理すれば WordPressが驚くほど高速に！！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テストから本番へ！WordPressでURLが変わる場合のデータベース修正マニュアル - 株式会社bridge
店舗サイトをWordpressで制作するときに役立つプラグイン５選 | Wordpress boy（ワードプレスボーイ）
