WordPress を使った web サイトの構築や、写真や動画撮影など web サイトのコンテンツに必要な素材も用意することが可能です。 CSS を書くのが好きなので複雑なデザインを web サイトとして再現することができます。
![シマキョウスケ – シマキョウスケについて](https://cdn-ak-scissors.b.st-hatena.com/image/square/d79e8311323304987825c9bede87fd5e59a07b47/height=288;version=1;width=512/https%3A%2F%2Fshimakyohsuke.com%2Fimages%2Fogp.png)
コーポレートサイトで必要な、ニュース(お知らせ、新着情報)などのリリース情報。 製造企業が新製品をリリースする際には、詳細内容に商品写真を多用したり、表組みを用いてスペックを掲示するなど、テキストのみに限らないケースが発生する。WordPressであればHTMLを記述できるので、対応は可能だ。 しかし、このような基本仕様では対応できない場合や、クライアント側のみで運用するなど、HTMLによる入力が困難な場合は、ニュースの掲載パターンをあらかじめ精査し、入力項目の追加とテーマファイルの改造で、柔軟に対応できる。 この記事では、ニュースにWordPressを活用する際に、おおよそコーポレートサイトで必要となる基本的な仕様と実現方法を紹介しよう。
[Å] WordPressの管理画面で文字(アイコン)が四角になったときの修正方法
2015年10月2日 Wordpress 会員登録をしたユーザー限定でコンテンツを表示する会員制サイト。作るには時間や手間がかかるイメージですよね。今回はそんな会員制サイトを簡単に、そして無料で作れちゃう「Simple Membership」というプラグインをご紹介します。 ↑私が10年以上利用している会計ソフト! 会員制サイトに必要な機能 以下の機能のついた簡単な会員制サイトを作ってみようと思います。 新規ユーザー登録 ログインフォームの設置 記事やページを限定公開 ユーザーによる登録情報(名前やパスワード等)の変更 管理ページから手動でユーザー追加 Simple Membershipは無料で使えるWordPressの会員システム導入プラグイン。会員レベルの設定やコンテンツの限定公開も簡単で、ショートコードを使ってログインフォームも設置できますよ。細かい設定は難しいかもしれませんが、上記
今回の一撃シェルスクリプトは、OSインストール直後のサーバーに対し、CMSの「WordPress」のインストールと起動をオートメーション化するものです。同時に、RDBMS「MySQL」やWebサーバー「nginx」、分散型メモリキャッシュシステムの「memcached」などのミドルウェア、WordPressをコマンドラインで操作可能にするツール「wp-cli」のインストールも行います。サーバーは、CentOS 7.1をminimalでインストールしたものとします。 WordPress+ミドルウェアのインストールなんて数分で完了です 先日、あるWEBデザイナーさんから、WordPressのインストールにかかる時間はおよそ30分だという話を聞きました。しかし、ミドルウェアのインストールも含めると、なかなか慣れないためにもっと時間がかかるそうで、半日〜1日仕事になることもあるとのことでした。 し
「営業日や臨時の休業日を案内できるカレンダーをサイトに付けて」って要望が、クライアントさんからけっこうあったりします。「予約可能かどうかをカレンダー上で◯とか×で見せたい」や「カレンダーから予約できる機能がほしい」ってのも多いです。 そんな要望に応えられそうなWordPress プラグインを集めました。 本当は要望を満たせるシステムを案件ごとに開発できればいいんでしょうが、それだけ予算に余裕があるケースばかりでもなく。 ってことで、どうぞ。機能・用途別に8個あります。 カレンダー系プラグイン8個 1. レスポンシブOK。カスタマイズできるGoogleカレンダー:Google Calendar Events 2. 色分け営業日カレンダー:WP Simple Booking Calendar 3. サイドバーにピッタリ営業日カレンダー:Biz Calender 4. 本格イベント告知カレンダー
どうだろう? 画像は多ければ多いほど、http リクエストの数が多くなる。 これから紹介する画像を軽くすること以前に、まずは「画像を減らす」ことにトライしよう。 見た目に工夫は必要となるが、他サイトで提供されるブログパーツやイメージバナーなども、ペタペタ貼りまくったりしないこと。 2. アイコンを Font Awesome で代用する次に、サイト上のメニューやナビゲーションで「一般的なアイコンを多用」しているサイトでは、Font Awesome アイコンの導入により画像からの置き換えができる。 当ブログでもメニューなどで使用しているが、他サイトでも、このスタイルのアイコンは良く見掛けるはずだ。 それもそのはず。Font Awesome はウェブ上で最も人気のアイコンフォント。 CDN 経由で読み込むこともでき、サーバーへの負荷はかからない。なぜか「FontAwesome は遅い」という人も
WordPressの構築では、公式テーマといえどしっかり構造化データに対応していないものも少なくありません。 ウェブマスターツールの構造化データをチェックすると大量にエラーが!!なんてことも。 SEOにどれだけ好影響を及ぼすのかはわかりませんが、最近はしっかり対応するように心がけています。 少なくとも構造化データでエラーが出ないようにはしておきたい所ですね! 今回改めて hentry(マークアップ: microformats.org)をイチから見直したので、フォーマット的なものを備忘録として残したいと思います。 (ご参考までに) そもそも構造化データって?ウェブマスターツールの 検索のデザイン > 構造化データ でエラーを確認してみましょう。 よくあるのはupdatedがありません authorがありません というやつですね。 ただ、最新のソースというわけではありませんので テストツールで
2015年4月21日より、Googleはランキングの要素としてモバイルフレンドリーかどうかを使用すると公式に発表をしました(※1)。これは各所で話題になっていますので、すでにご存じの方も多いのではないでしょうか。 そのグーグルが現段階でモバイルフレンドリーなデザインパターンとして推奨しているのが、レスポンシブウェブデザインです(※2)。 ユーザーがデバイスによって見づらくなることは、ホームページ運営者にとっては避けなければならないことです。 今回は、レスポンシブウェブデザインに対応したWordpressの無料テンプレートをご紹介します。 ※1)http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html ※2)https://developers.google.co
WordPressの投稿画面には抜粋入力欄が設けられていますが、その部分に入力できる文字数を制限したり抜粋入力についての補足などを入れるカスタマイズをする方法です。 予めクライアントに抜粋の仕様を伝えておけば良い話なんですが、担当者が仕様を忘れてしまったとか担当者が変わったことにより仕様がちゃんと伝わっておらず、「表示が崩れた!」とか「文字が途中から・・・になってしまう!」みたいなことを言われるのを防ぐことができるかと思います。 補足文に関してはフックとか使って表示する方法もあると思いますが、今回は全てjQueryを使って実装してみます。 入力できる文字数を制限する 抜粋に入力できる文字数や補足で表示し、さらに入力欄にはその文字数以上入力できないように制限をかけたものです。 実装には下記をfunctions.phpに記述します。 function excerpt_count() { ?>
Twitter Bootstrapを用いたWordPressテーマは数多く配信されています。その中からピックアップしてカスタマイズしても良いのですが、それでは面白味がありませんので、極力そういった類いのツールは借りず、自作に近い形でテーマを作成したいと思います。 簡単にレスポンシブに対応したデザインが作成できる「Initializr」 Initializrでは、Twitter Bootstrapを使用した雛形を簡単に作成できます。今回は、この雛形をカスタマイズしていきたいと思います。Initializrにアクセスし、以下の通りになっていることを確認して、「Download it!」ボタンをクリックしてください。 「1 - Pre-configuration」は「Bootstrap」を選択 「2 - Fine tunning」はデフォルトのまま変更しない ダウンロードされた圧縮ファイルを展開
最近人気のあるさまざまなデザイン、レイアウト、エフェクト、インタラクションをカスタマイズして、企業サイト・プロダクトやアプリのランディングページ・ブログ・ポートフォリオ・ショッピングサイトなどが作成できるWordPressのテーマファイルを紹介します。 GNU ライセンスで、個人でも商用でもクライアントワークでも無料で利用できます。 ↓こんな感じのが、簡単に作成できてしまいます。 ページサンプルは、まだまだありますよ! Ultra Theme (Free) 追記:2015/5/25 5/24に、本キャンペーンは終了しました。 参考:Ultra: the Most Flexible & Powerful Theme Ultraの特徴 Ultraのデモ Ultraのダウンロード Ultraの特徴 Ultraは、レスポンシブ対応のどんなタイプのサイトでも簡単に作成できるWordPressのテーマ
WEB制作のポイント 2017年7月16日 初心者が、WordPressでコーポレートサイトを作る全手順-2 初回の「初心者が、WordPressで企業サイトを作る全手順-1」では、企業サイトの体裁をおおよそ完成させた。 第2回目となる今回は、各セクションの体裁をどうするか、どうやって更新していくかについて紐解いていこうと思う。 数あるCMSツールのなかでも、WordPressは実は初心者にとっても扱いやすいもので、なおかつ極めようと思えば、その意思に応えてくれる奥深さも備えている。 「初心者が」のキモは、あらかじめテンプレートが準備されているCMSツールを活用することによって、HTMLやCSSといった、いわゆるWEB制作の知識がなくても、WEBサイトとしてある程度の体裁を整えられることだ。 少し馴れてきたら、WordPressを使って、試行錯誤しながらでもWEBサイトにあなたのオリジナリ
The faster, the better!ブログの表示速度向上は永遠の課題だと思っているg.O.R.i(@planetofgori)デス! gori.meは比較的画像が多いため、どうしても読み込み速度が遅く、以前から色んな方法を試して改善に努めてきた。その中でも間違いなく効果があると言える無料で利用できるCDNサーバー「CloudFlare」を紹介する!!ウェブ運営者、ブロガーは間違いなく導入した方がいい! そもそもCDNとは何か? まず、CDNについて簡単に説明する。CDNは「Contents Delivery Network」の略で、ウェブコンテンツを配信するために最適化されたネットワークのことを意味する。 ウェブサイトにある画像や動画などの高容量コンテンツをウェブサービスが提供されているサーバーとは別のサーバーにキャッシュし、代わりに配信して負荷分散するという仕組み。ここでいう「
『最速』 この響き。 誰しもが憧れる、ナンバーワンのスピード。 あなたも最速になりたくないですか? どうも、ブログマーケッターJUNICHIです。 2015年4月21日Googleによって、ウェブサイトがモバイル フレンドリーかどうかをランキング要素として使用し始めるアップデートが実施されました。 あなたも、このアップデートをきっかけに、より一層サイトの高速化の重要性を意識し始めたのではないでしょうか。 そこで今回は、WordPressの人気のテーマの中で、一体どのテーマが最速なのか、実際にテストをしてスピードレースをしてみることにしました!あなたの使っているテーマは何位でしょうか!? スピードレース内容 比較するテーマをインストールして、有効化します。 その後、特定の1記事をPageSpeed InsightsというGoogleのツールにて、速度診断。 その点数の1番良かったものに、『W
コンテンツ管理システム(CMS)のWordPressが5月7日の更新版で修正した脆弱性は、デフォルトで使われているテーマも含めて多数のWordPressプラグインやテーマに影響を及ぼすことが分かった。セキュリティ企業の米Sucuriによれば、情報が公開される前からこの脆弱性を突くゼロデイ攻撃の発生も報告されていたという。 Sucuriの5月6日のブログによると、脆弱性はアイコンフォントパッケージの「Genericons」に含まれる「example.html」というファイルに起因する。悪用された場合、DOM(Document Object Model)ベースのクロスサイトスクリプティング(XSS)攻撃を仕掛けられる恐れがある。 Genericonsは、デフォルトでインストールされているテーマの「TwentyFifteen」や、インストール数が100万を超す人気プラグインの「JetPack」に
SEOの中でもとくに重要な要素の1つにWebページの読み込み速度があります。ページの読み込み速度をアップすることでSEO効果を期待できるわけですが、自分でやるにはかなりの知識が必要に...。でも安心して下さい。Wordpressならこの作業も完全自動化することができます。 このページではWordpressを簡単に超高速化してくれる、絶対入れておきたいプラグインを紹介します。それぞれ異なる分野の最適化・高速化をしてくれるのでとりあえず全部入れておけば効果抜群! WordPressを高速化してくれるプラグイン W3 Total Cache まずはこちら。キャッシュを活用することでWebサイトの表示速度を高速化してくれるプラグイン。Wordpress使うならまず入れておきたいプラグインの一つです。 Better WordPress Minify こちらはCSSファイルとJavascriptファイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く