WordPressを劇的に高速化、1秒以内に表示されるフロントエンドの構築方法 -Zero-latency WordPress Front-end
サーバーサイドのレンダリング（SSR）を使用して、数分の1秒以内にページが高速に表示されるWordPressのフロントエンドを構築するテクニックを紹介します。 バックエンドのキャッシュと組み合わせることで、非常に高速になり、しかも安価にWordPressサイトを構築できます。 Zero-latency WordPress Front-end -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスを元に翻訳しています。 デモページ サーバーサイドのレンダリング（SSR） バックエンドのサービス 非キャッシュページのアクセス キャッシュページのアクセス キャッシュのパージ 始めてみよう Nginxの設定 バックエンドのJavaScript フロントエンドのJavaScript Cordova 終わりに デモページ サンプルのコードで何ができるのか
一般ブロガーやWebデザイナーがAmazon Web Service(AWS)で独自ドメインのWordpressサイトを10分で作る方法 - Brian'z Imagination
ぼくはそんなにプログラマーではないので(？)あんまり難しいことは分からないけれど、Amazon Web Service(AWS)ってのがすごいらしい。Amazonといえば完全にぼくの中では欲しいものが1日で手に入るお店やさんだったけれど、AWSも2006年7月の運用からかれこれ10年もの歴史があって、なんかすごいらしい。SmartNewstとかCookpadとか、いろんなサービスがAWS上で動いていてすごいらしい(そのへんに詳しいひとがいたら解説してほしい)。 でもなんだかコンソールとかデプロイとか難しそうな用語ばかり出てきてなんだか敷居が高い(まさにクラウドだけに雲の上の存在だった)ので、もっとシンプルにAWSでブログを運用してみたかった。それに、多くのノンプログラマーのブロガーやWebデザイナーにとっては技術的なことは極力避けたいし、設定とかそういうのはパパッと済ませて、面白い記事を書
Stinger、Gush、Simplicity、Principleのアウトライン構造を比較してみた | 無料WordPressテーマ Principle
SEOに重要なアウトライン Googleはwebページに書いてある内容を正確に把握する為に、hタグの使い方を頼りに、そのページのアウトラインを読み取っているそうです。 hタグというのは見出しに使うタグで、h1が最も大きな見出しを意味し、以下h2、h3・・と小さな見出しを表します。本のもくじを想像するとよく分かると思います。 ただしHTML5では、セクショニングコンテンツやら暗黙的セクションやらっていう非常にやっかいな機能が存在する為、一筋縄では行きません。その辺り詳しく知りたい方はググってみて下さい。 アウトラインはテーマに依存する アウトラインはSEO上、非常に重要な要素である上、適切な見出しはユーザーにとっても読みやすさを左右する大事なものです。 人気ブロガーの皆さんは、当然その辺りも意識してh2以降のタグを使って記事を書いていると思います。 しかし、書き手がアウトラインを構築すること
Dreamweaverで始めるWordPressサイト構築の基礎知識
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamweaverの概要と最新版Dreamweaverの新機能、WordPressの概要、Dreamweaver＋WordPressの環境構築を行う際に必要な初期設定などを紹介していこう。 そもそもDreamweaverとは、なぜDreamweaverを使うのか DreamweaverはWebサイト／Webアプリケーションの制作ツールだ。HTMLエディタという見方をすれば非常に動作が重そうで、他の軽量なエデ
【2024 年最新版】ブログ運営におすすめの便利ツール・Web サービス - Naifix
WordPress でブログを運営する場合、レンタルサーバーが必要です。 個人ブログであれば月額 300 円ほどの格安サーバーでも問題ありませんが、表示速度や安全性を考えると月額 1,000 円前後のサーバーがおすすめ。なかでも「エックスサーバー」は安定度が高く、サポート体制も充実していてイチオシです。 Cocoon WordPress には様々なテーマがあり、デザインだけではなく機能面も強化できます。 日本語対応の無料テーマで群を抜いているのは「Cocoon」で、前述のエックスサーバーではファイルをダウンロードしなくても簡単にインストール可能です。 有料テーマを使ったほうが検索で有利になる、ということはないので、初期費用をおさえたいなら Cocoon を使いましょう。 TeraPad WordPress の各ファイルを編集（カスタマイズ）するには、テキストエディタが必要です。 管理画面か
DWとWPを連携させて効率よくテーマデザインを作ろう
Web制作者なら誰もが思うこと それは、ファイルを保存していちいちページ更新して確認するのは意外とめんどくさい。 微妙に時間がかかる・・・ ではないでしょうか？ Dreamweaverとwordpressを連携させるとワンクリックで表示を確認することが出来ます。 ７ヶ月前、設定方法をライトニングトークでお話しさせて頂きました。 ただ、当時はWordpressのこともphpが環境構築しないとローカルで動かないこともDreamweaverのこともろくに知らない状態で、知らないづくしで発表したので作成したスライドは何が言いたいのか分からないものになってしまっています。 今回、設定部分に焦点を当てて簡単にまとめてみます。 ★使用環境：Windows・Dreamweaver5.5 ＜目次＞ 1.XAMPPインストール 2.WordPressインストール 3.Dreamweaverの設定 4.Drea
WordPressとDreamWeaverを連携させる
DreamWeaverは、HP作成ツールでプロも仕事で使っている方の多い定番製品です。 DreamWeaverCS５以上のバージョンからは、WordPressなどのCMSツールとの連携をサポートするようになりました。 しかし連携をサポートしたといっても、ややこしい設定を行なわなければならず、少しめんどくさかったりします。 ココでは、WordPressとDreamweaverの連携の仕方や実際にどのように運用していくことになるのか簡単に説明していこうと思います。 はじめに WordPressとDreamweaverの連携のといっても、実際に出来ることは限られていますので あまり期待しないようにしましょう。基本的には、ローカルにテストサーバーを構築して、テーマやCSSを作成、編集して保存。そしてそれをFTPソフトなどでネットにあげて更新するという作業で運営していくことになります。 Dreamw
ATOKのJustSystemが開発したiOS/Android用ブログエディタhpb pad for WordPress
あのJustSystemが放つブログエディタ ひとりぶろぐのmoyashi (@hitoriblog) です。 hpb pad for WordPress 1.0.0（無料） カテゴリ: ビジネス 販売元: JUSTSYSTEMS CORPORATION – JustSystems Corporation（サイズ: 10.4 MB） 全てのバージョンの評価: 無し（0件の評価） iPhone/iPadの両方に対応 ATOK PadでおなじみJustSystemからWordPress用のブログエディタとして使えるアプリ、hpb pad for WordPressがリリースされていたので試してみました。 iOSとAndroidに両対応。iOS版はiPad、iPhone両方に対応したユニバーサルアプリ。 詳しくは以下。 ジャストシステム、iOS/Androidアプリ「hpb pad for Wo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
店舗サイトをWordpressで制作するときに役立つプラグイン５選 | Wordpress boy（ワードプレスボーイ）
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP