最近のポートフォリオは、デザイン的にも技術的にもどんどん進化しています。JavaScriptのアプリ、WordPress、スタティックなど、さまざまなプラットフォームでデザイン・構築されたポートフォリオサイトを紹介します。
最近のポートフォリオは、デザイン的にも技術的にもどんどん進化しています。JavaScriptのアプリ、WordPress、スタティックなど、さまざまなプラットフォームでデザイン・構築されたポートフォリオサイトを紹介します。
WordPressのテーマファイルも目を離すと、便利になり、とんでもなく進化しています。企業サイトやプロダクトのランディングページ、ポートフォリオ、個人ブログなど向けに制作されたWordPressのテーマファイルを紹介します。 WordPressは、11/14にメジャーアップデートとなる4.9のリリースが予定されています。おそらく5.0ではGutenbergが実装されるので、それへの足掛けとなるのでしょうか。 Sydney デモページ ビジネス向けのWordPressのテーマファイル。レスポンシブ対応で、ヘッダやコンテンツやナビゲーションなどのレイアウトは多くのカスタマイズが用意されています。ランディングページ用のコンポーネントは組み合わせて利用できます。 Hestia デモページ ランディングページをはじめ、Eコマース、ブログなど、多目的用のWordPressのテーマファイル。Mater
オープンソースのコンテナ管理ソフトウェア・Dockerは、軽量な仮想実行環境であり、少ないリソースで効率よくアプリケーションを動かせるとして注目を集めています。また、2016年6月にはソフトウェアのマーケットプレイス「Docker Store」をオープンすることを発表し、プライベートベータ版として開始しています。 今後の利用拡大が見込まれるDockerの使い方について、わかりやすく解説している記事・スライドを11個ピックアップして紹介します。これからDockerをはじめたいと考えている方はぜひ参考にしてください。 Dockerの使い方の参考になるサイト・記事 隔離の技術Dockerの考え方と使い方の基本 / TECHSCORE BLOG http://www.techscore.com/blog/2014/08/05/introduction-to-docker/ Dockerの概要、よく
WordPressのデザイン、記事の投稿、コンテンツ配信、検索エンジン最適化、メンテナンス、バックアップ、セキュリティ、パフォーマンス、アンケート、ショッピング機能など、ブログやサイトの運営に役立つWordPressのプラグインを紹介します。 WordPress Plugins We Use プラグインは、海外のWeb制作系ブログ「CSS-Tricks」で実際に利用されている厳選プラグインで、それをなぜどのように使用しているのか非常に参考になりました。 CAPTCHAはコメントではなく、管理画面のログインに使用しているとか、なるほどと思いました。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 コンテンツ配信 検索エンジン最適化 メンテナンスとセキュリティ パフォーマンス デザインと記事の編集 パーミッションとモデレーション 販売 使
WordPressの制作の準備、制作、公開、SEOやセキュリティやメンテナンスなど運用における、WordPressでサイトやブログを運営する際の大切なポイントをまとめたチェックリストを紹介します。 Killer WordPress Checklist: 101+ easy steps to launch your next website! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 チェックリストはインフォグラフィックにもなっており、元ページでダウンロードできます。 インフォグラフィックの一部 はじめに WordPressの制作準備時のチェックリスト WordPressの制作時のチェックリスト WordPressの公開時のチェックリスト WordPessのSEOのチェックリスト WordPessのセキュリティのチェックリスト W
こんにちは、ひろゆきです。 今日は、WordPressを使ったサービスをリリースする前に、最後の詰めとしてやっておきたい各種設定のお話を書きます。 普通にWebサイトを見ているだけだと気が付かないかもしれないのですが、実はWebサイトを表示した際に、サーバ側からは色々な情報が返ってきています。 中でも、このサイトがどのバージョンのPHPで動いているのか、どのバージョンのapacheで動いているのかという情報は、ユーザ側に見られる状態になっていてもあまりメリットが無いですよね。 それどころか、悪意を持った人間にそんな情報をわざわざ見せるくらいだったら、予め非表示にしておいた方がいいと思います。 ということで、リリース前に以下の設定を見直すことをおすすめします。 1. PHPのバージョン情報 レスポンスヘッダに「X-Powered-By PHP/5.5.17」などが出ている場合には、php.i
2015年3月5日頃から国内外の複数のウェブサイトを対象に、「Hacked by Islamic State」等と改ざんされるインシデントが相次ぎました。ここでは関連情報をまとめます。 注意喚起 2015年3月11日 (PDF) 「Islamic State (ISIS)」と称する者によるウェブサイト改ざんについて - 警察庁 2015年3月12日 (PDF) 「Islamic State(ISIS)」と称する者によるウェブサイト改ざんに係る注意喚起について - 警察庁 国内で被害を受けたウェブサイト一覧 改ざんパターン(1)のサイト 改ざん時期 地域 被害組織 公式発表 fancybox for WPの 利用有無 2015年3月8日 東京 府中アスレティックFC 3月8日 府中アスレティックFC 公式HP復旧のお知らせ 利用あり 〃 兵庫 西宮観光協会 3月11日 「西宮まちたび博」ホー
WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み(ツール、モジュール、パーツのようなもの)です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考:WordPress
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います!基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫!みなさんのサイトに合わせてカスタマイズしてくださいね! ↑私が10年以上利用している会計ソフト! 目次 カスタムメニューの設置 アイキャッチ画像(サムネイル画像)を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
Webサイトやブログをお持ちの方や担当者の方は、アクセスアップのために日頃奮闘している方が多いと思います。 アクセスを集めるための施策を何も行わなければ、いくらコンテンツを更新しても砂漠の中にあるお城と同じ状態で、誰にも気づいてもらう事ができません。 そこで今回は、Webサイトやブログへのアクセスをアップさせる際に参考となる31のノウハウをご紹介します。 おすすめ無料で使える!Webマーケティングツール&サービス【厳選39選】 1.簡単に実行できる35個のGrowth Hack施策 グロースハックは簡単な施策でも多くの事が実施可能。「Call to Action周りにソーシャルな圧力」や「登録をSNSアカウント認証」など、すぐに実施できる35個の施策。 2.他サイトを丸裸にする32のグロースハックツール集 「競合サイトの情報が見れたらな」を可能にするグロースハックツールのまとめ。海外ツール
こんにちわ! 初心者エンジニアのドドリゲス・パンチョフ・ブジョンヌィ5世です。ひろゆきです。 今回はWordpressをカスタマイズする際によく使う条件分岐タグをまとめてみました。 目次 条件分岐タグとは is_home() メインページ判定 is_single() 詳細ページか判定 is_page() 固定ページか判定 is_category() カテゴリアーカイブか判定 is_tax() タクソノミアーカイブか判定 is_post_type_archive() ポストタイプアーカイブか判定 is_author() 筆者アーカイブか判定 is_singular() 投稿タイプの詳細ページか判定 is_preview() プレビューページか判定 まとめ 条件分岐タグとは 条件分岐タグとは、現在どこのページが表示されているかを判定するための関数です。例えば、ヘッダーをheader.phpとし
レスポンシブWebデザインって? レスポンシブWebデザインとはPCのブラウザのサイズ以外のiPhoneやAndroidなどのスマートフォン、iPadなどのタブレット、ラップトップPC等の様々な画面サイズを想定して、その都度の適切なサイズ・コンテンツで表示するWebデザインです。もちろん同じURLなのでスマートフォンに新しいページを用意する必要はないので、一度固めてしまえばあとは運営運用が簡単です。 これまではWPtouchなどのプラグインでモバイル対応をしてきた方も多いと思いますが、GoogleもSEOにまつわる話でレスポンシブWebデザインを推奨していたり、増加傾向のスマートフォンユーザーに対して、テーマの変更を検討してみてはいかがでしょうか。 my flatonica ウィンドウサイズ全幅に展開され、ミニマルでありながらもエレガントなデザインのWordpressテーマです。テーマ専用
こんにちは、九州ライターの村上です。 突然ですがみなさん、WordPressってご存知ですか? どういうものかというと「ホームページ作成用のオープンソース」でして、「誰でも書き直して使っていいよ」という親切なフリーソフトウェアなのです。このLIGブログもWordPressを元にカスタマイズし、作られています。 今日はWordPress以外の、意外と知られていないCMSについてのご紹介です。 【こちらもおすすめ】 ☞ 「クラウドCMS導入によるWebサイト制作・運用のメリットとおすすめ比較まとめ」 CMSとは? CMSとは、コンテンツマネージメントシステム(Content Management System)の略称です。 今までは専門の管理者しか触れなかったWebなどのコンテンツを、Web担当者以外が簡単に管理できるように開発されたシステムのことです。 なぜCMSがいいのか? CMSを使うと
コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト、上場企業のマーケティング担当者など多岐にわたる。 サイト公開からわずか10ヶ月で14.6億円の生み出す不動産投資メディア、契約率40%程度の理想的な見込み客が集まるブランディングメディアなど数々の成功事例を生み出してきた。「ユーザーに集中すれば結果はついてくる」をモットーに年間4,000件以上のコンテンツ作成に携わっている。 …続きを読む コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く