SWELLでコーポレートサイトを作りたい方 ブロック+CSSでのコーポレートサイト制作について知りたい方 Web制作を学習していて、デザインカンプからコーディングをしたい方 本シリーズを実現するために、XDのデザインカンプまで用意しました。 SWELLでのコーポレートサイト制作は素晴らしいので、デザインカンプをもとに一緒に手を動かしていきましょう。(SWELLを持っていない方もWeb制作の練習にしていただけると嬉しいです。)
個人向けのブログから企業向けのサイトまで、WordPressのテーマを数多くリリースされているTCD様から、ブログメディア向けWordPressの有料のテーマファイル「Rebirth」を無料プレゼントしているので、紹介します。 完全無料で、商用利用も可、デザインも今風にリデザインされ、カスタマイズ性が高く、クオリティも非常に高いWordPressのテーマファイルです。 ※確認したところ、プレゼント期間は未定とのことで、お早めにどうぞ。 WordPressテーマ「Rebirth」 無料プレゼント WordPressテーマ「Rebirth」の入手方法 WordPressテーマ「Rebirth」とは WordPressテーマ「Rebirth」の入手方法 まずは、WordPressテーマ「Rebirth」の入手方法から。 下記ページにアクセスします。
WordPress 5.5 以降のロードマップも見え始め、年内には Full Site Editing (FSE) & Block-based Themes が出てくるようで、非常に楽しみです。 また、Block-based Themesを見ているとどうしても SSG(静的サイトジェネレーター)っぽく見えるもので、WordPress が Jamstack を気にしないわけないよな… などと妄想してみたりしています。 一方、静的サイトジェネレーター周辺では、打倒WordPressなんて話をよく見かけます。気持ちはよくわかります。最近のWordPressは色々と大変ですし…。 また、コストをかけずにサイトを公開できる時代になって、WordPress のためのサーバーコストが気になり始めたという話もよく見かけるようになりました。 このあたりを考えれば、WordPress からの避難先として、静的
自動広告は、AdSenseの管理画面から「オン/オフ」を切り替える仕様に変わりました。そのため、「自動広告とマニュアル広告を併用」機能は廃止いたしました。 Cocoonは、「アドセンスの自動広告表示」を行ったり、「通常の広告ユニットと自動広告表示を併用」したりすることができます。 「アドセンス自動広告」の設定をするには、テーマ設定を開きます。 WordPress管理画面から「Cocoon設定」を選択してください。 「広告」タブを開いて「アドセンス表示方式」項目で設定を行います。 それぞれの設定項目の意味はこちら。 アドセンス自動広告のみ利用:自動広告のみ表示 自動広告とマニュアル広告を併用:自動広告と手動設定の広告ユニットの併用(廃止:自動広告と併用する場合はAdSense側で自動広告を有効にしてください) マニュアル広告設定(自前で位置を設定):手動で設定した広告ユニットのみ表示 自動広
Cocoonでは、パーマリンク設定は自由に行えます。 なので、自由に設定して利用可能です。そして、パーマリンクによるSEO効果もそこまで変わらないとは思っています。 ただ、サイト管理する上で後々手間のかからないパーマリンク設定というのがあります。 以下では、これまでサイト運営を行ってきた経験上からおすすめのパーマリンク設定を紹介します。 おすすめのパーマリンク設定方法 まず、WordPressでパーマリンクを設定するには「設定→パーマリンク設定」を選択してください。 「パーマリンク設定」画面で「投稿名」を設定して保存をしてください。 あとは、記事を投稿する際に「パーマリンク設定」の「編集」ボタンをクリックします。 あとは、半角英数字で文字列(スラッグ)を入力することをお勧めします。 変更後、記事を投稿すればOKです。 今回のパーマリンク設定の利点・難点 今回のパーマリンク設定を行うことで以
一番安いスタンダードプランであれば、月額990円〜で契約できます。 各プランごとに使える機能の差はないため、ブログ初心者であれば「スタンダード」で問題ありません。 月額料金はキャンペーンによっても変動します。詳しくはエックスサーバー公式サイトをご覧ください。 エックスサーバーを使ってCocoonのブログを作成する方法 まだエックスサーバーを契約しておらず、これからWordPressブログを始められる方向けに、エックスサーバーを使ったCocoonの導入手順を解説します。 エックスサーバーの「WordPressクイックスタート」を使えば、ブログの運営に必要な「レンタルサーバーの契約」「独自ドメインの取得」「テーマの導入」をおおよそ10分で完了します。 手順は次のとおりです。 エックスサーバーのお申込みフォームにアクセスする エックスサーバー公式サイトにアクセスして、「申し込み」ボタンを押してく
これからWordPress(ワードプレス)でブログを運営していくのであれば、今すぐに「パーマリンク」を最適化する必要があります。初期の段階で設定しておかなければ、SEO面でデメリットしかないからです。 具体的には、あなたのブログに訪れてくれるユーザーの使い勝手(ユーザービリティ)を損ねるだけでなく、検索エンジンからネガティブな評価をされてしまう可能性があります。その結果として、SEO面で評価されづらくなり、集まるはずのアクセスを逃してしまうことになりかねないのです。 ただ、ブログを始めたばかりのあなたは、「そもそもパーマリンクという言葉を初めて聞いた」という悩みを抱いているのではないでしょうか。 そこでこのページでは、ワードプレスのパーマリンクの概要はもちろん、「なぜ、SEOに強く影響するのか?」まで徹底的に解説していきます。 理想的なパーマリンクの設定方法も紹介していくため、ぜひ、参考に
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。 以前公開したSimplicityの後継となるテーマです(※後釜ということで完全な互換性はないです)。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
WordPressテーマ「Simplicity(シンプリシティー)」を作成しました。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEO施策済み 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益化 ブログの主役はあくまで本文 カスタマイズがしやすい 以下で詳しく説明します。 Simplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。 テーマの名前「Simplicity」には以下の意味があります。 単純 簡単 容易 簡素 質素 飾り気のない よく言えばシンプル、悪く言えば地味なテーマです。 余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。 もちろんそのままでも十分使用できます。 検索エンジンへの最適化(SEO)
WordPressのブログで記事と記事の内部リンク構造を可視化するプラグインを作りましたので公開します。 内部リンクの最適化にお役立てください。 Show Article Mapができること Show Article Mapは、記事本文中に貼ってある内部リンクを解析し、記事および固定ページをノード、リンクをエッジとしたマップを自動生成します。 たとえば当ブログの場合、こんな↓マップが生成されます。 四角いノードは記事、つながり(エッジ)が内部リンク、色はカテゴリを指しています。 少し拡大するとこんなふうに見えます↓。 それぞれのノードに記事のスラッグが入っています。(後述するカスタマイズで記事タイトルに変更可能) 矢印はリンクの方向です。どの記事からどの記事にリンクが張ってあるかがわかります。 ノードはマウスホバーすると記事のタイトルが表示されます。ダブルクリックで当該記事にジャンプ可能で
2017年1月31日に立ち上げたWordPress製の特化型ミニサイト。 ネットの孤島と呼ばれるWordPressですが、公開1週間弱でGoogleからの検索流入が発生し始めました。 今回は、そのために行った具体的な施策を紹介します。 ミニサイト作りを考えている方の参考になれば幸いです。 公開1週間時点のミニサイトの状況 公開日:2017年1月31日 検索流入発生日:2017年2月3日(公開4日後) 記事数:25(下書きしておいて一気に公開) ドメイン:完全新規 SNS拡散:なし ページの検索流入数の変化は以下のとおり。だいたい1日5〜20PVくらいです。 インデックス状況はこんな感じ。3日後くらいにインデックスされ始めました。 よく「WordPressは孤島」と言われますが、きちんとやればそんなことはないようです。 では、どのようにすればいいのでしょうか? ここからは、 ミニサイトの設計
「WordPressに興味あるけど、使い勝手とかイメージしづらい……」 という疑問を解消したければ、実際にWordPressを触ってみるのが一番です。 そこで今回は、WordPressを無料でお試しする方法をまとめて紹介します。 先に結論をお伝えすると、一番のおすすめはエックスサーバーのお試しプログラムを使うこと。 使いやすさ、性能、そして実績も圧倒的。もちろん、このブログもエックスサーバーを使っています。 WordPressには2つの種類がある ひとことでWordPressといっても、「サービス型」と「インストール型」の2種類があります。 1. サービス型 サービス型とは、「はてなブログ」や「アメーバブログ」と同じような、WordPressベースのブログサービスです。 「WordPress.com」というサイト(英語)に登録すると使えます。 参考 WordPress.com: Creat
いくつかの条件はあるものの、公式の機能としてWordpressブログにGoogleフォトの画像を挿入できるようになっています。 Wordpress.comブログなら、デフォルトで利用できますし、動画を利用可能なプランならば動画を挿入することも可能になっています。自分のサーバーにWordpressをインストールしている場合は、Jetpack経由で利用することになります。 また、大事な点ですが、画像はGoogleフォトに直接リンクされているのはなく、そこからアカウントにコピーされて使用されているようです。 つまりこれはFlickrの写真をブログに利用するなどと言ったように、Googleフォトを CDN として使うものではなく、写真がすべてアーカイブされるストレージとしてそこから引っ張ってくるイメージです。 それでは使い方をみていきましょう。 Wordpress.com から連携 Wordpre
What WordPress Theme Is That is a free online tool allows you to easily detect what WordPress theme a site uses (including parent and child themes). Additionally, it will also detect what WordPress Plugins are being used. "What WordPress Theme Is That" is the most popular free tool for detecting up what WordPress Theme and plugins a particular site uses.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く