-
AuthorPosts
-
September 27, 2013 at 10:11 am #167079
Hi,
Sorry for duplicated threads.
I created a topic on this couple of days ago but it was closed before I got a chance to update it.
My question is very specific on how to add icons of three of the most popular social networking sites in China, QQ, tencent weibo and Weibo to the top navigation bar.
I understand they are not included in v2.2 and am not sure if future release is going to include them since they are not that popular outside of China.
So, could you please help? how can I add these three social icons?
QQ & weibo: http://all-free-download.com/free-vector/vector-misc/vector_summary_of_commonly_used_chinese_social_networking_sites_180168.html
tencent weibo: http://wiki.open.t.qq.com/index.php/%E8%A7%86%E8%A7%89%E7%B4%A0%E6%9D%90%E4%B8%8B%E8%BD%BDThanks,
September 30, 2013 at 1:53 am #167924Hey yukanl!
The next version being released within the next day or so includes the ability to add your own icon font set from fontello.com . So if they are there then you’ll be able to add them in.
Regards,
DevinSeptember 30, 2013 at 9:12 am #168027Thanks Devin.
Ismael said my theme was broken, https://kriesi.at/support/topic/enfold-settings/#post-167861. Would you suggest me to wait for the new release?
thanks,
September 30, 2013 at 2:22 pm #168121Hello!
You can try re-installing theme via FTP in the meantime ( http://vimeo.com/channels/aviathemes/64927356 )
Best regards,
YigitOctober 1, 2013 at 3:49 am #168535I’m also trying to change the Social Media Icons in the header (I want to add “Blogger” to the options). I have 2.3 installed, but it is not apparent to me where to add this option. Doesn’t seem to be anything in the Icon Font Manager to add Social Media Icons . Please help. Thanx!
October 1, 2013 at 7:50 am #168595Hi,
I have upgraded the theme to version 2.3. Checked the documentation, didn’t find any instruction on how to add custom social icons to the theme. Where can I find detailed instructions?
Thank you,
October 2, 2013 at 3:11 pm #169371Hello!
You can find the information here: http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader
I did a video walkthrough which is link on the page.
Cheers!
DevinOctober 2, 2013 at 4:56 pm #169410Thanks Devin.
I have uploaded new fonts, it works.
However, I need to add new custom icons to the top navigation bar. How can I do that?
Thanks,
October 2, 2013 at 6:36 pm #169470Ditto to what yukanl is saying/asking about “Adding Social Icons”. Devin, I don’t see anything mentioned about that specifically in the video you made.
October 3, 2013 at 4:14 am #169731I have added the foursquare icon and did the uploading as shown. as well as the youtube icon… when i went into the header section to add the social icons above the logo, the youtube icon was there but the foursquare isn’t… my client is demanding the foursquare icon to be present but i have no idea how to make it happen since everything else has worked. ;(
October 3, 2013 at 4:18 am #169734Hello!
@Michae1: Enfold 2.3 has the ability to upload new icon fonts. Go to Enfold > General Settings > Iconfont Manager.Cheers!
IsmaelOctober 3, 2013 at 6:40 am #169755Ismael,
I think now we know how to upload new icon fonts to the theme.
The real issue we are facing is how to add a custom/new icon to the navigation bar? For instance, to add an icon that is not already on the pre-defined social icon list.
Please kindly advise!
thanks,
October 3, 2013 at 7:20 am #169771Ismael,
Ditto again, EXACTLY what ^yukanl^ said :) Please advise. Thanx!
October 5, 2013 at 10:01 am #170765October 5, 2013 at 11:38 am #170775Thank you, Peter!!
If I need to add multiple custom icons to the array, do I repeat the following for each of the custom icons? and just replace behance with the values used for the custom icons?
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‘behance’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’);
return $icons;
}thanks,
October 5, 2013 at 12:19 pm #170781Hi Peter,
This is what I got but the icons are not shown at the site. I tried to delete all cookies/temp files and even went to the temp folder and deleted all files in there but the custom icons are still not being displayed.
register-admin-options.php
“subtype” => array(
‘500px’ => ‘five_100_px’,
‘Behance’ => ‘behance’,
‘Dribbble’ => ‘dribbble’,
‘Facebook’ => ‘facebook’,
‘Flickr’ => ‘flickr’,
‘Google Plus’ => ‘gplus’,
‘Instagram’ => ‘instagram’,
‘LinkedIn’ => ‘linkedin’,
‘Pinterest’ => ‘pinterest’,
‘QQ’ => ‘qq’,
‘Renren’ => ‘renren’,
‘Skype’ => ‘skype’,
‘Weibo’ => ‘sina-weibo’,
‘Soundcloud’=> ‘soundcloud’,
‘Tumblr’ => ‘tumblr’,
‘Twitter’ => ‘twitter’,
‘Vimeo’ => ‘vimeo’,
‘Xing’ => ‘xing’,
‘Youtube’ => ‘youtube’,
‘Special: RSS (add RSS URL, leave blank if you want to use default WordPress RSS feed)’ => ‘rss’,
‘Special: Email Icon (add URL to a contact form)’ => ‘mail’,)),
and functions.php,
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‘QQ’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue908’);
$icons[‘Renren’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90f’);
$icons[‘Weibo’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue910’);
return $icons;
}October 5, 2013 at 12:29 pm #170782This is what I got from the header after adding the custom icon to the nav bar,
”
<ul class=”noLightbox social_bookmarks icon_count_5″>
<li class=”social_bookmarks_QQ social_icon_1″>
<li class=”social_bookmarks_Weibo social_icon_2″>
<li class=”social_bookmarks_facebook social_icon_3″>
<li class=”social_bookmarks_twitter social_icon_4″>
<li class=”social_bookmarks_mail social_icon_5″>(Email address hidden if logged out) “>”
I see that custom icon 1 and 2 do not have “data-av_icon=”” ” in the code but icon 3, 4 and 5 which come with the theme do show “data-av_icon=”” ” , not sure if this made the difference.
October 5, 2013 at 12:30 pm #170783This reply has been marked as private.October 7, 2013 at 12:56 pm #171582Peter,
I tried to turn on the wp debug and this is what I found from the error_log.txt. Not sure if this has anything to do with the issue of not able to add custom social icons to the nav bar.
[07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: qq in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622
[07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: qq in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622
[07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: sina-weibo in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622
[07-Oct-2013 10:11:45 UTC] PHP Notice: Undefined index: sina-weibo in /home/content/30/11045530/html/z/wp-content/themes/acutta/config-templatebuilder/avia-template-builder/php/font-manager.class.php on line 622thanks,
October 9, 2013 at 5:17 pm #173131Hello!
I tested this and successfully added the QQ social icon on the header. I followed Dude’s instruction.
1.) Edit includes > admin > register-admin-options.php, find this code on line 905:
'Behance' => 'behance',
Add this code below:
‘QQ’ => ‘qq’,
2.) Edit functions.php, find this code on line 16:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['qq'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue908'); return $icons; }
3.) Go to Enfold > Header > Add the “QQ” social icon. Save changes.
This is the screenshot of the result:
Regards,
IsmaelOctober 9, 2013 at 6:27 pm #173171Hi Ismael,
thank you for testing it out.
I went over the procedure and checked all files again. The only difference between mine and yours is that I had “add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)”
added close to the end of the functions.php, and you added it below “if(isset($avia_config[‘use_child_theme_functions_only’])) return;”I have moved the codes right below that line now as well but still not showing the icons.
Is it okay to add three social icons the way I added them? This is what I added to functions.php. As you can see there are three icons in the bracket.
`
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‘QQ’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue908’);
$icons[‘Renren’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90f’);
$icons[‘Weibo’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue910’);
return $icons;
}
‘
thanks,October 9, 2013 at 6:28 pm #173172This reply has been marked as private.October 9, 2013 at 6:40 pm #173180Hey!
Use the ID of the social icons.
$icons['qq'] $icons['renren'] $icons['sina-weibo']
Check the it again. The code should be:
add_filter(‘avf_default_icons’,'avia_add_custom_icon’, 10, 1); function avia_add_custom_icon($icons) { $icons['qq'] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue908′); $icons['renren'] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90f’); $icons['sina-weibo'] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue910′); return $icons; }
Best regards,
IsmaelOctober 9, 2013 at 7:06 pm #173194wow, it works now. That’s great!
Thank you Ismael!!!
One last question before we close this topic.
I noticed the background of these newly added icons are not changing as other default ones. Only color of the icons is changed when hovered. How can we make the cell icon is in to change the same way as facebook, twitter and g+ icons?
thanks again!
October 10, 2013 at 4:47 am #173388Hello!
Edit css > layout.css, find the code:
#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#a67658; }
You can add the new social icons selector:
#top .social_bookmarks_qq:hover a{color:#fff; background-color: #a67658; }
Regards,
IsmaelOctober 13, 2013 at 8:24 am #174735thank you. All cleared!! appreciate the help. As always, you guys rock!
October 14, 2013 at 4:21 am #174932 -
AuthorPosts
- The topic ‘new social icons’ is closed to new replies.