리눅스2020. 12. 15. 11:56

소유권 변경/파일 권한 변경

sudo chown -R bitnami:daemon /opt/bitnami/apps/wordpress/htdocs/wp-config.php
chmod 664 /webroot/www/err-log.txt

 

mv (Move) : 파일 및 디렉토리 이름 변경 & 이동

sudo mv fileA dirA/ : fileA를 dirA로 이동
sudo mv fileA fileB dirA/ : 여러 파일을 dirA로 이동
sudo mv dirA/ dirB/ : 디렉토리 dirA를 dirB로 이름 변경
ex) sudo mv /htdocs/wp-content/plugins_OLD /htdocs/wp-content/plugins_NEW

 

df (Disk Free) : 마운트된 디스크의 크기, 사용량, 남아있는 용량 등의 정보 출력

df -hP
df . -m -h

df -k : 킬로바이트 단위로 남은 용량 확인
df -m : 메가바이트 단위로 남은 용량 확인
df -h : 보기 좋게 출력(--human-readable). 용량 단위 표시. 사람이 읽을 수 있는 형태의 크기로 출력(예:1K, 512M, 4G). 메가바이트(M) 기가바이트(G) 등 용량 단위를 적절히 맞추어 보여줌
df . : 현재 디렉토리가 포함된 파티션의 남은 용량 확인
df -T : 각 파티션에 대한 파일 시스템의 유형을 출력
df -i  : --inodes. 마운트된 파일 시스템의 아이노드 사용량 관련 정보를 출력. inode의 남은 공간, 사용 공간, 사용 퍼센트를 출력
df -P : --portability. POSIX에서 사용되는 형태로 출력. 파일시스템 경로가 길 경우 2줄로 나오게 되는데 -P 옵션을 입력하면 한 줄로 출력

 

du (Disk Usage) : 파일이나 디렉터리가 디스트에서 차지하고 있는 크기를 출력

du -hs 폴더 : 특정 폴더 용량 확인
du -sh 폴더 : 특정 폴더 용량 확인

du -a : 현재 디렉토리의 사용량을 파일 단위로 출력. 디렉터리에 존재하는 모든 파일에 대해 각각의 크기를 출력
du -s : 총 사용량 확인. 파일들의 전체 크기를 합한 값만 출력
du -h : 보기 좋게 출력(--human). 용량 단위 표시. 현재 디렉터리 안에 있는 모든 파일 및 디렉터리에 대한 크기를 단위로 출력
du -sh : 현재 디렉터리의 총 사용량을 출력
du -sh * : 한단계 서브디렉토리 기준으로 출력. 각 디렉터리나 파일별로 총 용량을 출력
du -D : 심볼릭 파일이면 그 원본의 값을 출력
du -k : 킬로바이트 단위로 출력
du -m : 메가바이트 단위로 출력
du -sh /AA : AA 디렉터리의 총 사용량을 출력

ls  (List Segments) : 디렉토리와 파일 목록을 출력
ls : 현재 디렉토리의 목록 출력
ls /var : /var 디렉토리의 목록 출력
<옵션>
ls -a (all) : 해당 디렉토리에 숨겨진 파일과 디렉토리를 출력 (현재(.), 상위 디렉토리(..) 모두 출력)
ls -l (long) : 소유자, 파일 크기 등 자세한 정보도 함께 출력
ls -i (inode) : inode 넘버를 출력
ls -h : 파일 크기를 해석하기 편하게 출력
ls -alh : 숨김 파일을 포함하여 자세한 정보를 출력 & 파일 크기는 해석하기 편하게 출력
li -n (number) : 소유권(UID+GID)를 숫자로 출력. 많이 사용되지 않는 옵션
ls -R (recursive) : 하위 경로와, 그 안에 있는 모든 파일들을 같이 출력. 재귀적으로 서브디렉토리를 나열
ls -r (reverse) : 디렉토리 및 파일을 역순으로 출력
ls -s (size) : 각 파일의 할당 된 크기를 블록 단위로 출력
ls -t : 수정 시간순으로 정렬, 가장 새로운 것 부터
ls /var/m*.conf : /var 디렉토리에서 m으로 시작하고 확장자가 conf인 파일을 출력

 

캐시 메모리 비우기

free -m
* 참고 : https://nyyang.tistory.com/47

sudo sh -c 'echo 3 > /proc/sys/vm/drop_caches'

* 참고 : https://osasf.net/discussion/587/리눅스-서버의-메모리-간단-관리-방법-사용량-확인-캐시삭제-정기관리

 

Bitnami : Flush The PageSpeed Cache

sudo touch /opt/bitnami/apache2/var/cache/mod_pagespeed/cache.flush

sudo /opt/bitnami/ctlscript.sh restart apache

 

php 및 php.ini 위치 확인

- php의 위치 : which php
- php.ini 위치 : php --ini | grep php.ini

 

php 버전 확인

php -i | grep 'PHP Version'
php -v
php --version
php -r "echo phpversion();"
php -r 'echo PHP_VERSION;'

 

How to Install ImageMagick on CentOS 7 And RHEL

https://www.youtube.com/watch?v=Wh5klOXDQIs
echo extension=imagick.so >> /etc/php.ini

 

재부팅/종료

재부팅 : sudo shutdown -r now
종료 : sudo shutdown -h now

 

 

일반 사용자가 root 권한, 즉 관리자 권한으로 로그인하기

su root 혹은 su 입력 후 암호 입력 / 루트로 접속시에는 터미널에 $ 대신 #이 표시됨

 

Root 계정의 초기 비밀번호 설정

우분투 처음 셋업 후 root 계정으로 처음부터 로그인이 불가능. 처음에 본인이 만든 계정에 들어가서 그곳에서 root 비번 지정 가능
터미널에서 sudo passwd root 입력 후 새 UNIX 암호를 입력
※ 출처 : https://m.blog.naver.com/blacky512/10149326083

 

워드프레스 bitnami 배너 지우기

sudo /opt/bitnami/apps/wordpress/bnconfig --disable_banner 1
이후 아파치 재부팅 : sudo /opt/bitnami/ctlscript.sh restart apache
- 만약 bnconfig.disabled으로 이름이 변경되었는데 여전히 보인다면 : sudo /opt/bitnami/apps/wordpress/bnconfig.disabled --disable_banner 1
- 명확히 하기위해 css 추가 : #bitnami-banner {display: none !important;}

 

워드프레스 bitnami 비밀번호 확인

cat bitnami_application_password : 비트나미 워드프레스 비번이면서, MySQL DB의 bn_wordpress 사용자가 아닌 root 사용자 비번이기도 함
- Default username : user or user@example.com
- 혹은 sudo cat /home/bitnami/bitnami_credentials 입력

 

bitnami 워드프레스의 MySQL

- 터미널에서 원격 DB 서버 접근하는 방법 : mysql -h [host ip] -u [user id] -p
- bn_wordpress 사용자 접속1(sudo mysql -u bn_wordpress -p) : wp-config.php 확인
- bn_wordpress 사용자 접속2(sudo mysql -h localhost -u bn_wordpress -p) : wp-config.php 확인
- root 사용자 접속(sudo mysql -u root -p) : Enter password: cat bitnami_application_password 사용
- DB 비번 변경 : /opt/bitnami/mariadb/bin/mysqladmin -p -u root password NEW_PASSWORD
  ※ MySQL 접속시 sudo를 입력하지않으면 -bash: mysql: command not found 에러 발생
- 스택에서 사용되는 DB 서버 식별 : test -d /opt/bitnami/mariadb && echo "MariaDB" || echo "MySQL"
- MySQL root 혹은 bn_wordpress 비밀번호 변경 : sudo /opt/bitnami/mysql/bin/mysqladmin -p -u [root/bn_wordpress] password
sudo /opt/bitnami/mysql/bin/mysqladmin -p -u bn_wordpress password
- MySQL root 혹은 bn_wordpress 비밀번호 재설정 : 
MySQL v8.x : ALTER USER 'root'@'127.0.0.1' IDENTIFIED BY 'NEW_PASSWORD';
MySQL v5.7.x : ALTER USER 'root'@'localhost' IDENTIFIED BY 'NEW_PASSWORD';
- MySQL 서버 재시작 : sudo /opt/bitnami/ctlscript.sh restart mysql

 

사용자명 및 그룹 조회

- 현재 ubuntu 사용자의 소속 그룹 조회 : $ id ubuntu
- 현재 사용자의 그룹 목록 조회 : $ groups
- 모든 사용자 조회 : $ compgen -u
- 모든 그룹 조회 : $ compgen -g
- 워드프레스 디렉토리 소유자 확인 : ls -al /home/wp

 

Apache Web Server의 사용자명 및 그룹명 찾기 / VirtualHost 목록만 보고 싶을 때

apachectl -S 또는 httpd -S

CentOS 출력문 :
...
User: name="apache" id=997 not_used
Group: name="apache" id=1000 not_used

Ubuntu 출력문 : 
...
User: name="www-data" id=33 not_used
Group: name="www-data" id=33 not_used

 

Apache 프로세스 소유자 확인
ps -ef | grep httpd

 

root로 로그인

sudo -i

 

Apache 프로세스를 소유자 정보와 함께 다양한 정보를 출력

ps aux | egrep '(apache|httpd)'

- ps aux : 시스템에 동작중인 모든 프로세스를 소유자 정보와 함께 다양한 정보를 출력 (BSD 포맷으로 출력)
- ps aux | grep apache : 특정 프로세스에 대해서 보고 싶을 경우 'grep'명령어를 같이 활용
- grep과 egrep은 차이가 없으나 egrep이 grep의 확장된 개념으로 grep의 옵션이 egrep에도 적용이 가능

 

CentOS에서 아파치 설정파일 httpd.conf의 일반적 위치

/etc/httpd/conf/httpd.conf

 

Bitnami stack - Start Or Stop Services

- 각 Bitnami 스택에는 서비스를 쉽게 중지, 시작 및 다시 시작할 수있는 제어 스크립트가 포함되어 있습니다.

- https://docs.bitnami.com/aws/faq/administration/control-services/

sudo /opt/bitnami/ctlscript.sh restart apache : 서비스 이름을 인수로 전달하여 Apache와 같은 단일 서비스를 재시작

sudo /opt/bitnami/ctlscript.sh start/stop/status : 모든 서비스 시작/중지/상태확인을 위한 스크립트 사용(서비스명 인수없이 호출)

sudo /opt/bitnami/ctlscript.sh restart : 인수없이 스크립트를 실행하여 서비스를 다시 시작

ex) $ sudo /opt/bitnami/ctlscript.sh status

php-fpm already running

apache already running

mysql already running

'리눅스' 카테고리의 다른 글

Bitnami HTTPS Configuration Tool  (0) 2023.05.15
Bitnami 로그 / MySQL 접속  (0) 2021.05.28
Posted by cpu21
Shopping Mall/Domain2020. 7. 19. 18:18

네임서버 변경없이 도메인 구입처에서 A레코드 추가를 통한 도메인 연결 방법
1. 도메인 구입처 로그인 후 DNS 설정으로 이동
2. 두개의 호스트(www 및 @) 추가, 각각의 값/위치에는 호스팅사의 서버 IP 주소 입력
3. 호스팅사 로그인(카페24 예시). 도메인 추가 연결 진행

※ 기존에도 도메인 구매처에서 위와 같이 도메인 연결이 되어있을 경우 신규 호스팅사로 네임서버 변경없이 가능하다.
- 특히 기존 사이트에서 도메인 구매 및 연결, 호스팅까지 이용했을 경우 MX 레코드값 변경을 안해도되기때문에 유리.
- Office365, 아웃룩 연동하여 이메일을 사용하는 회사, CName 및 MX 값 등이 얽혀있는 회사에 유리.


Referance URL
- 워드프레스 정보꾸러미 | 네임서버 정보 변경과 A 레코드 변경 차이점
- (주)심포니소프트 | 워드프레스 웹호스팅에서 네임서버 변경없이 웹호스팅 연결하기
- 아임웹 | 타사에서 구입한 개인 도메인 연결하기 (네임서버, A레코드)
- 가비아 라이브러리 | 도메인, 웹호스팅 업체가 다를 때 홈페이지에 도메인 연결하는 방법

Posted by cpu21
WordPress/Core2020. 6. 30. 11:43

https://wordpress.org/download/

WordPress version 5.4.2 (2020년 6월 30일 현재) : Requirements

- We recommend servers running version 7.4 or greater of PHP and MySQL version 5.6 OR MariaDB version 10.1 or greater.

- We also recommend either Apache or Nginx as the most robust options for running WordPress, but neither is required.



https://wordpress.org/about/requirements/

To run WordPress we recommend your host supports:

- PHP version 7.4 or greater.

- MySQL version 5.6 or greater OR MariaDB version 10.1 or greater.

- HTTPS support


https://kopress.kr/blog/docs/user/about-wordpress/requirements/

Posted by cpu21
WordPress/Core2019. 10. 15. 21:11

Settings > General의 이메일 주소 변경, User의 이메일 주소 변경 등
DB를 통한 직접 이메일 주소 변경 이후 "Save Changes""Update Profile" 클릭 요망

Posted by cpu21
Shopping Mall2019. 8. 29. 11:35

https://sdsupport.cafe24.com/board/tip/read_begin.html?no=626&board_no=1002

Posted by cpu21
SEO2019. 7. 27. 21:42

Ref. Sites :

- WordPress translation plugin | Multilingual SEO on WordPress: 7 Tips To Rank In All Languages : https://translatepress.com/wordpress-multilingual-seo/
- WPML | Optimize multilingual sites using Yoast SEO and WPML : https://wpml.org/documentation/plugins-compatibility/using-wordpress-seo-with-wpml/
- WPML | Changing Language Meta Tags : https://wpml.org/forums/topic/changing-language-meta-tags/
WPML | Adding hreflang to Multilingual WordPress Sites : https://wpml.org/documentation/support/adding-hreflang-wordpress/
- SAT Communication | 다국어 페이지 검색 엔진 최적화 : hreflang(언어설정) 태그를 이용하는 방법 : https://www.seenbuy.kr/사이트에-hreflang-태그가-없습니다/
- hreflang : 더 나은 웹 | 다국어 페이지 검색 엔진 최적화 : https://www.betterweb.or.kr/blog/다국어-페이지-검색-엔진-최적화/
- codeJS | 다국어 사이트를 위한 SEO 처리. (구글 검색엔진 최적화) : http://www.codejs.co.kr/다국어-사이트를-위한-seo-처리-구글-검색엔진-최적화/

'SEO' 카테고리의 다른 글

WordPress Feed URLs when Permalinks Enabled  (0) 2019.07.27
표준 페이지 설정, link rel=canonical  (0) 2019.07.27
KakaoTalk - Remove the OG Cache  (0) 2018.07.17
Meta Tag / OG Tag / Open Graph Protocol  (0) 2018.07.17
Posted by cpu21
SEO2019. 7. 27. 21:31

- RDF/RSS 1.0 Format : http://YourDomain.com/feed/rdf/
- RSS 0.92 Format : http://YourDomain.com/feed/rss/
- RSS 2.0 Format : http://YourDomain.com/feed/
- Atom Format : http://YourDomain.com/feed/atom/
- comments RSS 2.0 Format : http://YourDomain.com/comments/feed/


Ref. Sites :
https://codex.wordpress.org/ko:WordPress_Feeds
https://perishablepress.com/what-is-my-wordpress-feed-url/

'SEO' 카테고리의 다른 글

Multilingual SEO / hreflang  (0) 2019.07.27
표준 페이지 설정, link rel=canonical  (0) 2019.07.27
KakaoTalk - Remove the OG Cache  (0) 2018.07.17
Meta Tag / OG Tag / Open Graph Protocol  (0) 2018.07.17
Posted by cpu21
<?php if ( ICL_LANGUAGE_CODE=='it' ) : ?>
	Your Tag
	<?php Your Code ?>
<?php endif; ?>
<?php if ( ICL_LANGUAGE_CODE=='fr' ) : ?>
	Your Tag
	<?php Your Code ?>
<?php endif; ?>
<?php if ( defined( 'ICL_LANGUAGE_CODE' ) && 'fr' == ICL_LANGUAGE_CODE ) { // If the language is French ?>
	<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/fr_logo.png" class="site-logo" alt="" />
<?php } elseif( defined( 'ICL_LANGUAGE_CODE' ) && 'it' == ICL_LANGUAGE_CODE ) { // If the language is Italian ?>
	<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/it_logo.png" class="site-logo" alt="" />
<?php } else { // If the language is English, the default ?>
	<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/en_logo.png" class="site-logo" alt="" />
<?php } ?>

 

bavotasan.com | Displaying Different Logos with WPML (ICL_LANGUAGE_CODE) : https://bavotasan.com/2016/displaying-different-logos-wpml/
- WPML | Change logo per language (ICL_LANGUAGE_CODE) : https://wpml.org/forums/topic/change-logo-per-language/
- WPML | logo in different language (ICL_LANGUAGE_CODE) : https://wpml.org/forums/topic/logo-in-different-language/
- WPML | how to get different headers with different languages (ICL_LANGUAGE_CODE, language_attributes()) : https://wpml.org/forums/topic/how-to-get-different-headers-with-different-languages/
- WordPress Codex | Function Reference/language attributes : https://codex.wordpress.org/Function_Reference/language_attributes
- WordPress Developer Resources | Function | get_language_attributes() : https://developer.wordpress.org/reference/functions/get_language_attributes/
- WordPress Developer Resources | Function | get_bloginfo() : https://developer.wordpress.org/reference/functions/get_bloginfo/

 

- Language : en-US, ko-KR

Posted by cpu21
SEO2019. 7. 27. 18:58

Using

<link rel="canonical" href="http://YourDomain.com/">

 

Ref. Sites

- 검색엔진 최적화 블로그 | 표준 페이지 설정, link rel=canonical : http://www.seo-korea.com/표준-페이지-설정-link-rel-canonical/
- 네이버 웹마스터도구 | 웹마스터도구 도움말 및 가이드 : https://webmastertool.naver.com/guide/basic_markup.naver#chapter1.1
- 함께 나누는 웹개발 커뮤니티 블로그. webisfree.com | 검색엔진 최적화 방법 - Canonical 태그의 중요성과 활용 방법 : https://webisfree.com/2014-09-24/검색엔진-최적화-방법-canonical-태그의-중요성과-활용-방법

canonical :

1. (성경이) 정본에 속하는; (문학 작품이) 고전으로 여겨지는 
2. 교회법에 따른 
3. (전문 용어) (수학에서) 표준[기준]이 되는

'SEO' 카테고리의 다른 글

Multilingual SEO / hreflang  (0) 2019.07.27
WordPress Feed URLs when Permalinks Enabled  (0) 2019.07.27
KakaoTalk - Remove the OG Cache  (0) 2018.07.17
Meta Tag / OG Tag / Open Graph Protocol  (0) 2018.07.17
Posted by cpu21
URL2019. 6. 8. 20:05

CSSmatic | The ultimate CSS tools for web designers : https://www.cssmatic.com/

- Gradient Generator, Border Radius, Noise Texture, Box Shadow

'URL' 카테고리의 다른 글

AWS/Lightsail Document  (0) 2021.02.04
WordPress related site, page II  (0) 2021.02.04
[URL] PDF Candy - Edit PDF metadata  (0) 2019.05.23
[URL] Online CSS Unminifier  (0) 2019.05.12
[URL] WordPress Websites  (0) 2019.05.06
Posted by cpu21
URL2019. 5. 23. 14:17

https://pdfcandy.com/edit-pdf-meta.html

Posted by cpu21
WordPress/Plugin2019. 5. 20. 01:58

Product Filter for WooCommerce

CodeCanyon
- Created : August 7, 2014
- Last Update : May 16, 2019
- Current Version: 7.0.4
- Sales : 12,122
- Comments : 6,203
- Regular License : $40
- Author : XforWooCommerce

 

URLs : XforWooCommerce.com

XforWooCommerce.com - Store | Product filter / Demos / Admin Demo / Help / Change Log

 

URLs : Mihajlovicnenad.com

Mihajlovicnenad.com | Product Filter for WooCommerce / Mihajlovicnenad.com | Demo / Live Preview / Documentation and Full Guide Video / Change Log / FAQ & How to?

 

WooCommerce Product Filter Plugin - Full Guide (Product Filter v2.3.0)

Posted by cpu21
WordPress/Plugin2019. 5. 20. 01:09

WOOF - Products Filter for WooCommerce

- Free Version : WordPress.org Plugin Page
- by realmag777
- Version: 1.2.2.1
- Last updated: 4 days ago
- Active installations: 70,000+
- WordPress Version: 4.1.0 or higher
- Tested up to: 5.2
- PHP Version: 5.4 or higher
- Download Latest - v1.2.2.1 :

woocommerce-products-filter.zip
3.16MB



WOOF - WooCommerce Products Filter

- Premium Version : CodeCanyon
- Change Log : v.2.2.2.1 / November 07, 2018
- Last Update : November 13, 2018
- Created : May 21, 2015
- Sales : 7,159
- Comments : 1,927
- Regular License : $34
- Author : realmag777

 

 

URLs :

PluginUs.Net | WOOF - Products Filter for WooCommerce / Plugin Official Site / DemoFAQVideo TutorialsCodexSites with the plugin

 


Video Review : WOOF - WooCommerce Products Filter plugin - all in one

Posted by cpu21
jQuery2019. 5. 19. 16:19
<script>
	//이 페이지에서 뒤로가기 하거나, 목록을 누를때 그리고 새로고침을 할 때 이벤트 발생
    window.onbeforeunload = function(){
        return '페이지를 벗어나시겠습니까?';
    }
</script>

 

 

ex2

<script>
	window.onbeforeunload = function() {
		jQuery('.portfolio_nav5 li:nth-child(1) > a').click();
	}
</script>

 

ex3

$(window).on("beforeunload", function() {
	return 'Dialog text here2.';
});

- 출처 : https://jhgan.tistory.com/27 [간둥이]

 

 

ex4

jQUery(window).bind("beforeunload", function (e){
	return "창을 닫으시겠습니까?";
});

 

 

ex5 : 페이지 이탈시 확인창 띄우기 I

<script>
	var checkUnload = true;
	jQuery(window).on("beforeunload", function() {
		if(checkUnload) return "이 페이지를 벗어나면 작성된 내용은 저장되지 않습니다.";
	});


	//단, 글쓰기 버튼을 클릭해서 글을 저장한 후 페이지를 이동시 메시지가 뜨지않도록 checkUnload를 false로 변경 후 submit이나 페이지를 이동
	jQuery("#saveBtn").on("click", function(){
		checkUnload = false;
		jQuery("#saveForm").submit();
	});
</script>

- 출처: https://stove99.tistory.com/128 [스토브 훌로구]

 

 

ex6 : 페이지 이탈시 확인창 띄우기 II

jQuery(document).ready(function(jQuery) {
	var checkload = true;
    //글을 모두 작성하고 등록할 때 알림문구가 뜨지않도록 #submit-btn을 클릭시 checkload 변수 값을 false로 만든다. 그러면 조건문을 지나치게되어 알림이 뜨지않게된다.
	jQuery('#submit_btn').click(function () {
		checkload = false;
	});
	
	jQuery(window).on("beforeunload", function () {
		if (checkload == true) return "나가시겠습니까?";
	});
});

- 출처 : https://blog.tunalabs.io/archives/172498 [TUNALABS.IO 블로그 취미입니다]

 

 

ex7 : unload(), 페이지에서 벗어날 때

$(window).unload(function() {
	alert('Handler for .unload() called.');
});

- 출처 : https://findfun.tistory.com/329 [즐거움을 찾자 Find Fun!!]

Posted by cpu21
URL2019. 5. 12. 23:56

MrColes - Peter Coles's Blog | Online CSS Unminifier

Online JavaScript Beautifier (v1.10.0)

Unminify JS, CSS and HTML Code

Posted by cpu21
URL2019. 5. 6. 19:48

"The Best WordPress Sites in the World" 라는 타이틀로 WordPress.org에서 워드프레스로 제작된 대표적인 사이트를 소개하고 있다.

- WordPress Website Showcase : https://wordpress.org/showcase/
- WordPress Website Showcase | Archives : https://wordpress.org/showcase/archives/

- 워드프레스 쇼케이스에서 소개된 대표적인 웹사이트는 아래와 같다. 과거 서울시 홈페이지 처럼 워드프레스 기반으로 제작했을 뿐이지, 상당수 홈페이지는 순수 워드프레스만으로 제작되지않았을 것으로 생각된다. 또한 오래전에 업데이트된 리스트이기때문에 현재와는 다를 수 있다.

 

워드프레스 쇼케이스에서 소개된 대표적인 웹사이트 :

The White House (백악관)

Angry Birds (앵그리버드)

The Walt Disney Company (월트 디즈니사)

Microsoft News Center (마이크로소프트 뉴스 센터)

Mercedes-Benz (메르세데스 벤츠)

Vogue (보그)

Sony Music (소니 뮤직)

Alanis Morissette (알라니스 모리셋)

Snoop Dogg (스눕도기독)

The Rolling Stones (롤링 스톤즈)

Lollapalooza (롤라팔루자)

New York Post (뉴욕 포스트)

The New York Times Company (뉴욕 타임즈사)

Time.com (타임지)

CBS New York (CBS 뉴욕)

Chicago Bulls (시카고 불스)

Charles Barkley (찰스 버클리)

University of Melbourne (호주 멜버른 대학교)

The Mozilla Blog (모질라 블로그)

Beyoncé (비욘세)

Usain Bolt (우사인 볼트)

Sylvester Stallone (실베스터 스탤론)

LL Cool J (엘엘 쿨 제이)

Sweden’s Official Website (스웨던 공식 웹사이트)

 

(WordPress Website Showcase에 소개되지않은) 워드프레스로 제작된 해외 사이트 :

Justin Bieber (저스틴 비버)

 

워드프레스로 제작된 국내 사이트 :

현대종합상사

삼성전자 뉴스룸

Social LG전자

 

 

 

Ref. Sites :

- ㅅㅗㅅㅗ日記 > 워드프레스 | 워드프레스로 제작된 유명 사이트 (2018.07.01)

- WPIniciante | 10 Famous People Who Use WordPress As Their Online Platform (March 9, 2015)

- WPBeginner | 40+ Most Notable Big Name Brands that are Using WordPress (March 8th, 2019)

Posted by cpu21
읽을꺼리2019. 5. 5. 13:05

 

개발자들이 좋아하는, 싫어하는, 쓰고 싶어하는 프로그래밍 언어는?

 

노마드 코더 Nomad Coders
- 게시일: 2019. 4. 25

스택오버플로우 2019년 개발자 설문결과를 같이 분석해봅시다!
니꼴라스와 함께 하나하나 읽으며 그 의미를 알아보고, 트렌드를 살펴보자구요!

Stack Overflow Developer Survey 2019: https://insights.stackoverflow.com/survey/2019

1. 핵심 결과
2. 지역
3. 직업
4. 경력
5. 가장 인기있는 프로그래밍 언어는?
6. 가장 인기있는 웹 프레임워크는?
7. 개발자들이 가장 좋아하는. 싫어하는. 쓰고 싶어하는 프로그래밍 언어는?
8. 개발자들이 가장 좋아하는. 싫어하는. 쓰고 싶어하는 웹 프레임워크는?
9. 가장 인기있는 개발 환경은?
10. 연봉

Posted by cpu21
WordPress/Plugin2019. 5. 5. 13:04

Popup Maker – Popup Forms, Optins & More

- by WP Popup Maker
- Version: 1.8.5
- Last updated: 2 weeks ago
- Active installations: 300,000+
- WordPress Version: 4.1 or higher
- Tested up to: 5.2
- PHP Version: 5.2.17 or higher
- WordPress.org Plugin Page : https://wordpress.org/plugins/popup-maker/
- Plugin's Offical Site : https://wppopupmaker.com/
Blog / GitHub / Twitter / Support
- Download Latest - 1.8.5 : 

popup-maker.zip
2.05MB

- Screenshots :

 


- Review page : https://www.thewordcracker.com/basic/기능이-많고-유연한-워드프레스-팝업-플러그인-popup-maker/ (2018.03.13)

 

 

 

Popup Builder – Responsive WordPress Pop up – Subscription & Newsletter

- by Sygnoos
- Version: 3.2
- Last updated: 3 days ago
- Active installations: 100,000+
- WordPress Version: 3.8 or highner
- Tested up to: 5.2
- PHP Version: 5.3.3 or higher
- WordPress.org Plugin Page : https://wordpress.org/plugins/popup-builder/
- Plugin's Offical Site : https://popup-builder.com/
- Download Latest - 3.2 : 

popup-builder.3.2.zip
1.48MB

- Screenshots :

 

- Review page : https://www.thewordcracker.com/basic/popup-builder-워드프레스-팝업-플러그인/ (2018.02.25)

 

 

 

Popups – WordPress Popup

- by timersys
- Version: 1.9.3.7
- Last updated: 2 days ago
- Active installations: 60,000+
- WordPress Version: 3.6 or higher Tested up to: 5.1.1
- PHP Version: 5.3 or higher
- Language: English (US)
- WordPress.org Plugin Page : https://wordpress.org/plugins/popups/
- Plugin's Offical Site : Popups - Timersys : https://timersys.com/free-plugins/social-popup/
- Download Latest - 1.9.3.7 

popups.1.9.3.7.zip
0.41MB

- Screenshots :


- Review page1 : https://pluginarchive.com/wordpress/popups

- Review page2 : https://www.thewordcracker.com/basic/wordpress-popup-plugin-for-multiple-popups/ (2016.05.15)

 

 

 

Popup Plugin For WordPress - ConvertPlus

- by BrainstormForce
- 13,768 Sales
- 1,732 Comments
- Regular License : $24 (from codecanyon.net)

- CodeCanyon.net Plugin Page : https://codecanyon.net/item/popup-plugin-for-wordpress-convertplug/14058953
- Plugin's Offical Site : https://www.convertplug.com/plus/

- Last Update : 1 March 19
- Created : 14 December 15

- Screenshots :

- Review page : https://www.thewordcracker.com/basic/convertplug-wordpress-popups-plugin/ (2016.08.02)

 

 

 

ITRO Popup Plugin

- by ITRO Team
- Version: 5.0.2
- Last updated: 2 years ago
- Active installations: 20,000+
- WordPress Version: 3.0.1 or higher
- Tested up to: 4.7.13
- WordPress.org Plugin Page : https://wordpress.org/plugins/itro-popup/

- Plugin's Offical Site : https://www.itroteam.com/wordpress-popup-plugin-free/

- Download Latest - 5.0.2 : 

itro-popup.5.0.2.zip
0.15MB

- Review page : https://www.thewordcracker.com/scribblings/wordpress-popup-plugin/ (2016.05.02)

 

 

 

Ref. Sites

- CMS FACTORY > 워드프레스 강좌 | 팝업(Popup) 플러그인 세가지 (Created on 2014-03-11 13:35 | Updated on 2018-10-04 18:39) 
Hustle – Pop-Ups, Slide-ins and Email Opt-ins by WPMU DEVhttps://wordpress.org/plugins/wordpress-popup/
WordPress Popup – Optin Revolution by Optin Revolutionhttps://wordpress.org/plugins/optin-revolution/
ITRO Popup Plugin By ITRO Teamhttps://wordpress.org/plugins/itro-popup/

 

aThemes | 10 Best WordPress Popup Plugins 2019 (February 6, 2019)

ConvertPlus / Ninja Popups / Bloom / OptinMonster / Elementor Pro / Layered Popups / Icegram / Popup Maker / WP Subscribe Pro / PopUp Domination

 

- MonsterPost Blog | 10+ Best WordPress Popup Plugins Approved by the Official WP Community (3 months ago)

JETPOPUP / Popup Builder from Elementor / HubSpot / Beeketing for WooCommerce WordPress Popup Plugin / Cherry PopUps / OptinMonster WordPress Popup Plugin / Popup Maker WordPress Plugin / Hustle WordPress Popup Plugin / Popup Builder WordPress Plugin / Popups WordPress Plugin / Icegram WordPress Popup Plugin / MailMunch WordPress Popup Plugin / ITRO WordPress Popup Plugin / WordPress Popup Plugin by Supsystic / Modal Window WordPress Plugin / MailOptin WordPress Popup Plugin

 

Colorlib | Top 15 Popup Plugins for WordPress To Get More Subscribers And Improve Conversion Rates 2019 (April 3, 2019)

Popup Builder / PopUp by Supsystic / Popup Maker / PopupAlly / MailOptin / Yeloni Exit Popup / Uji Popup / OptinMonster / WP Post Popup / Popups / Popup Maker / Icegram / Alligator Popup / Simple Popup Plugin / OptiMonk

Posted by cpu21
jQuery2019. 5. 1. 18:06

css

.anchor_point_topmargin1 {display: block; position: relative; top: -150px; visibility: hidden;}
.anchor_point_topmargin2 {display: block; position: relative; top: -50px; visibility: hidden;}

 

jQuery

$('.anchor_point').addClass('anchor_point_topmargin1');
$(window).scroll(function () {
    var scrollValue = $(document).scrollTop();
    if (scrollValue == '0') {
        //console.log(scrollValue);
        $('.anchor_point').addClass('anchor_point_topmargin1');
        $('.anchor_point').removeClass('anchor_point_topmargin2');
    } else {
        $('.anchor_point').removeClass('anchor_point_topmargin1');
        $('.anchor_point').addClass('anchor_point_topmargin2');
    };
});

 

References :

[jQuery] 현재 스크롤값 가져오기(scroll)

[css] anchor offset (for fixed header) : 10 solutions

Posted by cpu21
jQuery2019. 5. 1. 17:56

문서 로딩시 스크롤값 얻기

$(document).scrollTop();

 

실시간(현재) 스크롤값 얻기 (현재 스크롤값이 로깅됨)

$(window).scroll(function () {
	var scrollValue = $(document).scrollTop();
	console.log(scrollValue);
});

- 출처: euntori.blog | [제이쿼리] 현재 스크롤값 가져오기(scroll) (2016.02.05)

 

 

References :

- 즐거움을 찾자 Find Fun!! | scroll(), 스크롤 이벤트 (2012.03.06)

- 원영's | jQeury 스크롤 내리다가 특정 영역(부분) 이벤트 발생시키기 (2017.04.27)

Posted by cpu21