ブログ

  • WordfenceのファイアウォールでURLをホワイトリストに登録すべき理由(およびその方法)

    If you’re using Page Builder Sandwich along with Wordfence Security, there’s a chance you might have encountered something called a 403 error.

    Now, according to WordPress resource site WPBeginner, 403 errors occur when server permissions don’t allow access to a specific page.

    しかし、403エラーとは何を意味し、そもそもなぜPage Builder Sandwichで発生しているのでしょうか?

    The 403 Error Explained

    403エラーの最も一般的な原因は、セキュリティプラグインが特定の方法または標準で設定されていないことです。

    Like WordFence, most security plugins from WordPress restrict some actions if they’re suspected or proven to be malicious. These scenarios usually occur on your WP Admin or WP Login page, or show up as pop-ups alerting you that you don’t have authorization to view your page.

    Sandwichで遭遇した場合、ポップアップは次のように表示されます。

    So what does this mean? Is Sandwich safe to use? Is WordFence bad? And does the 403 error warrant bad points for both Wordfence and Page Builder Sandwich?

    いいえ、そうではありません。

    All of this just means that Wordfence is extra careful when scanning your external plugins.

    And that’s actually a really good thing, especially since they’re a security plugin.

    WordFence is Legit…

    WordFenceは、WordPressで最も人気のあるセキュリティプラグインの1つです。100万以上の有効インストール数を誇るため、あなたのWPサイトにもインストールされている可能性が高いでしょう。ウェブサイトを安全に保つだけでなく、セキュリティリスクを軽減し、ウェブサイト全体のセキュリティを向上させるという素晴らしい目的のために存在しています。

    要するに、WordFenceは信頼できるプラグインです。

    …And So is Sandwich. But Why Does It Need Whitelisting?

    WordFenceがブロックするのはSandwichだけではありません。

    他のプラグインやURLも、WordFenceでホワイトリスト登録(ブラックリスト登録の逆)が必要になります。一部のより人気のあるプラグインは、すでにWordfenceによって許可されている場合があります。

    では、内部では何が起こっており、403エラーはどこから発生しているのでしょうか?

    Ajax Functions and Page Builder Sandwich

    Page Builder Sandwichは、編集プロセス全体を通してAjax機能を実行します。特定のプラグインも同様です。

    W3Schoolsでは、Ajaxについてもう少し詳しく説明しています。

    AJAX is a technique for creating fast and dynamic web pages. It allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.

    Chart taken from W3Schools

    Page Builder Sandwichでは、Ajax呼び出しはショートコードマッピングの取得、ショートコードのレンダリングから変更の保存まで多岐にわたります。これにより、403エラー、出力の保存の問題、レンダリングされないショートコードなどの問題が発生する可能性があります。この場合、Page Builder Sandwichに固有のAjax呼び出しをホワイトリストに登録する必要があるかもしれません。

    Whitelisting Page Builder Sandwich on WordFence

    WordfenceのファイアウォールでPBSをホワイトリストに登録するには、「Whitelisted URLs(ホワイトリスト登録済みURL)」エリアに以下のパラメータでエントリを追加します。

    URL: /wp-admin/admin-ajax.php

    Param Name: main-content

    Param: POST Body

    マルチサイトのWordPressインストールの場合は、上記のURLにサイトのフォルダー名を含めることをお勧めします。例: /my-multisite/wp-admin/admin-ajax.php

    これらの値を追加すると、403エラーは適切に解決され、出力を保存したりレンダリングされたショートコードを再度生成したりできるようになります。

    WordFenceのファイアウォール設定では、次のように表示されます。

    Ta-da!

    Conclusion

    はい、Page Builder Sandwichは安全に使用できます。

    それだけでなく、Ajaxアクションは編集モードのときにのみ実行され、外部のプラグインやテーマとも互換性があります(それらがWordPressのコーディング標準と同等である限り)。

    WordFence Securityも同様です。

    しかし素晴らしいのは、WordPressユーザーにサイトを安全に保つ機会を提供するとともに、どのプラグインが安全でどれが安全でないかをユーザー自身が決定できる追加の選択肢を与えてくれる点です。

  • WordPressにおける安全対策:バックアップの重要性

    safety-measures-in-wordpress-the-importance-of-backups想像してみてください。初めて作ったWordPressサイトが、ついに稼働し始めました。ここ数か月でこれほど達成感を味わったことはありません。自分自身を大いに褒め称え、苦労の結晶を作り上げるのを手伝ってくれた人たちも同じように称えてくれます。必要なプラグインをインストールし、サイトの未来に向けてさらに計画を立て始めます。前途は明るく、すべてが順調に進んでいます。

    思いもよらない事態が起こるまでは。そして、サイトがクラッシュしてしまいます。

    あなたは肩をすくめます。どんなに優秀な人であっても、こういうことがあるのは耳にしたことがあります。マーク・ザッカーバーグやデイヴィッド・カープだって以前にこんな経験をしているはずですし、2人とも今は何の問題もなくやっているではありませんか?

    そこであなたはサイトを復旧させようと、解決策を必死にGoogleで検索します。1回目の試みではうまくいきません。2回目もうまくいかず、3回目、4回目、17回目、そして22回目でも駄目です。完全に、そして徹底的に手遅れで、ウェブサイトは永遠に失われてしまったのだと気づき、あなたの目は見開かれます。ネット上で解決策を探し回りますが、ほぼすべてのハウツーサイトが同じことを述べています:

    最初からWordPressファイルをバックアップしておくべきでした。

    最初からWordPressファイルをバックアップしておくべきでした。

    最初からWordPressファイルをバックアップしておくべきでした。

    控えめに言っても、ウェブサイト所有者にとって最悪の悪夢の一つです。これこそまさに私たちが避けたい事態ですが、では一体どうやって防げばよいのでしょうか?実のところ、答えはいたってシンプルです。優れたバックアッププラグインをインストールすればいいのです。

    "a very "secure" bridge" by Garrett LeSage is licensed under CC BY-SA
    “a very “secure” bridge” by Garrett LeSage is licensed under CC BY-SA

    何から、どこから始めるべきか?

    WordPressサイトをバックアップする最初のステップは、何をバックアップする必要があるのかを正確に把握することです。WPBeginnerの記事「どのWordPressファイルをバックアップすべきか?そしてその正しい方法」では、この作業のためにバックアップが必要な重要ファイルとして以下が挙げられています:

    • WordPressのコアファイル
    • wp-contentフォルダー内のファイル(テーマ、プラグイン、アップロードファイル)
    • WordPressの設定ファイル
    • WordPressデータベース

    バックアップについての詳細解説

    WordPress単体には、サイト用のセキュリティやバックアップのシステムが組み込まれていません(手動で設定する方法を学ぶことはできますが、かなりの時間がかかります)。そのため、トラブルを減らす方法を見つけるのはあなた次第です。サイトの更新は常に必須ですし(新しいプラグインを追加したい場合や、何かを削除したい場合など)、データを失いたくない限りバックアップも不可欠です(失いたくはないはずです)。サイトをバックアップしてセキュリティを強化するその他の理由としては、ハッカーからの被害を防ぎ、サイトのデータが誰にも盗まれないようにする安心感を得ることが挙げられます。

    「それ用のプラグインも用意されています」

    WordPressにはあらゆる機能のためのプラグインが豊富に用意されており、(ご想像のとおり)セキュリティやバックアップ対策のためのプラグインも複数存在します。選択肢となるプラグインは数多くあります。代表的な人気プラグインとしては、BackupBuddyやUpDraftPlusなどがあります。これらのプラグイン(およびその他)のレビューはインターネット上の至る所にあるので、心配はいりません。ネットの情報があなたをサポートしてくれます。個人的には、セキュリティとバックアップの両方の目的でVaultPressを使用しています。その理由は以下のとおりです:

    1. VaultPressはAutomatticによって開発された – Automatticは、WordPressの創設者本人– Matt Mullenwegによって設立されました。Automatticの製品やサービスの多くは極めて信頼性が高く、すでに実証済みのプラグインを利用することは決して悪い選択ではありません。
    2. 大半のバックアッププラグインとは異なり、VaultPressはストレージ容量を必要としません。データは彼ら自身のサーバーに保存されるため、ウェブホストから「サーバー容量を消費しすぎています」といった警告を受けることがありません。
    3. シンプルさ。使用するには管理画面にログインするだけで、そこからバックアップの詳細をすべて確認し、操作を実行できます。

    VaultPressは私たちの基準を満たしているため、完璧に機能してくれています。しかし、もしVaultPressに満足できない場合でも、WPBeginnerやwpmudevなどの多くのサイトで比較検討記事が掲載されているので、選ぶのに困ったときの参考にできます。

    すべてはあなた次第

    結局のところ、ウェブサイトを保護しバックアップを取るかどうかの判断はあなた次第です。セキュリティ対策をしていないサイトがもたらすリスクに立ち向かえると自信を持っている人もいれば、そうでない人もいます。どちらでも構いません。結局のところ、後悔するよりは安全策を取るに越したことはありません。

    どちらの決定を下すにしても、常に選択肢を慎重に検討することを忘れないでください。何に対処できるかを判断できるのは、あなただけなのですから。

    幸運を祈ります!

  • ショートコードマッパープラグイン機能:The Events Calendar by Modern Tribe

    shortcode-mapper-plugin-feature-the-events-calendar-by-modern-tribePlugins of the same category, but with respective features, are developed and enhanced every day. This gave birth to the variety of WordPress-powered websites – and later on, websites catering to several functions. For instance, there is a number of plugins which enables a developer and/or user to create, schedule, invite an interested person to an event.

    The Events Calendar is the events calendar you’ll need

    There are a lot of available events calendar in the WordPress market. So how do you choose? There are recommendation blogs, plugin face-off blogs, and of course testimonials from different users. All of these have one thing in common: they include The Events Calendar by Modern Tribe in their list.

    screenshot-2016-10-05-20-00-09
    An example of a minimal event post of The Events Calendar

    そもそもThe Events Calendarとは何なのか?

    Modern TribeによるThe Events Calendarは、このカテゴリーにおける最前線のプラグインです。プロフェッショナルな品質のイベント投稿機能を提供します。上部にタイトル、日時、該当する場合は価格、アイキャッチ画像や地図、そしてイベントに関する追加の詳細情報が表示される、非常にシンプルなインターフェースを備えています。Pro版では、日付、キーワード、場所ごとにすべてのイベントを表示できます。

    You can do much more with The Events Calendars Pro and its official add-ons:

    The Events Calendar PRO

    • Recurring events
    • Week view
    • Photo view
    • Location search
    • Map view
    • Venue and organizer view
    • Advanced widgets
    • Additional fields

    The Events Calendar ADD-ONs

    • RSVP tickets
    • Event ticket plus via WooCommerce, Shopp, WPeCommerce, Easy Digital Downloads)
    • Community Events
    • Community Tickets
    • Filter Bar
    • Facebook Events
    • iCal Importer
    • Eventbrite Tickets

    Page Builder Sandwichと統合することでさらに魅力的に

    screenshot-2016-10-04-17-46-04Recent posts were made to highlight the benefits of using PBS and its Shortcode Mapper. This is to make sure that you guys are taking advantage of the latest innovation that the Sandwich Team can develop plus notify the plugin developers that their creation gave birth to another awesome feature.

    The Events Calendarプラグインに関して、この組み合わせが存在すべき驚くべき2つの理由をまとめました:

    1.      WordPressプラグイン界の有力者によるレビュー

    The Modern Tribe assured their customers that the product and service they offered was of quality. Creator of Easy Digital Downloads, Pippin Williamson gave his inputs about The Events Calendar. Alongside him was Mark Jaquith, one of the leading WordPress developers, who made sure that the plugin was secure.

    Page Builder Sandwich was also reviewed recently by Pippin, together with the other established and rising page builders in the market. In his in-depth critique, he concluded that indeed, PBS is one of the most powerful drag-and-drop page builders. He highlighted that only  Page Builder Sandwich was able to create a functioning Shortcode Mapper.

    2.      ショートコードオプション:バックエンドからフロントエンド編集へ

    デフォルトでは、プラグインのショートコードオプションはバックエンドの管理パネルからアクセスできます。その後、バックエンドプラグインと同じプロセスが行われます。バックエンドエディターに移動し、希望の変更を入力して保存します。更新ボタンをクリックして初めて、編集されたコンテンツが表示されます。総合すると、これは4つのステップ.

    しかし、その長い手順はPage Builder Sandwichによって、わずか2つのステップ:

    1. Instead of going to the backend panel to access the shortcode options, click on the Shortcode Mapper and select on The Events Calendar. You’d be redirected to a pop-up window as seen below. Click on The Events Calendar.
      screenshot-2016-10-04-17-43-37
      View of The Events Calendar in the Page Builder Sandwich Shortcode Mapper
    2. screenshot-2016-10-05-19-57-11
      Close look at The Events Calendar Shortcode Properties
      The Inspector on the left displays the initial properties of the shortcode. Clicking on the “Open Editor” button, the shortcode controls displayed at the backend can now be accessed on the frontend via a pop-up window.
    screenshot-2016-10-06-13-25-04
    See? The Events Calendar looks like you’re just making an event post.

    screenshot-2016-10-06-14-37-52

    多くのメリットがありますよね?

    With the integration of a page builder that doesn’t lock you in and leaves shortcode mess, and the most popular events calendar, your workflow would not only smoothen but also increase in productivity. Additionally, you can look into what Modern Tribe offers: the bundle of plugins that go with The Events Calendar.

    これまでのところ、当社のショートコードマッパーにマッピングされているのはModern TribeによるThe Events Calendarプラグインのみでした。しかし、これはマッピングがこれで終わるという意味ではありません。ショートコードマッパーで見たいModern Tribeのプラグインをコメントしてください。

  • ランディングページとは(そしてなぜ必要なのか)?

    In a previous article, we mentioned that 84% of website conversions occur on the first visit. And during this first visit, the average site visitor is only going to stay on your website for about 10 seconds.

    That means that’s all the time you have to make a good impression, convince your visitors to stay on your site, and to (hopefully) convert that site visit into a lead.

    そう考えると、少しプレッシャーを感じるかもしれません。

    But not to worry- landing pages help you do just that. More specifically though, well-crafted landing pages help you to do just that.

    So what are they?

    In the simplest terms, a landing page is any page that gets traffic from anywhere other than the usual pages on your site (like your Homepage, FAQ, or Contact Us page).

    The difference between these “usual pages” though, is that landing pages reel in your audience using content that creates a sense of urgency – like call-to-action buttons and promo pages, for example – and they do it all in one page with a specific goal set in mind: They make your audience take action.

    And if all goes as expected, you get to convert your audience and site visitors into leads. This is called lead generation.

    ランディングページは、特にオーディエンスを増やし、リードを獲得しようとしている場合、あらゆるウェブサイトにおいて極めて重要な要素です。また、収益を生み出す上でも大きな要因となります。

    What do they look like and when do I start making one?

    こちらは、私たちがとても気に入っているUnbounceによる素晴らしいランディングページの例です:

    This has all of the right elements you need to execute the perfect landing page: it’s got just the right amount of text (which is really helpful for boosting SEO), and it’s packaged in a way that it’s not too heavy or intimidating for site visitors.

    The imagery is great as well, and the placement of the two call-to-action (or CTA) buttons give the visitors just enough cues to sign up for their service. Not too little, but not too much either.

    (ヒント: Unbounceのランディングページはかなり洗練されて見え、自分のランディングページで同じようなスタイルを再現しようとすると少し敷居が高く感じるかもしれませんが、実際にはPBSを使用することで、これと同じように素晴らしいページを作成できます)。

    MAKE YOUR OWN LANDING PAGE: If you’re new to design, First Site Guide’s Elements & Principles of Design Cheat Sheet proves to be friendly and reliable for beginners.

    Take note though, that Unbounce’s example isn’t the only way you can create your landing page.

    You can always go for a simpler, cleaner look, like Uber’s landing page below:

    The text’s placement, along with the sign-up forms look crisp and clean. There’s also minimal distractions on this landing page, which prompts its visitors to sign up right away.

    MAKE YOUR OWN LANDING PAGE: First Site Guide’s Psychology of Color Cheat Sheet is a huge helA, which can help you balance out the right kind of colors that create a minimal yet classy effect for your landing pages.

    You can have more than one

    This is a little tricky because you have to learn how to strike a balance, but if you think it’ll help generate more leads,  you can actually build more than one landing page. Again, different landing pages cater to different needs.

    たとえば、ユーザーに無料サービスへの登録を促す、MailChimpの数あるページの中の1つを見てみましょう:

    (It worked by the way, as we use MailChimp for our newsletter service, too).

    Take note of the text – it’s straight to the point, and addresses the target’s audience needs in just three simple, albeit powerful words; enough to catch the visitor’s attention, and convert into a lead.

    Here’s another from Truila, which helps its users get an estimate of how much their houses are worth.

    Unlike the previous examples, Truilia doesn’t offer a catch to their customers in this particular landing page. They simply offer to give the visitor a chance to test out their service.

    Again, take note of the copy: no fluff, and it gets straight to the point.

    Usually, landing pages like these direct you towards another, one that has more information about what the website is offering. This is also a great technique used to capture more leads.

    MAKE YOUR OWN LANDING PAGE: Did you know that “Under Construction” pages count as landing pages, too? This blog post by First Site Guide teaches you how to make one.

    More doesn’t always mean merrier

    It’s important to remember that the problem isn’t the lack of landing pages per se – but the lack of well-created, successful landing pages.

    どんなウェブサイトでもいくつも作成することはできますが、それだけで自動的にリードのコンバージョンが成功するわけではありません。

    繰り返しになりますが、ランディングページの運用は非常に巧妙です。そのため、その背景にある技術と科学を学ぶための投資ができるのであれば、そうすることを強くお勧めします。

    Here are some websites that’ll be really helpful in your journey to creating landing pages

    Landing Folio

    http://www.landingfolio.com/

    Landing Folio is an extensive gallery that’s really useful when it comes to getting inspiration for landing page designs. They also offer some kick-ass, friendly courses on how to perfect the art of creating landing pages. Plus, all the designs are pretty and fun to look at as well.

    First Site Guide

    http://firstsiteguide.com

    First Site Guideは、インターネット上で最も役立つ情報が揃っているウェブサイトの1つであり、特にウェブ初心者で何かを始めたいと考えている人にとって最適です。コンテンツ作成ツールのリストから、製品のレビューや比較、インフォグラフィック、分かりやすい動画チュートリアルまで、幅広いリソースが揃っています。初めてのランディングページ作成をスタートしたばかりの方には間違いなく役立ちます。

    Conversion Lab

    http://conversionlab.no/

    Apart from the fact that their own landing page is pretty well-crafted itself, Conversion Lab does exactly what they say they do: they help you get conversions. They also help out with testing too, which is crucial to any website that’s trying to raise their conversion rates.

    Hubspot

    https://blog.hubspot.com/marketing

    Hubspot is an all-around help site that lends you a hand in almost anything and everything related to online marketing.

    事業計画の作成から、コンテンツやインバウンドマーケティング、そしてもちろんランディングページに至るまで、多種多様な記事が揃っています。デジタルマーケティングの世界にまだ不慣れな方にとっては素晴らしいリソースです。

    まとめ

    ランディングページは非常に難しい場合があり、特にどんな分野であれビジネスを始めたばかりの方にとってはなおさらです。

    しかし、その仕組みや作成方法を学ぶために時間を投資する価値があることを忘れないでください。なぜでしょうか? ランディングページがリードを生み出し、リードが収益を生み出すからです。

    Take note that digital marketing trends are changing rapidly. You have to keep with these trends in order for your business to not only survive, but to also thrive.

    Do you have any other tips or resources that you’d like to share with us? Comment below, or send us an email at [email protected] if you’d like to get featured as a resource in one of our articles.

    楽しいページ作成を!

  • ソーシャルメディア戦略:サイト構築におけるその重要な役割

    social-media-strategy-its-important-role-in-site-building

    数十年昔、科学者や専門家たちは従来の郵便(スネイル・メール)に代わるより良い手段を見つけようと頭を悩ませ続けていました。一時期はポケベルもありましたし、ポケットにはとても収まらないような巨大な携帯電話もありました。しかし、懐かしく思うことはあっても、過去のテクノロジーが21世紀のコミュニケーション手段に遠く及ばないのは明らかです。2016年の今では、友人、家族、同僚とほんの1秒余りで連絡を取ることができます。決まり文句の通り、「文字通りすべてが指先ひとつで手に入る」のです。文字通りに。

    徐々に伝統から離れつつある?

    現代の急速なイノベーションによって、私たちがどれほど多くの従来のルーチンを放棄せざるを得なくなったかを否定するのは困難です。(特に上の世代にとっては)少し慣れが必要でしたが、実のところ、これは決して悪いことではありません。むしろその逆です。

    例えば1993年なら、パン屋さんがオーブンの新しいモデルについて問い合わせるのにかかる時間と労力は、数ヶ月とは言わないまでも通常数週間を要しました。現在、2016年では、オーブンメーカーのウェブサイトを閲覧するだけで同じタスクが完了します。さらに、そのオーブン会社が次の週末にセールを開催すると発表し、パン屋さんがそのことを友人に伝えたい場合、必要なのはFacebookやTwitter、その他の人気ソーシャルメディアサイトに投稿することだけです。今の時代、私たちは皆、人生のどこかの時点でこのルーチンに身を委ねてきたため、あなたもそのプロセスをよく知っているはずです。

    好例として、ソーシャルメディアはほぼあらゆることについて情報を世の中に発信するのに最適な手段です。今日のその影響力は信じられないほど強力であり、そのため、オンラインでの存在感はサイト構築の道のりの成功だけでなく、その維持にとっても極めて重要な要素になり得ます。実際、TimeやThe Economistのようにニューススタンドで定期的に販売されている雑誌は、紙媒体とオンライン版の両方でコンテンツを提供しており、それによりさらに幅広い読者層へのリーチを確保しています。同様に、影響力のある人物があなたのサイトを偶然見つけ、コンテンツを気に入った場合(あるいは少なくとも共有する価値があると感じた場合)、彼らも他のソーシャルメディアを通じてあなたのコンテンツを広めてくれる可能性が非常に高くなります。

    ただし、あなたのサイトについての評判を広めるのに、必ずしも影響力のある人物が必要なわけではないということを覚えておいてください。ターゲット層が誰であれ、ソーシャルメディアを介して自分自身で(あるいは数人の協力を得て)コンテンツを共有するだけでも、多くの扉が開かれます。実際、BrandWatch.comの記事によると、23億人(世界の総人口31億7,000万人のうち)がソーシャルメディアを利用しているとされています。

    これは非常に膨大な人数です。ご安心ください、あなたのターゲット層もその層の中に確実に含まれています。

    ソーシャルメディアの機能を拡張する

    ソーシャルメディアの重要性は、コンテンツを世に広めるだけでなく、あらゆるオーディエンスや市場における最新のトレンドを常に把握し続けることにも及びます。これは、オーディエンスが何を求めているのか(ニーズやウォンツ)を測る際に特に当てはまり、彼らにより良くリーチし対応していく方法へとさらに広がっていきます。アプローチすることは常にサイトの成功にとって重要な要素であることを忘れないでください。

    最初の月、あるいはサイト運営の最初の数年で魔法のようにフォロワーが15,000人増えるわけではないかもしれませんが、ソーシャルメディアアカウントで活発なオンラインプレゼンスを維持することは、長い目で見れば何らかの形で確実に大きな後押しとなります。「ローマは一日にして成らず」という言葉を忘れずに、決意を持ち続けましょう!

    それ以上の可能性も

    Treehouse.comのプレミアム動画によると、メールや従来のプロモーションイベントと比較して、ソーシャルメディアはオーディエンスにリーチする他のどの手段よりも2倍効果的であると引用されています。確かに、ソーシャルメディアはオーディエンスへのリーチに大きな違いを生み出すことができる強力なツールのままです。ソーシャルメディアの画期的なところは、ほとんどの場合、無料であることです(そして本当にありがたいことです)。ですから、ぜひ有利に活用してください!

    素晴らしいサイト構築ライフを!

  • Page Builder Sandwich バージョン3のツアー

    a-tour-of-page-builder-sandwich-version-3

    Page Builder Sandwichバージョン3では、多くの点を変更しました。以前からPage Builder Sandwichをご利用いただいている方は、その変更が極めて劇的であることにお気づきになるでしょう。バージョン1、バージョン2、そして現行バージョンとの間には大きな違いがあります。これまでのバージョンでは、すべてがサイドのインスペクター内に配置されていました。今回はそれを見直し、コンポーネントをより論理的な別の区分へと分割しました。このアップグレードの理由については、前回のブログ投稿で記載しています。

    既存のユーザー様は、最初は変更点に戸惑われるかもしれません。しかし数分お試しいただければ、すぐに慣れていただけるはずです。ワードプロセッサでの直感的な操作感がWebサイト構築でもそのまま活きるよう、インターフェースの細部に至るまで慎重に設計しました。

    新しいインターフェースのツアーを見る

  • ホリデーセール:期間限定ですべてのライセンスが30%オフ!

    そうです、お聞き間違いではありません!Page Builder Sandwichでは本日、2016年12月17日から2017年1月1日まで、一足早いホリデーセールを開催いたします!なんと15日間連続で、すべてのライセンスが30%オフになります!クーポンコードは不要です。まさにハッピーホリデーですね。

    "Christmas ornaments - HBW" by Bhavna Sayana is licensed under CC BY
    “Christmas ornaments – HBW” by Bhavna Sayana is licensed under CC BY

    これと合わせて、1月14日に迎えるPBSの1周年記念についてもこの場を借りてお知らせいたします。たくさんの素晴らしい機能をご用意しておりますので、ぜひ楽しみにお待ちください!その一部をご紹介します。

    • パララックススクロール
    • ビデオ背景
    • 1ページ完結型(ワンページャー)テンプレート
    • レスポンシブコントロール
    • カスタムCSSスタイリング

    1周年記念アップデートで期待できる新機能の全リストを記載した記事を近日中に公開予定です。以下のニュースレターに登録して、新しいアップデートの通知を受け取りましょう!

    ハッピーホリデー、そして楽しいサイト構築を!

     

  • Page Builder Sandwich バージョン 4.0 のご紹介

    2015年初頭にPBSの開発を始めた当初から、私たちはその限界を超える可能性を常に信じてきました。リリースからのこの1年間、PBSがまさにそれを実現できるよう、チームは全力を尽くして熱心に取り組み続けてきました。

    In 2016, we’ve managed to release three versions of PBS, each one surpassing their predecessors with more advantageous updates after the next. Today, in 2017, we’re finally releasing Page Builder Sandwich Version 4.0 in commemoration of its very first birthday.

    正直に言うと、それは決して簡単なことではありませんでした。

    しかし、2015年のささやかな始まりと比較して、Page Builder Sandwichはベータ版の頃から確実に大きな進化を遂げたと、今なら自信を持って言うことができます。

    Then vs Now

    Taking a step back and looking at the different versions that PBS went through, it has really changed for the better.  Some learning mistakes just made us cringe and laugh!

    Enhanced User Interface

    For versions 3.0 and 4.0, we’ve made some major improvements with regards to the user interface. Pippin’s insight really made a wake-up call to us!

    The old interface of PBS Version 2.0  (left) vs Version 4.0’s cleaner, more efficient UI (right)

    Engaging in conversation and taking note of feedback has always been important to us, and is (and always will be) an integral part of Page Builder Sandwich’s continued growth. Out of all of PBS’ features though, we’ve received quite a number of critiques regarding the previous versions’ UI’s. All of them had one common denominator that many believed was detrimental to PBS’ functionality: the color scheme. According to most, it was too aggressive and did not compliment WordPress’ color palette. We’ve since addressed this issue in Version 4.0, constructing an improved UI with toned-down colors, all while still keeping PBS’ signature drag-and-drop UI intact.

    Mobile Responsiveness

    タブレットやスマートフォンなどのデバイスがますます市場を席巻する中、ほとんどのページビルダーが共通して認識しているもう一つの必須機能が、モバイル対応(レスポンシブ対応)の必要性です。

    Because of this, we’ve tackled mobile responsiveness in Version 4.0’s release. Viewing pages built with PBS now becomes a smoother, more efficient experience, with your page’s UI adapting to your device’s screen resolutions.

    これに加えて、PBSはデスクトップ上でのモバイルプレビューにも対応しました。これにより、モバイル実機やタブレットを使わなくても、どちらのモードでも必要な表示状態を簡単にプレビューできるようになります。

    さらに、PBSではデスクトップ、モバイル、タブレットの変更を、他の画面サイズに影響を与えることなく個別に行えるようになりました。

    What’s New: Features

    Full Page Templates

    PBSのリリース以来、私たちが気づいたもう一つの点は、ユーザーが特定のニッチ(分野)に基づいてページを構築する傾向があるということです。これはページを作成する際には当然のことですが、ユーザーにとっては、そうしたニッチに特化したページを構築する際に少し問題が生じます。例えば、Page Builder Sandwichで作成されるEコマースサイトは、フォトギャラリー付きの一般的な日常ブログと比較して、ゼロから作成するのにより多くの時間がかかるでしょう。このような種類のウェブサイトに対する需要は継続的に高まっているため、私たちはついにPBSの「フルページテンプレート」を導入するという解決策にたどり着きました。

    フルページテンプレートはデザイン済みセクションとどう違うのですか?

    PBS actually has a feature similar to the Full Page Templates, the Pre-Designed Sections. Since our team has been aware that there are users who lack the time to design and layout their pages and sites, the Pre-Designed Sections were built for this specific purpose. The Pre-Designed Sections are small, individual layouts professionally designed to be mixed and matched together to build a page. However, while they are pre-designed, they aren’t full page, and are not niche-based.

    The Full Page Templates are different in that they’re designed to be used for an entire landing page, and they’re laden with features that commonly go with a particular niche. For example, upon accessing PBS’ Hotel Template, you’ll find that with it comes a map, contact details, and sections specifically designed for enumerating the hotel’s amenities. Similarly, the PBS Fashion Template includes a carousel feature for showcasing fashion ensembles for modern shops. These templates can also be tweaked and adjusted to suit the user’s needs and taste, of course.

    サードパーティ製プラグインへのより簡単なアクセス

    WooCommerce, Advanced Custom Fields, Events Calendar, Instagram Feed, Contact Form 7, NextGen Gallery, among others, are now more accessible with Version 4.0. This means that if you have these plugins activated in your PBS-run site, you can now add them with more ease.

    ご要望の多かった要素と機能:機能性の強化とデザイン機能の追加

    In the span of a year, we would regularly receive suggestions and requests for features that are currently in-demand in the page builder market. Among these include Parallax Scrolling, Video Backgrounds, Ken Burns Backgrounds, features that increase the aesthetic value of your page; and elements such as Pricing Tables, Testimonials, Countdowns, and Milestones to enhance your page’s functionality. With the release of Version 4.0, we’ve finally accomplished these and more. We’re sure your PBS experience will be even more worthwhile this time around.

    PBSの今後の展望は?

    2016年1月の最初のローンチ以来、私たちは長い道のりを歩んできました。大幅な改善を行ってきましたが、この課題は決して容易ではないものの、間違いなく非常にやりがいのあるものです。バージョン4.0は、PBSにおけるさらなる改善の始まりに過ぎません。この2017年も、PBSがますます向上し続けるよう全力を尽くしてまいります。まずは、これらの新機能をフルに活用していただき、PBSでの体験がより価値あるものになることを願っております。

    快適なサイト制作を!

  • PBS ブラックフライデーセール:すべてのライセンスが30%オフ!

    page-builder-sandwich-black-friday-deals

    感謝している素晴らしいことのすべてを振り返る、一年のあの季節がまた巡ってきました。そしてもちろん、そのリストに加わるのは、誰もが知るあのブラックフライデーセールです!この時期は、ネット上のあらゆる割引、クーポン、驚くほどお得なセール品が手に入るチャンスです。そしてそこには、本日2016年11月24日から11月29日まで開催されるPage Builder Sandwichの大規模なブラックフライデー&サイバーマンデーセール

    そうです。5日間限定で、Page Builder Sandwichの「すべての」ライセンスが30%オフになります!この機会をお見逃しなく、ぜひお得にご購入ください!ブラックフライデーは文字通り年に一度しか訪れません。このプロモーションを利用するには、クーポンコード BLACKFRIDAY2016 をご使用ください!

    それでは、ショッピングをお楽しみください。サイト制作も楽しんで、素晴らしい感謝祭をお過ごしください!

     

  • Shortcode Mapper プラグイン機能特集:Automattic による WP Job Manager

    how-to-create-a-website-from-scratch-for-under-100Page Builder Sandwichの最新機能であるShortcode Mapperをリリースしてから1ヶ月が経ちました。ショートコードの数に関係なく、100個以上(正確には144個)のプラグインを統合しました。根気のいる作業でしたが、私たち やり遂げました!

    詳しく知っていただくために、Page Builder Sandwichと完全に統合されたプラグインの紹介を始めました。第1弾はこちら:AutomatticによるWP Job Manager.

    WP Job Managerの概要

    screenshot-2016-09-16-03-21-46

    基本的にWP Job Managerは、収益を生み出すためのプラグインとして機能します。ウェブサイトに求人掲示板機能を必要としているクライアントがいる場合でも、成長中の自社で単により多くの人材を必要としている場合でも役立ちます。

    このプラグインが非常に優れた買い物である理由は、採用候補者がノートパソコンの使用に制限されない点にあります。WP Job Managerにはモバイル対応機能があり、収益の流れを促進します。また、検索およびフィルターインターフェースを備えており、簡単に使用できます。さらに求人情報と企業情報も一緒に掲載されるため、企業の正当性をわざわざ調べる必要はありません。1回の求人検索で、すべてが提供されます。

    求人を埋める必要がある場合、WP Job Managerを使えば応募の受付が簡単になります。

    Page Builder SandwichでWP Job Managerの使いやすさが向上

    ページビルダーとプラグインを連携させるために、目を細めて情報を絞り出すような苦労は不要です。これら2つが相性抜群である3つの理由をご紹介します:

    screenshot-2016-09-16-03-24-32
    Page Builder SandwichとWP Job Managerの連携概要

    求人ショートコードをより素早く挿入

    PBS Shortcode Mapperはプラグインで使用されている6つのショートコードを検出し、そのすべてを統合しました。各ショートコードには異なる引数があり、求人検索フォームや求人掲載の詳細を表示できます。各ショートコードの詳細は、公式サイトのショートコードリファレンスで確認できます。もうこれらのショートコードを微調整するためにドキュメントを確認する必要はありません。すべてのショートコードとその属性が、説明付きでPBSに表示されます。

    screenshot-2016-09-15-18-58-29
    WP Job Managerで利用可能なショートコード

    screenshot-2016-09-15-18-54-362
    求人ショートコードの属性

    あらゆるテーマに対応

    Page Builder Sandwichをページビルダーエディターとして使用しても、デフォルトで選択したテーマが崩れることはありません。さらにウェブサイトの完全な最適化を確実にするため、PBS Shortcode Mapperを作成しました。同じ原理がWP Job Managerにも当てはまります!ThemeForestのテーマ開発者の1つであるAstoundifyは、自社のListify – WordPress Directory Themeでこのプラグインをサポートしています。WP Job Managerが完全に統合されているその他のテーマについては、公式リスト.

    フロントエンドで求人を管理

    フロントエンドとバックエンドを行き来したり、変更内容を確認するためにページをリロードしたりする手間を減らすことこそが、私たちが目指している点です。PBSを使用すれば、バックエンドを確認することなく選択した求人を編集でき、ページを編集しながらプラグインの設定も変更できます。PBSがなければ、ユーザーはより多くの労力を費やす必要があり、他のWordPressプロジェクトの開発に充てられたはずの時間が奪われてしまいます。このWP Job Managerの機能は、私たちが最も気に入っている点です!

    まとめ

    WordPress.comを制作したのと同じ会社によって構築されているため、このプラグインはすでに注目を集めるというアドバンテージを持っています。しかし同時に、WordPress開発者から熱心なWordPress愛好家に至るまで、多くの期待も背負っています。今のところ、軽量な求人掲示板機能という点に関しては、全員のニーズを満たしています。WordPress開発者たちもこのプラグインを非常に気に入り、プラグインの利便性を高めるために拡張機能を作成したほどです。

    今後数週間にわたり、さらに多くのプラグインを取り上げる予定です!次に誰を、あるいは何を取り上げてほしいかご提案がございましたら、ぜひ下にコメントを残してください。

    またお会いしましょう!